HTML позволяет указывать метаданные — дополнительную важную информацию о документе различными способами. Элементы META могут использоваться для включения пар имя / значение, описывающих свойства документа HTML, такие как автор, срок действия, список ключевых слов, автор документа и т. Д.
Тег <meta> используется для предоставления такой дополнительной информации. Этот тег является пустым элементом и поэтому не имеет закрывающего тега, но содержит информацию в своих атрибутах.
Вы можете включить в документ один или несколько метатегов в зависимости от того, какую информацию вы хотите сохранить в документе, но в целом метатеги не влияют на физический внешний вид документа, поэтому с точки зрения внешнего вида не имеет значения, включаете ли вы их или нет.
Добавление мета-тегов в ваши документы
Вы можете добавить метаданные на свои веб-страницы, поместив теги <meta> в заголовок документа, который представлен тегами <head> и </ head> . Мета-тег может иметь следующие атрибуты в дополнение к основным атрибутам —
| Sr.No | Атрибут и описание |
|---|---|
| 1 |
название Название для собственности. Может быть что угодно. Примеры включают: ключевые слова, описание, автор, исправленный, генератор и т. Д. |
| 2 |
содержание Определяет значение свойства. |
| 3 |
схема Определяет схему для интерпретации значения свойства (как объявлено в атрибуте содержимого). |
| 4 |
HTTP-эквив Используется для заголовков ответных сообщений http. Например, http-эквивалент можно использовать для обновления страницы или для установки файла cookie. Значения включают тип содержимого, срок действия, обновление и набор cookie. |
название
Название для собственности. Может быть что угодно. Примеры включают: ключевые слова, описание, автор, исправленный, генератор и т. Д.
содержание
Определяет значение свойства.
схема
Определяет схему для интерпретации значения свойства (как объявлено в атрибуте содержимого).
HTTP-эквив
Используется для заголовков ответных сообщений http. Например, http-эквивалент можно использовать для обновления страницы или для установки файла cookie. Значения включают тип содержимого, срок действия, обновление и набор cookie.
Указание ключевых слов
Вы можете использовать тег <meta> для указания важных ключевых слов, связанных с документом, а затем эти ключевые слова используются поисковыми системами при индексации вашей веб-страницы для целей поиска.
пример
Ниже приведен пример, где мы добавляем HTML, метатеги, метаданные в качестве важных ключевых слов о документе.
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
Это даст следующий результат —
Описание документа
Вы можете использовать тег <meta>, чтобы дать краткое описание документа. Это снова может быть использовано различными поисковыми системами при индексации вашей веб-страницы для целей поиска.
пример
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Дата редакции документа
Вы можете использовать тег <meta>, чтобы предоставить информацию о том, когда в последний раз документ обновлялся. Эта информация может использоваться различными веб-браузерами при обновлении вашей веб-страницы.
пример
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Обновление документа
Тег <meta> может использоваться для указания продолжительности, после которой ваша веб-страница будет автоматически обновляться.
пример
Если вы хотите, чтобы ваша страница обновлялась каждые 5 секунд, используйте следующий синтаксис.
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
<meta http-equiv = "refresh" content = "5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Перенаправление страницы
Вы можете использовать тег <meta> для перенаправления вашей страницы на любую другую веб-страницу. Вы также можете указать продолжительность, если вы хотите перенаправить страницу через определенное количество секунд.
пример
Ниже приведен пример перенаправления текущей страницы на другую страницу через 5 секунд. Если вы хотите перенаправить страницу сразу, не указывайте атрибут содержимого .
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
<meta http-equiv = "refresh" content = "5; url = http://www.tutorialspoint.com" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Настройка Cookies
Файлы cookie — это данные, которые хранятся в небольших текстовых файлах на вашем компьютере и передаются между веб-браузером и веб-сервером для отслеживания различной информации в зависимости от потребностей вашего веб-приложения.
Вы можете использовать тег <meta> для хранения файлов cookie на стороне клиента, а затем эта информация может использоваться веб-сервером для отслеживания посетителя сайта.
пример
Ниже приведен пример перенаправления текущей страницы на другую страницу через 5 секунд. Если вы хотите перенаправить страницу сразу, не указывайте атрибут содержимого .
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
<meta http-equiv = "cookie" content = "userid = xyz;
expires = Wednesday, 08-Aug-15 23:59:59 GMT;" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Если вы не указали дату и время истечения срока действия, файл cookie считается файлом cookie сеанса и будет удален при выходе пользователя из браузера.
Примечание. Вы можете ознакомиться с руководством по PHP и Cookies для получения полной информации о Cookies.
Установка имени автора
Вы можете установить имя автора на веб-странице, используя метатег. Смотрите пример ниже —
пример
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta name = "author" content = "Mahnaz Mohtashim" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Укажите набор символов
Вы можете использовать тег <meta> для указания набора символов, используемого на веб-странице.
пример
По умолчанию веб-серверы и веб-браузеры используют кодировку ISO-8859-1 (Latin1) для обработки веб-страниц. Ниже приведен пример установки кодировки UTF-8:
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta name = "author" content = "Mahnaz Mohtashim" />
<meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Чтобы обслуживать статическую страницу традиционными китайскими иероглифами, веб-страница должна содержать тег <meta> для установки кодировки Big5 —