Главная Часть 1. Создание блога Глава 8. Техническая часть Как убрать таинственный символ #65279 из шаблона?

Как убрать таинственный символ #65279 из шаблона?

убрать символ #65279

Привет!

Недавно обнаружил, что у меня на страницах с постами сверху появилась неприятная полоса, из-за чего шаблон сполз на несколько пикселей вниз. К сожалению, этот баг я обнаружил ни сразу, т.к. пользуюсь браузером mozilla, который не отображает причину проблемы, как и саму проблему. А вот остальные браузеры ее отображают...

Сразу покажу о чем идет речь:

65279 в шаблоне

Не знаю, замечал ли эту полосу кто-то, но во всяком случае никто мне про нее ничего не сказал. Открыв исходный код через инспектор (люблю в реальном времени просматривать код и редактировать при надобности), я обнаружил какие-то странные цифры. А именно: 

Символ Так вот, это символы кодировки UTF-8 с BOM. Кодировка UTF-8 может быть двух видов: с BOM и без. В первом случае в самое начало документа подставляются всякие символы. Вот мы их и наблюдаем.

В WordPress все файлы НЕОБХОДИМО сохранять в кодировке UTF-8 без BOM. Немного подробнее я описывал в этой статье.

Так вот, чтобы убрать символ, просто откройте файл, который отвечает у Вас за нужную страницу. Например, в моем случае у меня файл single.php. Как-то я его редактировал через дурацкий стандартный блокнот windows, который автоматически сохраняет с BOM. Так вот, чтобы мне решить проблему - достаточно этот файл открыть в notepad++ или другом редакторе, поддерживающем кодировки, и сохранить как UTF-8 без BOM.

преобразование в utf8 без bom

Тогда этот символ исчезнет, и пропадет лишняя полоска сверху. Простое лишь кажется сложным!


P.S. Устают глаза за компьютером? Рекомендую Вам прочитать мою статью о том, как сохранить и даже улучшить свое зрение тратя на это не более 15 минут в день.

Полезные статьи Вам на почту!

Нас более 700 человек!

Комментарии

Ирина
0

Даже не знала, что в html есть таинственные символы) Спасибо за статью! Теперь если будет такая проблема, я уже буду знать как действовать.

22.12.2015
Игорь
-1

Простите, пожалуйста, но хочу спросить: а у вас есть блог?

22.12.2015
Ирина
0

Есть, только забросила я его. А что?

23.12.2015
Игорь
-1

А я скажу так: если блог интересный то читаешь его и даже не замечаешь вот таких мелочей, как какая-то там полоска. Но всё равно респект за решение проблемы 🙂

22.12.2015
Sly
0

Благодарю на добром слове 🙂

23.12.2015
Андрей Николаев
0

Шапка супер! Первым делом оценил! Жаль, что в других браузерах пока ctrl + f5 не нажмешь, шапка новая не появится((
А статья супер! Заинтриговало название, открыл, узнал информацию, которую никогда ранее даже и не знал. В последнее время редко комментирую - работы много((

23.12.2015
Игорь
0

Кстати, а кто какими редакторами вообще пользуется для редактирования сайтов в UTF8? Я, например, использую или Codelobster PHP Edition, но он, к сожалению платный, или Notepad++. Последний абсолютно бесплатный.

23.12.2015
vladimir
0

Использую sublume text. Там очень удобная работа с ftp, а загружает ЦП прямо как notepad.

23.12.2015
Sly
0

Я codelobster использую. Приобрел еще год назад, очень доволен. Раньше дримвивером пользовался, тоже очень удобно, только открывается долго, надоело.

23.12.2015
Игорь
0

А не могли бы вы сделать не большой обзор преимуществ платного Codelobster PHP перед бесплатным Notepad++, если, конечно, таковые имеютс? Спасибо

27.12.2015
Sly
0

Обзор бы мог сделать, да спроса на него нет. Здесь либо сравнивать хотя бы 5 разных IDE, говоря о их плюсах и минусах (таких статей полно), либо вообще не трогать эту тему.

27.12.2015
vladimir
0

Меня тоже очень заинтриговало название. Думал будет что-то мало-объяснимое. Оказалось проблема в кодировке, как это часто бывает. Помню у меня на dle кинопортал был, так из-за кодировки отказалось сразу 4 модуля работать. Неделю голову ломал в чем причина

23.12.2015
Sly
0

Dle вообще много у кого из новичков проблемы вызывает, т.к. идет в двух разных кодировках. И скачать по невнимательности в кодировке windows-1251, а поставить на сервер с utf-8 - весьма распространенная проблема.

23.12.2015

Огромное спасибо за статью))) Решил перенести код аналитики в шапку. И сохранил файл. Появился лютый пробел в шапке (между топовым дивом и боди). Чуть сердечный приступ не случился пока решал проблему и как раз наткнулся в коде на этот символ. Набрал в яндексе (ваш сайт был не первым, к сожалению, но только он мне помог). Еще раз спасибо!

09.05.2016
0

Будем и мы первыми в поиске =) Рад, что помог, успехов вам!

17.06.2016
Альберт
0

Спасибо!!!!! Больше часа мучений с кодом и все настолько просто....

31.10.2016
0

Успехов Вам 🙂

04.11.2016
Анастасия
0

Спасибо большое, очень помогло! Без Вашей статьи долго бы искала еще...

04.05.2017

Оставить комментарий

Поделиться