Служебная информация. Тег meta
Служебная информация. Тег meta
Тег <meta> содержит метаданные, которые сообщают браузеру и поисковой системе информацию об HTML документе (кодировка документа, данные об авторе, ключевые слова, мета заголовки и описания страниц и т.д.)
Метаданные на веб-странице не отображаются.
Тег <meta> заключается в тег <head>. В одном документе допускается использовать несколько тегов <meta>.
Атрибуты тега <meta> представлены в виде “имя-значение”․ При использовании атрибута name или http-equiv наличие атрибута content является обязательным.
Примеры
Определите ключевое слово для поисковых:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">В этом примере мы включили в тег <meta> ключевые слова для поисковых систем.
Определите описание сайта:
<meta name="description" content="Учебник по изучению HTML, CSS и PHP">Определите автора страницы:
<meta name="author" content="myauthor">Обновляйте документ каждую минуту (60 секунд):
<meta http-equiv="refresh" content="60">Настройте область просмотра, чтобы веб-сайт хорошо выглядел на всех устройствах:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| charset | character_set | Определяет кодировку документа |
| content | text | Задает значение атрибута name или http-equiv, в зависимости от контекста. |
| http-equiv | Определяет гипертекстовой заголовок (имитирует HTTP-заголовок)и определяют его обработку. При отображении страницы браузер будет следовать заданным в атрибуте инструкциям. | |
| content-type | Указывает тип кодировки документа. | |
| default-style | Указывает предпочтительный стиль для использования на странице. (Должен содержать id элемента <link>, который ссылается на таблицу стилей CSS, или идентификатор элемента <style>, который содержит таблицу стилей). | |
| refresh | Определяет время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в после указания времени указан "url=адрес_страницы". | |
| name | Определяет имя мета тега. Если этот атрибут опущен, он считается эквивалентным атрибуту http-equiv. Не используется при наличие атрибутов http-equiv, charset или itemprop. | |
| application-name | Указывает название используемого на странице веб-приложения. | |
| author | Указывает имя автора веб-страницы. | |
| description | Содержит описание веб-страницы. предназначенное для поисковых систем. | |
| generator | Указывает программное обеспечение, использованное для создания страницы (для не рукописных страниц). | |
| keywords | Содержит ключевые слова | |
| scheme | format/url | Содержит информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content.Не поддерживается в HTML5. |
Заключение
В этом уроке мы изучили важный тег <meta>, который позволяет внедрять метаданные в HTML документ, такие как ключевые слова, описание, автор и другие. Это важное средство для оптимизации веб-страниц и улучшения их видимости в поисковых системах.
Будьте первым