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 |
✔️ |
Атрибути
Този елемент няма специфични атрибути.