У меня есть компонент, которому нужен текст заголовка, такой как
<div class="custom-component">
<h?>MY COMPONENT HEADER</h?>
<p>My component content</p>
</div>
Какой элемент мне следует использовать здесь (вместо <h?>
)?
Если я использую <h3>
или <h4>
или что-то еще, я рискую нарушить дерево заголовков, потому что этот компонент может использоваться где угодно на странице и может быть ниже <h1>
, <h2>
, <h3>
или что-то еще. (Примечание: HTML spe c требует, чтобы <h3>
не следовал <h1>
, если между ними нет <h2>
)
Есть ли какие-либо общие c способ определения элемента заголовка, который соответствующим образом определяет его содержимое в качестве заголовка без необходимости заранее знать, где на странице он будет отображаться по отношению к другим <h#>
элементам?
Чтобы уточнить, я не нужно никаких CSS советов. Мне нужен тег заголовка semanti c HTML, который указывает себя как заголовок (для моего компонента), который не требует какого-либо предвидения других <h#>
в документе - то есть он должен быть гибким для использования в различных местах или на страницах.