Метатег HTML - httpdoc.ru

HTML-метатег

HTML позволяет указывать metadata - дополнительную важную информацию о документе различными способами. Элементы META могут использоваться для описания свойств HTML-документа, таких как автор, срок действия, список ключевых слов, автор документа, описание веб-страницы и т. Д.

Информация, представленная в, meta tag имеет решающее значение для поисковых систем, потому что эта информация будет использоваться поисковой системой для обеспечения контента, который ищет пользователь. Этот тег является пустым элементом и поэтому не имеет закрывающего тега, но несет информацию в своих атрибутах.

Вы можете включить любое количество meta tags тегов в свой документ в зависимости от того, какую информацию вы хотите сохранить в своем документе, но в целом метатеги не влияют на внешний вид документа, поэтому с точки зрения внешнего вида не имеет значения, включаете ли вы их или нет.


Добавление мета-тегов в ваши документы

Вы можете добавлять метаданные в свои веб - страницы путем размещения <meta> тегов в заголовке документа , который представлен <head> и </head> теги.

Мета Ключевые слова

Вы можете использовать <meta> тег, чтобы указать важные ключевые слова, связанные с документом, а затем эти ключевые слова используются поисковыми системами при индексировании вашей веб-страницы для целей поиска.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> Meta Tag </title> 
  <meta name=""keywords content="HTML, Meta Tags, Metadata"> 
</head>

<body> 
<p> This is an Example of Meta Tag. </p> 
</body> 
</html>

Мета Описание

Вы можете использовать <meta> тег для краткого описания содержимого веб-страницы. Это снова может быть использовано различными поисковыми системами, пока indexing ваша веб-страница может быть использована для поиска.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> Meta Description </title> 
  <meta name="keywords" content="HTML, Meta Tags, Metadata"> 
  <meta name="description" content="Learn about Meta Tag"> 
</head> 

<body> 

<p> This is an Simple Example of Meta Description. </p>

</body> 
</html>

Дата редакции мета-документа

Вы можете использовать <meta> тег, чтобы предоставить информацию о последнем обновлении документа. Эта информация может использоваться различными веб-браузерами при обновлении вашей веб-страницы.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> Meta Revision </title> 
  <meta name="keywords" content="HTML, Meta Tags, Metadata"> 
  <meta name="description" content="Learn about Meta Tag"> 
  <meta name="revised" content="CodeRepublics"> 
  </head> 
<body> 

<p> This is an simple example of Meta Revision. </p>

</body> 
</html>

Перенаправление мета-страницы

Вы можете использовать <meta> тег для перенаправления своей страницы на любую другую веб-страницу. Вы также можете указать продолжительность, если хотите перенаправить страницу через определенное количество секунд.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> Meta Redirection </title> 
  <meta name="keywords" content="HTML, Meta Tags, Metadata"> 
  <meta name="description" content="Learn about Meta Tag"> 
  <meta name="revised" content="Coderepublics"> 
  <meta http-equiv="refresh" content="5"> 
  <meta http-equiv="refresh" content="5" url="/"> 
</head> 

<body> 

<p> This is an simple example of Meta Redirection. </p>

</body> 
</html>

Автор

Вы можете установить имя автора на веб-странице с помощью метатега.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> Meta Author </title> 
  <meta name="keywords" content="HTML, Meta Tags, Metadata"> 
  <meta name="description" content="Learn about Meta Tag"> 
  <meta name="author" content="Bill Gates"> 
</head> 

<body> 

<p> You can set an author name in a web page using meta tag. </p>

</body> 
</html>

Мета-кодировка

Вы можете использовать <meta> тег, чтобы указать набор символов, используемый на веб-странице. Если он не определен, будет использоваться набор символов по умолчанию.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> Meta Charset </title> 
  <meta name="keywords" content="HTML, Meta Tags, Metadata"> 
  <meta name="description" content="Learn about Meta Tag"> 
  <meta name="author" content="Bill Gates"> 
  <http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 

<body> 

<p>The charset attribute specifies the character encoding for the HTML document.</p>

</body> 
</html>

Cookie-файлы

Файлы cookie - это данные, которые хранятся в небольших текстовых файлах на вашем компьютере, и они обмениваются между веб-браузером и веб-сервером для отслеживания различной информации в зависимости от потребностей вашего веб-приложения.

Вы можете использовать <meta> тег для хранения файлов cookie на стороне клиента, а позже эту информацию может использовать веб-сервер для отслеживания посетителей сайта.

http-equiv Используются для заголовков сообщений ответов HTTP. Это помогает обновить страницу или установить cookie. Значения включают тип содержимого, истекает, обновить и установить cookie.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> Meta Cookie </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 = Big5">
</head>
  
<body>

<p> Hello..! Welcome to CodeRepublics. </p>

</body>  
</html>

Если вы не укажете дату и время истечения срока действия, файл cookie будет считаться файлом cookie сеанса и будет удален при выходе пользователя из браузера.