Непонятные символы на сайте. Как задать кодировку страницы?

Как задать кодировку страницы. Непонятные символы на сайте

  Задаём набор символов

Думаю, раз уж я написал про то, как узнать кодировку сайта, то логично описать и то, как вообще её указывать на веб-странице. Но сначала надо описать, для чего это нужно делать.

Возможно, при заходе на какой-нибудь веб-ресурс, вы обнаруживали, что не понимаете, что там написано :). Лучше сказать, никто не понимает, в том числе и браузер — вместо любого человеческого языка выдаются т.н. «кракозябры».

Суть здесь в том, что браузер не может понять, в какой кодировке показывать текст открытой страницы.

Если кодировка не задана, то браузер может попытаться её угадать, но обычно у него это не получается и можно видеть какие-нибудь такие непонятные символы на сайте:

непонятные символы в браузере

  Не угадал

На картинке выше сделан скриншот заголовка данной статьи при несовпадении кодировки текста и кодировки в браузере. Т.к. тексты всего проекта web-ru.net в UTF-8, а просмотр был произведён в windows-1251, то показаны такие символы.

Как правило, ответственность за верное отображение всех текстов на веб-странице лежит на вебмастере и чтобы избежать этих маленьких проблем, следует сделать простые технические вещи.

Как задать кодировку страницы сайта?

Есть 3 способа сделать это. Но лучше их сразу совместить.

Файл(ы)

Необходимо чтобы файл страницы, или файлы шаблонов (если сайт на движке) были бы все в одной кодировке, например, в UTF-8. Почитайте, как сменить кодировку файла быстро.

Мета-тег

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

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

или

<meta charset=»utf-8″ /> (вариант для HTML 5)

Надо вставить его в раздел <head></head> — лучше в самое начало, сразу после открывающего <head>:

мета-тег charset

  Мета-тег кодировки

Через .htaccess (если ничего не помогает)

Обычно первых двух вариантов достаточно и браузеры отображают текст как надо. Но с некоторыми из них могут быть проблемы и поэтому можно прибегнуть к помощи файла .htaccess.

Для этого в нём нужно прописать такую строчку:

AddDefaultCharset utf-8

Вот и всё. Если вы примените последовательно 3 этих способа задания кодировки на своём проекте, то вероятность того, что всё будет отображено как надо, близка к 100 %.

Как «увидеть», что скрывается за непонятными символами на сайте?

Если вы зашли на веб-страницу, видите «кракозябры» и хотите увидеть нормальный текст, то тут только два пути:

  • сообщить сайтовладельцу, чтобы всё настроил как следует
  • попытаться угадать кодировку самостоятельно. Делается это стандартными средствами браузеров. В Chrome, например, нужно в меню щёлкнуть «Инструменты => Кодировка» и из огромного  списка выбрать подходящий набор символов (т.е. угадать).

К счастью, практически все современные веб-проекты делаются в кодировке UTF-8, которая является «универсальной» для разных алфавитов и поэтому всё менее и менее вероятно увидеть эти непонятные символы в Интернет.

web-ru.net - всё о продвижении сайтов
Случайные публикации:
  • Как сделать поиск по сайту от Гугл? Ставим поиск Google на сайт через AdSense - ВидеоурокКак сделать поиск по сайту от Гугл? Ставим поиск Google на сайт через AdSense - ВидеоурокИнформации в Интернете так много, что без поисковых систем мы бы ничего не нашли....
  • Домены в объявлениях РСЯ стали кликабельнымиДомены в объявлениях РСЯ стали кликабельными...СЯ убедились, что теперь CTR объявлений будет больше. На мой взгляд, это вполне логично,
  • Как посмотреть и почистить куки (cookies) в браузерах Опера, Мозила, Хром, Эксплорер, Safari. Программа для удаления cookieКак посмотреть и почистить куки (cookies) в браузерах Опера, Мозила, Хром, Эксплорер, Safari. Программа для удаления cookieВ предыдущей статье разбирался вопрос что такое куки и где они н...
  • Meta keywords - Мета-тег keywords (ключевые слова). Прошлое и настоящееMeta keywords - Мета-тег keywords (ключевые слова). Прошлое и настоящее...начально, на заре развития поисковых систем, он играл довольно
  • Интересный апдейт Google PageRank 6 декабря 2013Интересный апдейт Google PageRank 6 декабря 2013...ят от количества ссылок на конкретную страницу - как внешних, так и внутренних -
Оставьте комментарий:
Один отзыв
Через сайт Через ВКонтакте Через Facebook
  1. Олег:

    Интересная статья =)

    Ответить
сайт web-ru.net
Я не спамлю...