в html5 все намного проще с точки зрения построения связей. Чем в html4.
Делается это не за счет заголовков. А засчет вложенности секций.
Именно вложенность определяет что с чем свзяано.
Первая секция это тег body.
соответсвено все что идет дальше является лвоженным в него. То есть все подчинено одной общей идее.
Вот условно схематичеки набросок страницы
у которой есть две развнозанчеы модели,
одна имеет описания с характеиристиками
дургая имеет комментарии.
Это просто концепт, чтобы на него можно было посмотреть и понять насколько неправильно восприятие у людей семантичсекйо верстки.
<body>
<h1>Лучший wifi 2020</h1>
<article>
<h1>Модель 1</h1>
<p>Текст какая модель хороашя</p>
<section>
<h1>Характеристики модели 1</h1>
<!-- Доупстим наши характеристики имеют подробные описания.
-->
<section>
<h1>Цвет</h1>
<p>Ахуенен</p>
[...]
</section>
<section>
<h1>размер</h1>
<p>прекрасен</p>
</section>
</section>
</article>
<article>
<h1>Модель 2</h1>
<p>Текст какая модель хороашя, потому что вторая</p>
<section>
<h1>Комментарии про Модель 2</h1>
<article>
<footer>Комментария от васи</footer>
<p>я внее влюблен в эту модель</p>
</article>
<article>
<footer>Комментария от пети</footer>
<p>Ей нужны батарейки</p>
<article>
<footer>Комментария от админа</footer>
<p>Батарейки можно купить в ларьке.</p>
</article>
</article>
</section>
</article>
</body>
