<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 -->
...
<meta charset="utf-8"> должен идти перед <title>Заголовок</title>, иначе кодировка в заголовке страницы может не определиться. Про остальные ничего сказать не могу. Наверно, просто до кучи написали, чтобы все три мета тега шли первыми, а причины есть только для кодировки. Поправьте, если ошибаюсь. 
Простой
Средний
Средний
