今天小编跟大家讲解下有关详解HTML5常用的语义化标签 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关详解HTML5常用的语义化标签 的相关资料，希望小伙伴们看了有所帮助。
快速查询
article | aside | nav | section | header | footer
架构预览
nav 定义导航链接的部分
在页脚显示一个站点的导航链接,如首页、服务信息页面、版权信息页面等
<nav> <ul> <li><a href=”#”>Home</a></li> <li><a href=”#”>CSS</a></li> <li><a href=”#”>Html5</a></li> </ul></nav>article 定义文章
装载显示一个独立的文章内容 论坛帖子、新闻、博客文章、用户评论等 artilce可以嵌套 则内层的artilce对外层的article标签有隶属的关系。
<article> <h1>标题</h1> <p> 内容</p> <article>用户评论</article> <article>回复评论</article></article>section 定义文档中的节
章节、页眉、页脚或文档中的其他部分
<section> <h1>标题1</h1> <p>内容1</p></section><section> <h1>标题2</h1> <p>内容2</p></section>aside 定义文章的侧栏
广告 成组的内容 友情链接 侧边栏等
<aside> <h1> 侧栏标题1</h1> <p>这是侧栏内容1</p></aside><aside> <h1> 侧栏标题2</h1> <p>这是侧栏内容3</p></aside>header 定义文档的页眉
通常是一些引导和导航信息
<header> <p>logo</p> <nav> <ul> <li>Home</li> <li>Html5</li> </ul> </nav> </header>footer 定义文档或节的页脚
在典型情况下 该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息
<footer> <p>© 2019 All Rights Reserved. </p></footer>参考文献
1 html5 | http://caibaojian.com/html52 w3school | https://www.w3school.com.cn/3 MDN | https://developer.mozilla.org/zh-CN/docs/Web/HTML/
总结
以上所述是小编给大家介绍的HTML5常用的语义化标签,希望对大家有所帮助 如果大家有任何疑问请给我留言 小编会及时回复大家的。在此也非常感谢大家对爱蒂网站的支持！如果你觉得本文对你有帮助 欢迎转载 烦请注明出处 谢谢！
来源：爱蒂网
