| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 3.0 + | 1.0 + | 2.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
HTML пропоз агает шість заголовків різного рівня, які показують відносну важливість секції, розташованої після заголовка. Так, тег <h1> представляє собою найбільш важливий заголовок першого рівня, а тег <h6> служить для позначення заголовка шостого рівня і є найменш значним. За умовчанням, заголовок першого рівня відображається найбільшим шрифтом жирного накреслення, заголовки подальшого рівня за розміром менше. Теги <h1> , ..., <h6> відносяться до блокових елементів, вони завжди починаються з нового рядка, а після них інші елементи відображаються на наступному рядку. Крім того, перед заголовком і після нього додається порожній простір.
Синтаксис
<h1> Тема першого рівня </h1>
Атрибути
- align
- Визначає вирівнювання заголовка.
Також для цього тега доступні універсальні атрибути і події .
Закриваючий тег
Обов'язковий.
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> Тег h1 і h2 </title> </head> <body> <h1> Lorem ipsum dolor sit amet </h1> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </p> <h2> Ut wisis enim ad minim veniam </h2> <p> Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p> </body> </html>
Результат даного прикладу показаний на рис. 1.
Примітка
Заголовки дуже « люблять » пошукові системи, вони підвищують цінність тексту на веб-сторінці, який розташовується усередині тегів <h1> ... <h6> . З цієї причини краще завжди використовувати ці теги, незважаючи на те, що за допомогою стилів будь-який текст можна встановити великого розміру і, тим самим, зробити його заголовком.