HTML таг `head`

Пример

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

<!DOCTYPE html>
<html lang="bg">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Примерна страница</title>

    <!-- Bootstrap 5.3 CSS -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
      crossorigin="anonymous"
    >

    <!-- Собствени стилове -->
    <link rel="stylesheet" href="styles.css">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/favicon.png">
  </head>
  <body>
    <h1 class="text-center">Здравей, свят!</h1>

    <!-- Bootstrap 5.3 JS -->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
      crossorigin="anonymous"
    ></script>
  </body>
</html>

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

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

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

Вътре в <head> обикновено се поставят:

<title> – заглавието на страницата, което се показва в таба на браузъра и в резултатите от търсене.
<meta> тагове – за кодировка (charset), описание (description), ключови думи, автор, настройки за viewport (важно за мобилни устройства) и др.
<link> – връзки към външни ресурси като CSS файлове (вкл. Bootstrap 5.3), икони (favicon), шрифтове и др.
<style> – вътрешни CSS стилове, ако не се използва външен файл.
<script> – JavaScript код или връзки към външни JS файлове (често с атрибути defer или async).
Специализирани тагове като Open Graph (<meta property="og:...">) и Twitter Cards за споделяне в социални мрежи.

Елементът <head> е задължителен в добре структуриран HTML документ и трябва да се намира непосредствено след отварящия таг <html> и преди <body>. Той не приема специфични атрибути и по спецификация трябва да присъства само веднъж в документа.

Browser Support

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

Атрибути

Този елемент няма специфични атрибути.

Тагове

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 таг head