Meta в html: Тег | htmlbook.ru

HTML/Элемент meta

Синтаксис

HTML

XHTML

<head>
  ...
  <meta content="...">
  ... 
</head>

Описание

Элемент meta определяет метаданные (технические данные) HTML-документа. К подобным данным относят краткое описание страницы, ключевые слова, данные об авторе документа, о последнем изменении документа и прочее. Данный элемент создан для предоставления информации о документе поисковым машинам и браузерам.

Метаданные документа выражаются в виде пар «имя-значение» («свойство-значение»), где «name» («http-equiv») атрибут указывает имя (свойство), а «content» атрибут этого же элемента указывает значение.


Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.


Спецификация

Верс.Раздел
HTML
2.0Associated Meta-information: METAПеревод
3.2META
4.01The META element
DTD: Transitional Strict Frameset
5.04.2.5 The meta element
5.14.2.5. The meta element
XHTML
1.0Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1. 1Extensible HyperText Markup Language

Атрибуты

charset
Указывает кодировку HTML-документа.
content
Указывает значение метаданных.
http-equiv
Указывает прагма директиву. (Конвертирует метаданные в HTTP заголовок.)
name
Указывает название метаданных.
scheme
Указывает схему интерпретации значения атрибута «content».
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<!— указываем кодировку документа —>
<meta charset=»utf-8″>
<!— ~~~ —>
<title>Элемент meta</title>
</head>
<body>
<h2>Пример использования элемента «meta»</h2>
<p>Данный документ имеет кодировку «utf-8». </p>
</body>
</html>

Элемент meta

HTML тег

onplayСкрипт викликається коли медіа дані готові почати відтворення.
onafterprintСкрипт виконується тільки після як документ надрукований.
onbeforeprint Скрипт виконується перед тим, як документ надрукований.
onbeforeunloadСкрипт виконується коли документ ось-ось буде вивантажений
onhashchangeСкрипт виконується коли там відбулися зміни до частини якоря в URL
onloadВикликається після того як завантаження елемента завершене.
onmessageСкрипт виконується коли викликане повідомлення.
onofflineСпрацьовує коли браузер починає працювати в автономному режимі
ononlineСпрацьовує коли браузер починає працювати в режимі онлай.
onpagehideСкрипт виконується коли користувач переходить на іншу сторінку сторінку.
onpageshowСкрипт виконується коли користувач заходить на сторінку.
onpopstateСкрипт виконується коли змінено історію одного вікна.
onresizeСкрипт виконується, коли розмір вікна браузера змінюється.
onstorageСкрипт виконується, коли вміст Web Storage оновлюється.
onunloadВикликається, коли сторінка розвантажена, або вікно браузера було зачинено.
onblurСкрипт виконується, коли елемент втрачає фокус.
onchangeВикликається в той момент, коли значення елемента змінюється.
oncontextmenuСкрипт виконується коли викликається контекстне меню.
onfocusВикликається в той момент, коли елемент отримує фокус.
oninputСкрипт викликається коли користувач вводить дані поле.
oninvalidСкрипт виконується, коли елемент недійсний.
onresetВикликається, коли натискається у формі кнопка типу Reset.
onsearchВикликається, коли користувач щось пише в поле пошуку (для &lt;input type=&quot;search&quot;&gt;)
onselectВикликаєтсья після того як будь-який текст був обраний в елементі.
onsubmitВикликається при відправленні форми.
onkeydownПодія викликається, коли користувач затис (натиснув та не відпускає) клавішу.
onkeypressВикликається коли корисрувач натиснув на клавішу.
onkeyupВикликається коли користувач відпускає клавішу.
ondblclickВиникає при подвійному клацанні ЛКМ на елементі.
ondragПеріодично викликається при операції перетягування.
ondragendВикликається коли користувач відпускає перелягуваний елемент.
ondragenterВикликається, коли перетягуваний елемент входить в цільову зону.
ondragleaveВикликається, коли перетягуваний елемент виходть з зони призначення.
ondragoverВикликається, коли перетягуваний елемент знаходиться в зоні призначення.
ondragstartВикликається, коли користувач починає перетягувати елемент, або виділений текст.
ondropВикликається, коли перетягуваний елемент падає до зони призначення.
onmousedownВикликається, коли користувач затискає ЛКМ на елементі.
onmousemove
Викликається, коли курсор миші переміщається над елементом.
onmouseoutВикликається, коли курсор виходить за межі елемента.
onmouseoverВиконується, коли курсор наводиться на елемент.
onmouseupВикликається, коли користувач відпускає кнопку миші.
onscrollВикликається при прокручуванні вмісту елемента (чи веб-сторінки).
onwheelВикликається, коли користувач прокручує коліщатко миші.
oncopyВикликається, коли користувач копіює вміст елемента.
oncut Викликається, коли користувач вирізає вміст елемента.
onpasteВикликається, коли користувач вставляє вміст в елемент.
onabortВиконується при перериванні якоїсь події.
oncanplayСкрипт виконується коли файл готовий, для початку відтворення (коли він буферизований достатньо, щоб почати відтворення)
oncanplaythroughСкрипт виконується, коли контент вже може бути відтворений без переривання на буферизацію.
oncuechangeСкрипт виконується коли змінюється кий в &lt;track&gt; елемента
ondurationchangeВикликається коли змінюється довжина медіа файлу.
onemptiedВикликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею).
onendedВикликається коли медіа елемент повністю відтворив свій зміст.
onshowВикликається, коли елемент &lt;menu&gt; буде відображено як контекстне меню.
onloadedmetadataСкрипт виконується коли метадані (розміри чи тривалість) завантажуються.
onloadeddataВикликається коли медіа данні завантажено.
onloadstartВикликається коли браузер тільки починає завантажувати медіа дані з сервера.
onpauseВикликається коли відтворення медіа даних призупинено.
onplayingВикликається коли розпочато відтворення медіа даних.
onprogressПодія onprogress відбувається, коли браузер завантажує вказане аудіо / відео.
onratechangeВикликається коли змінюється швидкість відтворення медіа даних.
onseekedВикликається коли атрибут seeked у тега audio або video змінює значення з true на false.
onseekingВикликається коли атрибут seeking у тегів audio або video змінює значення з false на true
onstalledСкрипт виконується коли браузер з будь-якої причини не може отримати медіа дані.
onsuspendСкрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження.
ontimeupdateВикликається коли змінилася позиція відтворення елемента &lt;audio&gt; або &lt;video&gt;.
onvolumechangeВикликається коли змінюється гучність звуку.
onwaitingВикликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться.
ontoggleВикликається, коли користувач відкриває або закриває елемент &lt;details&gt;.
onerrorВикликається якщо при завантаженні елемента сталася помилка.
onclickПодія викликається коли користувач клацає ЛКМ по елементу.

