我想根据客户的要求(包括某些限制)在实现设计/布局的同时，使用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 outliner，则会得到面包屑导航和主导航显示为无标题部分。
按照分层的标题结构，我不能为它们提供低于h2的标题，并且自然地我完全不会对它们“标题”，并且隐藏带有CSS的标题对它们“标题”是感觉错误。
保持语义正确，确认seo标准并防止其显示为无标题部分的最佳方法是什么？
最佳答案
显然，nav元素是无标题的，因为它们是section元素。
如果必须在大纲中将它们作为标题部分，则需要在其中添加标题。
在这种情况下，您可以执行以下操作...
<nav class="breadcrumbs">
<h2>Breadcrumb navigation</h2><ol />
</nav>
<h1>page title</h1>
<p>visual title</p>
<p>sponsor</p>
<nav class="main_navigation">
<h2>Main navigation</h2><ul />
</nav>
然后用css隐藏
h2。顺便说一句，您可能应该将
div更改为section以便更具语义...在这里<section 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>
</section>
关于html - 防止<nav>在html5网站上显示为 “untitled section”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7191348/