HTML5通过、、、、等语义化标签划分网页逻辑区域，替代无意义div嵌套；仅作无语义布局补充。
如果您希望将网页内容按照逻辑结构划分为多个独立区域，HTML5 提供了语义化标签来替代传统无意义的 div 嵌套。以下是实现网页区块分割的具体方法：
一、使用 标签划分主题区块
1、在 HTML 文件中，将具有相同主题的内容包裹在
2、每个 或
），以体现其结构地位。
3、避免将
二、使用 标签封装独立内容单元
代表可独立分发或复用的内容块，例如博客文章、新闻条
目或论坛帖子，其内容应具备自包含性与完整性。
1、将每篇独立成文的内容（如一篇技术短文、一条产品介绍）用 包裹。
2、可在同一页面中嵌套多个 ，每个均应能脱离上下文被单独引用或 syndicated。
3、注意： 内部若含子章节，应使用
三、使用 标签标注附属信息区域
表示与主内容相关但可分离的侧边内容，例如引用、术语解释、广告栏或作者简介。
1、将辅助性、非主线的信息放入 标签内。
2、 可位于 内部（此时关联该文章），也可位于 级别（此时关联整页）。
3、不可将主导航菜单或全局页脚放入 ，因其不属于附属内容。
四、使用 和
1、为每个 或
2、在
3、页面级
五、使用 作为无语义布局容器的补充方案
当内容不具备明确语义结构、仅为样式控制或脚本操作需要时，
仍是合法且必要的选择，但应优先考虑语义化标签。1、仅在无法用 2、为 3、禁止将 套用于已有语义标签已能准确表达意图的场景。
