Bootstrap: “The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags". wtf?

S

Sergey Pugovkin2015-10-08 13:41:52

css

Sergey Pugovkin, 2015-10-08 13:41:52

By chance, in the bootstrap examples, I noticed this code:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    ...

Namely: The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags
"These three meta tags *should* come first." Why? First time I hear this.

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

C

Cat Anton, 2015-10-08
@Driver86

I know that it <meta charset="utf-8">must come before <title>Заголовок</title>, otherwise the encoding in the page header may not be determined. I can't say anything about the rest. Probably, they just wrote to the heap so that all three meta tags go first, and there are reasons only for encoding. Correct me if I'm wrong.

L

LittleFatNinja, 2015-10-08
@LittleFatNinja

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

these 3 tags should ALWAYS be defined first in the block<head></head>