Чат PHP-разработчиков
Как сделать заголовок в HTML

Делаем заголовки в HTML

Когда речь идет об удобстве чтения длинных текстов, то их, как правило, делят на логические части с помощью заголовков и подзаголовков. Если вы набираете код в специальном текстовом редакторе, то функция формирования заголовка из определенной части текста, в нем уже встроена. Достаточно выделить текст и нажать на опцию.

Но если говорить о языке HTML, то в нем заголовки принято создавать с помощью тегов, которые, между прочим, представлены целым семейством.

Первый тег данного семейства – <h1>, последний – <h6>. Первый тег используют, чтобы выделить наиболее важный заголовок на странице, по-хорошему на странице должен быть лишь один заголовок <h1>, говорящий о том, про что эта страница. А последним тегом обозначают подзаголовок наиболее низкого уровня.

Хотя, если говорить с практической точки зрения, не очень часто можно встретить тексты, где есть подзаголовки ниже третьего уровня. И выделяются все три заголовка тегами <h1>, <h2> и <h3>.

Давайте добавим на нашу страничку заголовки:

...
<body>
<h1>Книги для программистов</h1>
<h2>Название книги 1</h2>
<p>
    Текст про книгу 1
</p>
<h2>Название книги 2</h2>
<p>
    Текст про книгу 2
</p>
</body>
...

Результат в браузере:

Что касается поисковых систем, то для них заголовки играют большую роль. Поэтому, есть смысл научиться их грамотно писать и применять. Есть 2 главных правила при создании заголовков в HTML. Готовы узнать секреты? Держите:

  • Заголовок H1 должен быть на странице только один
  • Вложенность заголовков не должна нарушаться. То есть после H1 не должно быть сразу H3. Нормальная вложенность это когда заголовки идут, например, в таком порядке: H1-H2-H3-H3-H4-H2-H3-H4

Зная эти секреты Вам будет проще продвинуться в поисковых системах. И если про первый ещё кто-то знает, то со вторым всё печально. Люди используют их в разных порядках просто потому что им нравится размер шрифта. Так делать не стоит.

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Домашнее задание
  • Добавьте на Вашу страничку заголовки в соответствии с их уровнем значимости.
Онлайн обучение PHP
Путь с полного нуля до джуниора!
Начать бесплатно
Читайте также
Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
Комментарии (4)


udder

Если делать заголовок H1, а затем два подзаголовка H2 это не нарушение вложенности? Т.е H1 только один а остальные H2 H3 можно использовать несколько раз на странице? Понятно не нарушаю вложенности, т.к после H1 нельзя H3 H3, а H1 и H2 H2 можно?

ivashkevich

Да, вы все верно расписали.

fapchat2@gmail.com

Зачем это правило вложенности, когда я просто ради большого шрифта могу захотеть разместить несколько h1?Почему так не делается?

ivashkevich

Ради большого шрифта стоит пользоваться стилями. CSS-свойством font-size, в частности.

Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Популярное за сутки
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Сейчас читают
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Новые статьи
Логические задачи с собеседований