Добавить в корзинуПозвонить
Найти в Дзене
Граффство контента

Подзаголовоки H2 и H3 - что это, зачем они нужны и как ими пользоваться

Неожиданно статья о подзаголовках вызвала у вас множество вопросов. А раз спрашиваете - отвечаю. Ведь я рассказывала о том, как их составлять, а некоторые из вас вовсе не понимали о чем речь. Вопрос первый от Полины, автора канала "Фэнтези/Читаем вместе" Подзаголовки - это заголовки, которые используются в качестве обозначения темы подраздела статьи. Выглядят они так: Зеленым цветом выделен заголовок второго уровня или H2, желтым цветом подсвечен заголовок третьего уровня H3. Есть еще заголовок первого уровня или первого порядка H1 - это само название статьи, основная а H2 и H3 разбивают его на подтемы, благодаря которым читателю и алгоритму легче ориентироваться в публикации. Второй вопрос от Ольги, автора канала "Дачная мозаика": На компьютере этого островка нет, лайки и комментарии остались в прежнем виде. Но в приложении он выглядит таким образом: Если нажать на три черточки, то всплывает краткое содержание статьи по которому пользователь сразу может переходить в нужный ему ра
Оглавление

Неожиданно статья о подзаголовках вызвала у вас множество вопросов. А раз спрашиваете - отвечаю. Ведь я рассказывала о том, как их составлять, а некоторые из вас вовсе не понимали о чем речь.

Что такое подзаголовок

Вопрос первый от Полины, автора канала "Фэнтези/Читаем вместе"

Скриншот вопроса
Скриншот вопроса

Подзаголовки - это заголовки, которые используются в качестве обозначения темы подраздела статьи.

Выглядят они так:

Скриншот статьи с подзаголовками
Скриншот статьи с подзаголовками

Зеленым цветом выделен заголовок второго уровня или H2, желтым цветом подсвечен заголовок третьего уровня H3.

Есть еще заголовок первого уровня или первого порядка H1 - это само название статьи, основная а H2 и H3 разбивают его на подтемы, благодаря которым читателю и алгоритму легче ориентироваться в публикации.

Где находится плавающий остров с подзаголовками?

Второй вопрос от Ольги, автора канала "Дачная мозаика":

Скриншот вопроса к статье о подзаголовках
Скриншот вопроса к статье о подзаголовках

На компьютере этого островка нет, лайки и комментарии остались в прежнем виде.

Но в приложении он выглядит таким образом:

Вот тот самый остров , на котором размещены лайки, комментарии и три полосочки, открывающие краткое содержание статьи с подзаголовками
Вот тот самый остров , на котором размещены лайки, комментарии и три полосочки, открывающие краткое содержание статьи с подзаголовками

Если нажать на три черточки, то всплывает краткое содержание статьи по которому пользователь сразу может переходить в нужный ему раздел.

Выглядит краткое содержание так:

При нажатии на три черты открывается краткое содержание статьи
При нажатии на три черты открывается краткое содержание статьи

По пунктам:

  • "Где ставить ссылки" - это основной заголовок, название статьи.
  • "В начале, в конце или в середине?" - это подзаголовок второго уровня или тот самый H2.
  • "Минусы размещения ссылок в конце" - это подзаголовок третьего порядка или H3. Рядом с ним стоит точка, чтобы пользователям было удобней ориентироваться.

В чем отличия между позаголовками разного уровня

Основной заголовок или название статьи - это общее обозначение темы, то о чем пойдет речь в статье.

Заголовок второго уровня или H2 - это подраздел основной темы.

Пример. Есть основная тема статьи "Где ставить ссылки". После нее идет введение. Чтобы перейти от введения к сути мы используем подзаголовок второго уровня, как бы разбивающий основную тему на несколько подтем. Им становится предложение "В начале, в конце или в середине". Эту подтему я раскрыла, но решила уточнить о минусах размещения ссылок в конце статьи. Как самостоятельную подтему H2 использовать ее не имеет смысла, так как она является логичным продолжением H2 и входит в нее, ведь мы же уже говорили про ссылки в начале, в конце и в середине, а теперь лишь хотим уточнить недостатки их размещения в конце статьи. Поэтому используем H3 - подзаголовок третьего уровня, относящийся по смыслу к теме, обозначенной H2.

Важно! Подзаголовки третьего уровня не используются, если перед ним не идет подзаголовок второго уровня. Это не логично, так как как H3 является продолжением, пояснением H2. После основного заголовка идет H2, который может включать в себя один или несколько H3.

Как оформлять подзаголовки H2 и H3 с телефона?

Такой вопрос был задан автором канала Тэйла Трежер:

Скриншот третьего вопроса
Скриншот третьего вопроса

Когда текст выделяешь жирным шрифтом - это не заголовок. Это просто жирный шрифт. Мы используем его для подсвечивания важных мыслей, для привлечения к ним внимания читателей.

Чтобы оформить заголовок второго уровня нажимает на букву "H" один раз и печатаем текст. Обратите внимание, что подсвечиваться будет цифра два, а цифра три внизу остается бледной.

Оформление заголовков второго уровня
Оформление заголовков второго уровня

Как только вы напечатали нужный вам заголовок, переходим на новую строчку и нажимаем букву "Т" - далее пойдет обычный текст.

Чтобы оформить в мобильном приложении заголовок третьего уровня нажимаем на буку "H" два раза. Будет подсвечиваться цифра три. Как на скриншоте экрана.

Оформление заголовка третьего уровня
Оформление заголовка третьего уровня

Повторяем

  • Основной заголовок - отражает мысль статьи. Назовем его "Тема".
  • H2 - подзаголовок второго порядка, обозначающий о чем пойдет речь в подразделе. Назовем его "Подтема".
  • H3 - подзаголовок третьего уровня, уточняющий детали того, о чем вы писали в заголовке H2. Для понимания обозначим его как "Подтема подтемы".

Все подзаголовки нужны и важны. Надеюсь, что после этой статьи у вас все встанет на свои места. Ведь для вас, дорогие авторы, и был создан канал "Граффство контента".

Статья о важности подзаголовков, под которой вы задавали вопросы - тут.