最近尝试使用HTML5新的标签元素去布局，例如<section> <article>等，但是在书写HTML的过程中有个困惑就是这些标签元素语义应该怎么去区分，以及它们的最佳实践。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
3
598
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
HTML5新增
<selection>、<article>等标签就为了文档语义化，譬如替换文档中的p标签，具体在什么场景下使用，还是看H5的官方文档吧...推荐来这里学习一下
http://www.runoob.com/html/html5-new-element.html
首先，个人认为良好的 HTML 语义化其实是锦上添花的工作。
做好语义化其实并不难，关键是搞清楚这个标签中到底放的是什么。以 HTML5 新增的几个标签为例，可以很容易的知道
<article>标签一定是放的是正文内容，而<aside>肯定就是侧边栏。当然在实际使用中要有一些发散的思维：比如并不只有大篇幅的文章才能用<article>，这个页面上的问题和回答的主体其实都是<article>标签良好的使用场景，再比如灵活的<ul>标签也是如此。