HTML 5结构标签演示
HTML 5结构标签演示
提问于 2010-04-11 17:34:26
我在这里找不到结构标签<header>，<footer>，<articles> ... http://brucelawson.co.uk/tests/html5-elements.html的演示，类似这样的东西，但突出显示了每个元素请帮助
回答 4
Stack Overflow用户
发布于 2010-10-13 18:50:41
像往常一样，在list article上有一篇很好的文章：http://www.alistapart.com/articles/previewofhtml5
对于简单的结构，可以在“节”中包含“文章”和“旁白”，但如果只有一个节，则这不是必须的。
例如：
<header>...</header>
<section>
<article>...</article>
<aside>...</aside>
</section>
<footer>...</footer>等同于：
<header>...</header>
<article>...</article>
<aside>...</aside>>
<footer>...</footer>但是由于这个标签非常灵活，它们并不固定在一个地方，例如：
<header>...</header>
<section>
<header>...</header>
<nav>...</nav>
<aside id="navbar1">...</aside>
<article>
<header>...</header>
<section>...</section>
<aside>...</aside>
<footer>...</footer>
</article>
<aside id="navbar2">...</aside>
<footer>
</footer>
</section>
</section>...</section>
<nav>...<nav>
<footer>...</footer>Stack Overflow用户
发布于 2010-04-11 18:04:15
HTML5 Doctor和HTML5 Gallery是两个很好的资源。他们分别提供了关于如何使用新的HTML5标签的详细文章和使用它们的站点的示例。
Stack Overflow用户
发布于 2011-03-29 16:28:07
上面的帖子是正确的，但导航工具应该使用<nav>标签，这是更多的语义代码。(注意:不要使用全局容器的区段标签，使用<div id="main">，甚至使用重新排列的页眉和页脚的<body> )：
<header>...</header>
<div id="main">
<header>...</header>
<nav>...</nav>
<aside class="nav_container">
<nav id="navbar1">...<nav>
</aside>
<article>
<header>...</header>
<section>...</section>
<aside>...</aside>
<footer>...</footer>
</article>
<aside class="nav_container">
<nav id="navbar2">...<nav>
</aside>
<footer>
</footer>
</div>
</section>...</section>
<nav>...<nav>
<footer>...</footer>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2616579
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号