Тег meta

ОписТег meta використовується для передачі технічної інформації, призначеної для браузера та для пошукових систем. Закриваючий тег відсутній. Параметри тегу meta (їх ще називають метатегами) розміщуються всередині блоку head і мають вигляд "атрибут = значення".
Синтаксис
<head>
<meta атрибут="значення">
</head>
АтрибутиАтрибути тегу meta поділяються на дві групи - name та http-equiv.
name
Ім'я тегу, яке встановлює його призначення. Додаткові параметри атрибуту name:

  1. author - вказує автора даної html-документу;

  2. description - створює опис html-документа, що будуть використовувати пошукові системи при виведенні результату;

  3. document-state - вказує пошукавим системам, індексувати чи ні даний html-документ;

  4. generator - вкузує скрипт або програму, якою був зроблений даний html-документ;

  5. keywords - вказує ключові слова даного html-документу;

  6. revisit - вказує пошукачам, через який час повторно індексувати html-документ;

  7. robots - вказує пошукачам, як індексувати html-документ;


http-equiv
Визначає ім'я мета-запису. На відміну від name, використовується для передачі додаткової інформації. Додаткові параметри атрибута http-equiv:

  1. Content-Type - вказує тип і кодування даного html-документу;

  2. Content-language - вказує пошуковим машинам мову html-документу;

  3. Content-Script-Type - вказує мову програмування скриптів (сценаріїв);

  4. Content-Style-Type - вказує тип таблиці стилів;

  5. Pragma - контролює роботу з кешем. При значенні "no-cache" html-документ не кешується;

  6. Expires - визначає, чи використовувати дані з кешу чи ні. Якщо поточна дата пізніша ніж у описана в тегові, дані з кешу не беруться;

  7. Refresh - встановлює затримку часу в секундах, після якої браузер автоматично оновить html-документ. Якщо в якості аргументу вказати URL, то можна перенаправляти відвідувача на іншу сторінку;

  8. Set-Cookie - встановлює cookie;

  9. Window-target - вказує вікно поточної веб-сторінки;


content
Визначає значення атрибуту, заданого за допомогою name або http-equiv
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу meta</title>
<meta name="description" content="Статті, посібники, приклади для новачків">
</head>
<body>
Приклад демонструє результат роботи тегу meta та його атрибутів 
В даному випадку показано name="description"
</body>
</html>
Оскільки результат тегу meta не завжди можна побачити, просто порівняйте фразу що вказана в meta name="description" із СЕРП-ом (SERP, Search Engine Result Page, тобто сторінка з результатами пошуку) Гугла. Так, і там і там є фраза Статті, посібники, приклади для новачків - це і є результато роботи тегу meta.

Тег meta


(відкриється в новому вікні)
Часті помилки
Додатково

Тег meta