Шпаргалка по метатегам HTML

Метатеги

 <метакодировка='utf-8'>
 
 
···


 
 
<ссылка rel='canonical' href='http://···'>


 
 



 
 


 
 

 
 


 

Подробнее opengraph

 <мета-свойство='og:site_name' content='···'>

 
 <мета-свойство='fb:app_id' content='···'>


 
  mp3'>

 

См.: протокол OpenGraph (developers.facebook.com)

Opengraph для статей

  • статья:опубликовано_время
  • статья:modified_time
  • статья:expiration_time
  • статья:автор
  • артикул:секция
  • артикул:бирка

Только для Apple

 
 

Прогрессивные веб-приложения

Добавить на главный экран

 

 
 

 

Цвет темы

 
 

только для Android. См. Цвет темы

.

Манифест

 
 

только для Android. См.: Манифест

.

Иконки

 

<ссылка rel='icon' href='icon@192.png'>
<ссылка rel='apple-touch-icon' href='icon@152.png'>

 
 




 
 



 

Chrome на Android рекомендует 192 x 192. См.: Иконки

.

Артикул

  • https://dev.twitter.com/cards
  • https://developers.facebook.com/docs/opengraphprotocol/#types

Мета-элементы HTML (с примерами)

В этом уроке мы узнаем о мета-элементах в HTML с помощью примеров.

Тег HTML используется для представления метаданных о документе HTML.

Метаданные относятся к информации о данных (данные о HTML-документе). Метаданные состоят из такой информации, как charset атрибут, name атрибут, http-equiv атрибут и т. д.

Тег всегда должен находиться внутри элемента . Например,

 <заголовок>
  <метакодировка="utf-8" />
 

Здесь указывает браузеру использовать кодировку символов UTF-8 для преобразования машинного кода в удобочитаемый код.


Атрибуты метаданных

Метатег может иметь следующие атрибуты:

  • кодировка атрибут
  • имя атрибут
  • http-экв. атрибут

Мы подробно узнаем о каждом атрибуте.


атрибут charset

Атрибут charset определяет кодировку символов для документа HTML. Например,

  

Помогает правильно отображать HTML-страницу в браузере. UTF-8 — единственная допустимая кодировка для документов HTML5.


атрибут name

Атрибут name вместе с атрибутом content предоставляет информацию в терминах пар имя-значение . Где:

  • имя — имя метаданных
  • контент — значение метаданных

Давайте рассмотрим пример:

  

Здесь мы использовали атрибут name для предоставления информации о описании HTML-документа. Текст внутри атрибута content является значением description .

Некоторые общие значения атрибута имени включают автора , ключевых слов , реферера и т. д. Например,

 
    
    
 

Здесь мы использовали метатеги для предоставления информации о ключевых словах и авторе HTML-документа.


Атрибут http-equiv

Атрибут http-equiv используется для предоставления заголовка HTTP для информации атрибута содержимого. Список возможных значений атрибута:

  • политика безопасности содержимого : определяет политику содержимого для документа. Он используется для указания разрешенных URL-адресов серверов. Например,
  

Здесь приведенный выше тег указывает, что внешние ресурсы разрешены только с self , то есть с того же хоста, что и веб-страница.

  • тип содержимого: Указывает кодировку символов для документа. Это то же самое, что использовать атрибут charset . Он используется для установки кодировки символов для документа HTML. Например,
  
  • default-style: Указывает предпочтительную таблицу стилей для использования. Например,
  

Здесь, в случае нескольких таблиц стилей, таблица стилей с идентификатором stylesheet-1 будет иметь приоритет.

  • обновление: Определяет временной интервал для обновления документа. Например,
 
 

При желании вы можете перенаправить пользователя на отдельный URL-адрес, добавив ;url= , за которым следует URL-адрес.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *