如果我遵循这些示例,我的内容结构将基于包括或排除辅助导航。这引入了内容和感觉不必要和不自然的风格之间的耦合。
有没有更好的方法,我不会将主导航从内部移动到标头< header>元素基于包含或排除辅助导航?
主和辅助导航示例
<header> <nav> <!-- Secondary Navigation inside <header> --> <ul> <li></li> </ul> </nav> <h1>Website Title</h1> </header> <nav> <!-- Main Navigation outside <header> --> <ul> <li></li> </ul> </nav>
OnlineDegrees.org是遵循上述模式的示例站点。
主要导航示例
<header> <h1>Website Title</h1> <nav> <!-- Main Navigation inside <header> --> <ul> <li></li> </ul> </nav> </header>
Keyzo.co.uk是遵循上述模式的示例站点。
摘自HTML5简介 – 于02-Feb-11,7:38添加
Introducing HTML5作者:Bruce Lawson和Remy Sharp有这个话题:
The header can also contain navigation. This can be very useful for site-wide navigation,especially on template-driven sites where the whole of the
<header>
element could come from a template file.Of course,it’s not required that the
<nav>
be in the<header>
.If depends largely on whether you believe the site-wide navigation belongs in the site-wide header and also pragmatic considerations about ease of styling.
基于最后一句话,看起来布鲁斯·劳森(Bruce Lawson) – 那些摘录的章节作者不承认“关于简约风格的实用考虑”产生了内容和风格之间的联系。
解决方法
他们往往被放在一个标题只是因为这是导航经常去,但它不是在石头。
你可以阅读更多关于它在HTML5 Doctor。