HTML | Тег <Meta>
Метаданные означают информацию о данных. Тег <meta> в HTML предоставляет информацию о документе HTML или, говоря простыми словами, он предоставляет важную информацию о документе. Эти теги в основном используются для добавления пар имя / значение для описания свойств документов HTML, таких как дата истечения срока действия, имя автора, список ключевых слов, автор документа и т. Д. Этот тег является пустым элементом, поскольку он имеет только открывающий тег, а не закрывающий тег, но он несет информацию в своих атрибутах. Веб-документ может включать один или несколько метатегов в зависимости от информации, но в целом это не влияет на физический вид документа.
Синтаксис
<meta attribute-name = "value">
Атрибуты:
- name : этот атрибут используется для определения имени свойства.
- http-Equiv : этот атрибут используется для получения заголовка сообщения HTTP-ответа.
- content : этот атрибут используется для указания значения свойств.
- charset: этот атрибут используется для указания кодировки символов для файла HTML.
Ключевые моменты:
- Содержимое тега <meta> не отображается в вашем браузере.
- Они просто используются для предоставления дополнительной информации о документе HTML.
- Теги <meta> добавляются в наш HTML-документ с целью поисковой оптимизации.
- Они добавляются внутри тега <head>.
Пример 1: Указание ключевых слов, метатег используется для указания важного ключевого слова, связанного с документом HTML.
Выход:
Привет, GeeksforGeeks!
Example 2: Document Description, this meta tag is used in an HTML document to provide a short description of the document.
html
<!DOCTYPE html><html> <head> <!-- meta tag starts --> <meta name = "keywords" content = "Meta Tags, Metadata" /> <meta name = "description" content = "Geeksforgeeks is a computer science portal." /> <!-- meta tag ends --> </head> <body> <p>GeeksforGeeks!</p> </body></html> |
Выход :
GeeksforGeeks!
Example 3: Document Revision Date, this meta tag is used to give the information about the last updated document. This information is used by various web browsers when refreshing the web page.
html
<!DOCTYPE html><html> <head> <!-- meta tag starts --> <meta name = "keywords" content = "Meta Tags, Metadata" /> <meta name = "description" content = "Learn about Meta Tags." /> <meta name = "revised detail" content = "last updated time" /> <!-- meta tag ends --> </head> <body> <p>GeeksforGeeks!</p> </body></html> |
Выход:
GeeksforGeeks!
Example 4: Document Refreshing, this meta tag is used to specify a duration after which the web page will keep refreshing automatically after the given duration. The code to refresh the web page after 8 sec is given below:
html
<!DOCTYPE html><html> <head> <!-- meta tag starts --> <meta name = "keywords about" content = "Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta name = "revised about" content = "GeeksforGeeks" /> <meta http-equiv = "refresh" content = "8" /> <!-- meta tag ends --> </head> <body> <p>GeeksforGeeks!</p> </body></html> |
Выход:
GeeksforGeeks!
Example 5: Setting Author Name, the name of the author can be set on a web page through an HTML document using a meta tag.
html
<!DOCTYPE html><html> <head> <!-- meta tag starts --> <meta name = "keywords used " content = "Meta Tags, Metadata" /> <meta name = "description about" content = "Meta tags learning." /> <meta name = "author" content = "Akash Kumar17" /> <!-- meta tag ends --> </head> <body> <p>GeeksforGeeks!</p> </body></html> |
Выход:
GeeksforGeeks!
Браузер поддерживает:
- Гугл Хром
- Internet Explorer
- Mozilla
- Опера
- Сафари