HTML таг h1

Пример

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

<h1>Добре дошли в моя уебсайт</h1>
<p>Това е началната страница на сайта.</p>
Опитай в редактора

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

Тагът <h1> дефинира най-важното заглавие на дадена страница или секция. Той представлява най-високото ниво на заглавие в HTML йерархията (от <h1> до <h6>), като <h1> е с най-голяма тежест и обикновено се използва за основното заглавие на документа.

Основни характеристики:

  • Семантика: Помага на търсачки и помощни технологии (екранни четци) да разберат структурата и основната тема на страницата.
  • SEO значение: Съдържанието в <h1> често се счита за ключово за темата на страницата и може да влияе положително на класирането в търсачките.
  • Визуално представяне: По подразбиране браузърите показват <h1> с по-голям и удебелен шрифт, но външният вид може да се променя чрез CSS.

Насоки за използване:

  • Използвай <h1> за основното заглавие на страницата или на логически най-важната секция.
  • На съвременни страници с множество секции (особено при използване на <section>, <article> и др.) е допустимо да има повече от един <h1>, стига структурата да е логична и последователна.
  • Не използвай <h1> само за да направиш текста по-голям – за това използвай CSS (например класове на Bootstrap като .display-1).
  • Поддържай ясна йерархия: след <h1> използвай <h2>, <h3> и т.н. за подзаглавия.

Тагът <h1> е блоков елемент и може да съдържа текст, инлайн елементи (като <span>, <strong>, <em>) и други семантични инлайн тагове, но не и други блокови заглавни елементи.

Browser Support

BrowserПоддръжка

Chrome
✔️

Firefox
✔️

Edge
✔️

Safari
✔️

Opera
✔️

Атрибути

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