Справочник HTML на H

теги, атрибуты и их значения

☚ В начало | Справочник HTML

Теги на букву H:
<h1>…<h6>

Теги <h1>…<h6>


Теги от <h1> до <h6> — это заголовки на странице, которые определяют её структуру.

Основной заголовок <h1> может быть на странице только один. Не пропускайте заголовки разных уровней — после <h1> должен идти <h2>, а не <h3>. Уровень заголовка выбирайте по иерархии, а не по внешнему виду, который можно менять с помощью CSS.

Подробнее о том, как правильно использовать заголовки <h1>…<h6>.


Атрибуты

Для элемента доступны глобальные атрибуты.


Синтаксис

<h1>Главный заголовок</h1>

  <h2>Заголовок уровня 2</h2>

      <h3>Заголовок уровня 3</h3>
      <h3>Заголовок уровня 3</h3>

  <h2>Заголовок уровня 2</h2>

      <h3>Заголовок уровня 3</h3>


<head>

Тег <head>


Тег <head> содержит служебную информацию о документе, которая не отображается на странице. В заголовке вкладки браузера пользователи только увидят название страницы, которое задаёт тег <title>.

Кроме <title>, внутри контейнера <head> можно разместить следующие элементы: <base>, <link>, <meta>, <script> и <style>.


Атрибуты

Для элемента доступны глобальные атрибуты.


Синтаксис

<!DOCTYPE html>
<html>
  <head>
      <title>..</title>
      <!-- Раздел для служебных тегов -->
  </head>

  <body>
      <!-- Всё что видно на странице -->
  </body>
</html>


<header>

Тег <header>


Тег <header> — это шапка сайта, в нём обычно находится логотип, название сайта, строка поиска, меню и др.

Тег <header> может быть не только у всего сайта целиком, но и у отдельного раздела. <header> нельзя вкладывать в теги <address>, <footer> или другой <header>, внутри него не должно быть элемента <main>.


Атрибуты

Для элемента доступны глобальные атрибуты.


Синтаксис

<body>
  <header>
      <!-- Шапка -->  
      <nav>..</nav>
  </header>
      
  <main>
      <!-- Основное содержимое -->  
  </main>
  <footer>
      <!-- Подвал -->  
  </footer>
</body>


<hgroup>

Тег <hgroup>


Тег <hgroup> используется для группирования многоуровневых заголовков страницы или раздела. Внутри могут располагаться заголовки и подзаголовки <h1>–<h6>, и тег <p>.


Атрибуты

Для элемента доступны глобальные атрибуты.


Синтаксис

<hgroup>
  <h1>..</h1>
    <h2>..</h2>
</hgroup>


<hr>

Тег <hr>


Тег <hr> отображает горизонтальную линию, разделяя смысловые блоки на странице. Это одиночный тег, который не нужно закрывать.


Атрибуты

Для элемента доступны глобальные атрибуты.


Пример

<p>Учись смолоду, под старость не будешь знать голода.</p>
<p>Кто знаниями обладает, тот всюду побеждает.</p>
  <hr>
<p>Меньше  знаешь,  лучше  спишь.</p>

Результат

Учись смолоду, под старость не будешь знать голода.

Кто знаниями обладает, тот всюду побеждает.

Меньше знаешь, лучше спишь.



<html>

Тег <html>


Тег <html> это корневой контейнер, в котором находится всё видимое и невидимое пользователю содержимое страницы. Тег <html> идёт сразу после <!DOCTYPE>.


Атрибуты

АтрибутФункцияЗначение
langПодсказывает браузеру язык на странице.ru, en и т.п.

Для элемента доступны глобальные атрибуты.


Синтаксис

<!DOCTYPE html>
<html lang="ru">
  <head>
      <title>..</title>
      <!-- Раздел для служебных тегов -->
  </head>
  <body>
      <!-- Всё что видно на странице -->
  </body>
</html>


Популярное

Полезное

Получить книгу

Мы здесь

Поделиться материалом с друзьями:

Вверх