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

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

Если вы не создадите этот элемент, то браузер будет пытаться определить кодировку текста автоматически и создаст этот элемент сам. Не факт, что это у него получиться правильно.

Поэтому указывать кодировку документа с помощью элемента meta - это очень важное действие, которое нужно сделать при создании любой HTML-страницы.

Элемент meta должен располагаться внутри элемента <head>.

В качестве значения атрибута charset необходимо указать название кодировки.

Пример указания кодировки Юникод(UTF-8)

<meta charset="utf-8">

Пример указания кодировки Windows-1251.

<meta charset="windows-1251">

Вот, как может выглядеть полный код html-страницы:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>
<body>
Текст
</body>
</html>

Внесите это изменение в вашу HTML-страницу и проверьте, что она успешно открывается в браузере.

1) Разместите в комментариях скриншот на вашу тестовую страницу, которая отображается в какой-нибудь нестандартной кодировке.

2) Сможете сделать так, чтобы кодировка у веб-страницы была выставлена как meta charset="UTF-8", но на странице все равно показывались бы кракозябры?