Можно ли пропускать уровни заголовков при создании html-страниц?

У меня есть html-страница с заголовком и подзаголовком, я использую Bootstrap v4 CSS. Я использовал h3 для заголовка и h4 для подзаголовка, но при рендеринге я обнаружил, что размеры слишком похожи, поэтому я переключился на использование h2 и h4, вообще не используя h3.

Это прекрасно работает, но правильно ли это делать семантически или это неправильно?

Поскольку я использую Bootstrap, я не особенно хочу переопределять CSS для h3, чтобы сделать его больше.

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
4
0
1 319
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

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

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

Ответ принят как подходящий

Если вам нужен семантически правильный HTML, то можно сохранить иерархию; вы должны НЕТ использовать разные теги заголовков только что для целей стилизации; если вы выбираете h4 вместо h3 исключительно из-за размеров, то это будет семантически неправильно; Я бы просто изменил размеры с помощью собственного CSS.

Эта статья действительно поможет вам в этом: Зачем использовать семантический HTML

И цитируя ту же статью:

h1–h6 - The heading tags can be used to make fonts bigger and bolder, but if the text is not a heading, it should not be inside a heading tag. Use the font-weight and font-size CSS properties instead if you want to change the size or weight of specific text on your page

Кроме того, поскольку вы используете Начальная загрузка, они предоставляют классы, применяющие стили каждого заголовка к элементу; так что вы можете выбрать стиль заголовка h3 как h1; таким образом вы сохраните нужный внешний вид, а также правильный семантический подход: Заголовки

ах, спасибо, хорошо, это то, что я обула, применяя класс h2 к h3

Paul Taylor 15.03.2019 17:52

Пропускать уровни заголовков — плохая практика с точки зрения дизайна информации, говорим ли мы о веб-страницах, книгах, журнальных статьях или о чем-то еще. Вы можете сбить с толку не только скринридеров, но и всех читателей, если не будете следовать последовательной логической схеме со структурой заголовков.

Другие вопросы по теме