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






Если вы вообще не собираетесь использовать 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