UTF-8 html without BOM displays strange characters

Question

I have some HTML which contains some forign characters (€, ó, á). The HTML document is saved as UTF-8 without BOM. When I view the page in the browser the forign characters seem to get replaced with stranger character combinations (â‚¬, Ã³, Ã). It's only when I save my HTML document as UTF-8 with BOM that the characters then display properly.

I'd really rather not have to include a BOM in my files, but has anybody got any idea why it might do this? and a way to fix it? (other than including a BOM)

Did you do the appropriate things with your server and meta tags to inform the browser that the content is, in fact, UTF-8? — Dagg Nabbit, Mar 01 '12 at 15:07
Try using the standard character encodings http://www.utf8-chartable.de/ — jacktheripper, Mar 01 '12 at 15:08

score 18 · Answer 1 · edited May 23 '17 at 12:26

18

You are probably not specifying the correct character set in your HTML file. The BOM (thanks @Jukka) sends the browser into UTF-.8 mode; in its absence, you need to use other means to declare the document UTF.8.

If you have access to your server configuration, you may want to make sure the server isn't sending the wrong character set info. See e.g. How to change the default encoding to UTF-8 for Apache?

If you have access only to your HTML, adding this meta tag in your document's head should do the trick:

<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>

or as @Mathias points out, the new HTML 5

<meta charset="utf-8">

(valid only if you use a HTML 5 doctype, against which there is no good argument any more even if you don't use HTML 5 markup.)

edited May 23 '17 at 12:26

Community

1
1

answered Mar 01 '12 at 15:08

Pekka

442,112
142
972
1,088

6

+1. Nowadays you can just use ``. (If you’re not using the HTML5 DOCTYPE in 2012, you’re doing it wrong.) – Mathias Bynens Mar 01 '12 at 15:10
The symptoms suggests that the browser tested actually listens to the BOM: apparently neither the server not the document itself declares the encoding, forcing the browser to infer or guess the encoding; and it seems that it then takes a BOM as indicating UTF-8, which makes perfect sense (and in the absence of BOM, the data is taken as iso-8859-1, windows-1252, or something similar, explaining the â‚¬, Ã³, Ã stuff). – Jukka K. Korpela Mar 01 '12 at 15:53
@Jukka but he *has* a BOM and is getting `â‚¬` and such - that would mean the browser is not listening to the BOM, doesn't it? (Re-reading question...) – Pekka Mar 01 '12 at 15:55
Ahh @Jukka I didn't read the question properly. Fixing, thanks. – Pekka Mar 01 '12 at 15:56
@JukkaK.Korpela Usually this is because the server is configured to send everything out MIME-tagged as being in ISO-8859-1, no matter what’s actually in the file. If so, the `` won’t be enough to persuade it of the file encoding. For example in Apache, you need a `AddDefaultCharset Off` directive, which can go in the `.htaccess` file for that directory under most configurations. – tchrist Mar 03 '12 at 17:46

score 2 · Answer 2 · edited Feb 12 '20 at 05:19

2

Insert <meta charset="utf-8"> in <head>.
Or set the header Content-Type: text/html;charset=utf-8 on the server-side.

You can also do add in .htaccess: AddDefaultCharset UTF-8 more info here http://www.askapache.com/htaccess/setting-charset-in-htaccess.html

edited Feb 12 '20 at 05:19

Adriano

3,788
5
32
53

answered Mar 01 '12 at 15:10

Nick Shvelidze

1,564
1
14
28

1

Note that `` is for HTML5 only. For HTML4 and earlier, use `` instead. – Remy Lebeau Mar 08 '12 at 02:30

UTF-8 html without BOM displays strange characters

2 Answers2

Linked