HTML таг `meta`

Пример

Кратък пример как се използва тагът <meta>.

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Кратко описание на страницата за търсачките.">
  <meta name="author" content="Име на автора">
  <title>Пример със &lt;meta&gt;</title>
</head>

Опитай в редактора

Дефиниция и употреба

Тагът <meta> се използва в секцията <head> на HTML документа, за да предостави метаданни за страницата – информация, която не се показва директно на потребителя, но се използва от браузъри, търсачки и други услуги.

Често срещани приложения на <meta> включват:

Кодировка на символите – <meta charset="UTF-8"> указва как да се интерпретират символите в документа.
Настройки за изглед на мобилни устройства – <meta name="viewport" content="width=device-width, initial-scale=1"> помага страницата да изглежда добре на телефони и таблети.
SEO метаданни – <meta name="description" content="..."> задава кратко описание, което често се показва в резултатите на търсачките.
Информация за автора и ключови думи – чрез name="author", name="keywords" и др.
Специални указания за браузъра или услугите – напр. Open Graph тагове за социални мрежи, указания за кеширане, рефреш и др.

Елементът <meta> е самозатварящ се (void element) и няма съдържание между начален и краен таг. Обикновено се поставя в началото на <head>, преди други елементи като <title> и <link>, за да може браузърът да приложи настройките възможно най-рано.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Този елемент няма собствени уникални атрибути, но най-често се използват следните глобално поддържани атрибути:

charset – задава кодировката на документа (напр. UTF-8).
name – името на метаданните (напр. viewport, description, author).
content – стойността на метаданните, свързана с атрибута name или http-equiv.
http-equiv – симулира HTTP заглавки (напр. refresh, content-type).

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг meta