Основные метатеги
На предыдущем уроке было рассказано о структуре HTML-страницы. На этом уроке расскажем об основных метатегах, которые содержит HTML-страница. Еще раз повторим, что метатеги не отображаются в окне браузера, и содержат инструкции для браузера и поисковых систем.
- Кодировка HTML-страницы.
- Язык HTML-страницы.
- Заголовок HTML-страницы.
- Описание HTML-страницы.
- Ключевые слова HTML-страницы.
Метатеги находятся в контейнере HEAD и идут сразу за TITLE.
Кодировка страницы сообщает браузеру какой набор символов использовать при отображении страницы. Если кодировка не указана, то браузер попытается ее определить самостоятельно, что может стать причиной некорректного отображения содержания HTML-страницы.
ПРИМЕР:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - HTML4 <meta charset="UTF-8"> - HTML5 |
В HTML5 задается краткая информация, что упрощает работу веб-мастера и обеспечивает обратную совместимость с более ранними версиями HTML.
Самой популярной кодировкой является UTF-8 (Unicode) - это универсальная кодировка, которая удовлетворяет потребности большинства веб-мастеров. Для добавления нестандртных символов, которых нет в UTF-8, следует обратиться к специальной таблице, например XHTML Character Entity Reference
| ВАЖНО!
Если кодировка страницы не задана, это может создать угрозу безопасности для сайта. |
Язык HTML-страницы. Для определения языка HTML-страницы в HTML5 применяют атрибут lang.
ПРИМЕР:
<meta lang="en"> - английский язык; <meta lang="ru"> - русский язык; <meta lang="es"> - испанский язык; <meta lang="it"> - итальянский язык; <meta lang="de"> - немецкий язык; <meta lang="fr"> - французский язык; <meta lang="uk"> - украинский язык; <meta lang="pl"> - польский язык; |
Два метатега, которые мы рассмотрели, необходимы для корректного отображения содержимого HTML-страницы в окне браузера. Следующие метатеги, которые будут рассмотрены, предназначены для поисковых систем.
ПРИМЕР:
<meta name="Title" content="***"> <meta name="description" content="***"> <meta name="keywords" content="***"> |
- name="Title" - заголовок HTML-страницы, обычно дублирует информацию тега TITLE.
- name="description" - аннотация страницы, если этого тега нет, то поисковая система в качестве аннотации возьмет начальный фрагмент текста страницы, что иногда нежелательно;
- name="keywords" - ключевые слова для конкретной HTML-страницы, которые перечисляются через запятую, они должны быть простыми и обязаны описывать суть страницы.
ПРИМЕР:
<!DOCTYPE HTML> <html> <head> <title>Обучение HTML</title> <meta charset="UTF-8"> <meta lang="ru"> <meta name="Title" content="Обучение HTML"> <meta name="description" content="Уроки по изучению языка HTML"> <meta name="keywords" content="html, уроки html"> </head> <body> Я изучил основные метатеги! </body> </html> |
