BOM или таинственный символ 

Сегодня речь пойдет об одной очень коварной штуке - символе , которая является Адом для верстальщиков. Это и "непонятный" перенос строки вверху страницы, и все содержимое head "переезжает" в body, а в инспекторе мы можем видеть следующее (рис. 1), самое "интересное", что если просмотреть код страницы в отдельной вкладке (обычно это CTRL+U) там все, как и должно быть.

Виной всему BOM (Byte Order Mark) - символ, а точнее кодировка html документа UTF-8 BOM.

Чтобы исправить это, нужно пересохранить документ в UTF-8 без BOM.

Сделать это можно несколькими способами:

 - С помощью Notepad++ или иным редактором, который может изменять кодировку документа, нужно сохранить файл в кодировке UTF-8 без BOM (рис. 2)

- Если неизвестно, в каком файле присутствует та самая метка BOM можно воспользоваться скриптом для поиска и удаления метки BOM из документов. Сохраните следующий скрипт в корне сайта под именем BOM.php и зайдите на http://you_site.com/BOM.php (!ВАЖНО перед выполнением сделать backup).

И символ  должен исчезнуть.

Удачи :)