HTML Тег <meta> атрибут name
Пример
Атрибут name используется для определения описания, ключевых слов и автора HTML документа. Также определите видовой экран для управления размерами и масштабированием страницы для различных устройств:
<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 ввел метод, позволяющий веб дизайнерам взять под контроль видовое окно (видимую область пользователя веб страницы), через тег & lt;meta> (см. "Настройка видового экрана" пример ниже).
Поддержка браузеров
| Атрибут | |||||
|---|---|---|---|---|---|
| name | Да | Да | Да | Да | Да |
Синтаксис
<meta name="value">
Значение атрибутов
| Значение | Описание |
|---|---|
| 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, мета тег, справочник тегов">
|
| 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: Совет: Если вы просматриваете эту страницу с телефона или планшета, вы можете нажать на две ссылки ниже, чтобы увидеть разницу. Подробнее о видовом окне вы можете прочитать в нашем разделе Адаптивный веб дизайн - Учебник по видовому экрану. |
