我正在尝试使用 html5 分段元素和标题实现正确的分段,同时实现我的客户要求的设计/布局(包括某些限制)。
一般布局将是这样的:
<body>
<header>
<nav class="breadcrumbs"><ol /></nav>
<h1>page title</h1>
<p>visual title</p>
<p>sponsor</p>
<nav class="main_navigation"><ul /></nav>
</header>
<div class="main_content">
<article><h2>Article title</h2></article>
<article><h2>Article title</h2></article>
<article><h2>Article title</h2></article>
<article><h2>Article title</h2></article>
</div>
<footer>Footer stuff<footer>
</body>
我现在关心的是,如果我使用html5 大纲,我会得到面包屑导航和主导航显示为无标题部分。遵循分层标题结构,我不能给他们低于 h2 的标题,自然我根本不会“标题”它们,并且用 css 隐藏标题来“标题”它们感觉不对。
保持语义正确,确认 seo 标准并防止这些显示为无标题部分的最佳方法是什么?