Пример
Используйте атрибут name для определения описания, ключевых слов и автора HTML-документа. Также определите viewport для управления размерами страницы и масштабированием на различных устройствах:
<head>
<meta name="description" content="Бесплатные веб-учебники">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Иван Иванов">
<meta
name="viewport" content="width=device-width, initial-scale=1.0">
</head>
Попробуйте сами »
Атрибут name указывает имя для метаданных.
Атрибут name задает имя для информации/значения атрибута
content.
Примечание: Если задан атрибут http-equiv, атрибут
name задавать не следует.
HTML5 представил метод, позволяющий веб-дизайнерам контролировать область просмотра
(видимую пользователю область веб-страницы) с помощью тега
<meta> (см. пример «Настройка области просмотра» ниже).
Поддержка браузерами
| Атрибут | |||||
|---|---|---|---|---|---|
| name | Да | Да | Да | Да | Да |
Синтаксис
<meta name="значение">
Значения атрибута
| Значение | Описание |
|---|---|
| application-name | Задает имя веб-приложения, которое представляет страница |
| author | Задает имя автора документа. Пример:
<meta name="author" content="Иван Иванов">
|
| description | Задает описание страницы. Поисковые системы могут использовать это описание для отображения в результатах поиска. Пример:
<meta name="description" content="Бесплатные веб-учебники">
|
| generator | Задает одно из программных пакетов, используемых для создания документа (не используется на страницах, написанных вручную). Пример:
<meta name="generator" content="FrontPage 4.0">
|
| keywords | Задает список ключевых слов, разделенных запятыми, относящихся к странице (сообщает поисковым системам, о чем эта страница). Пример:
<meta name="keywords" content="HTML, meta tag, справочник тегов">
|
| viewport | Управляет областью просмотра (видимой пользователю областью веб-страницы). Область просмотра меняется в зависимости от устройства и будет меньше на мобильном телефоне, чем на экране компьютера. Вы должны включать следующий элемент <meta> viewport во все свои веб-страницы:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Элемент <meta> viewport дает браузеру инструкции о том, как управлять размерами страницы и масштабированием. Часть width=device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая будет разной в зависимости от устройства). Часть initial-scale=1.0 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером. Вот пример веб-страницы без метатега viewport и той же веб-страницы с метатегом viewport: Совет: Если вы просматриваете эту страницу с телефона или планшета, вы можете нажать на две ссылки ниже, чтобы увидеть разницу. Вы можете узнать больше об области просмотра в нашем руководстве по адаптивному веб-дизайну - область просмотра. |
