Справочник · HTML

meta: служебные сведения в head

meta не виден на странице. Он говорит браузеру и поисковику, как читать документ.

Как это работает

Обязательный учебный набор — charset и viewport. description кратко пересказывает страницу. Не пиши в meta набор ключевых слов через запятую: толку мало. Каждый документ может иметь свои description и title. meta не заменяет заголовок h1. Ошибку в charset видно по сломанным русским буквам.

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Как подписать поле формы и не потерять ввод.">

Когда использовать

Кодировка, масштаб на телефоне и краткое описание. Стили и скрипты подключают другими тегами.

Частые ошибки

• Нет viewport, и телефон уменьшает страницу.
• Описание обещает другую тему, чем h1.
• charset стоит после текста и уже не помогает.