HTML5通过、、、、等语义化标签划分网页逻辑区域，替代无意义div嵌套；仅作无语义布局补充。
如果您希望将网页内容按照逻辑结构划分为多个独立区域，HTML5 提供了语义化标签来替代传统无意义的 div 嵌套。以下是实现网页区块分割的具体方法：
一、使用 标签划分主题区块
1、在 HTML 文件中，将具有相同主题的内容包裹在
2、每个 或
），以体现其结构地位。
立即学习“前端免费学习笔记（深入）”；
3、避免将
二、使用 标签封装独立内容单元
1、将每篇独立成文的内容（如一篇技术短文、一条产品介绍）用
2、可在同一页面中嵌套多个
3、注意：
三、使用
1、将辅助性、非主线的信息放入
2、
3、不可将主导航菜单或全局页脚放入 。
四、使用 和
1、为每个
2、在
3、页面级
五、使用 作为无语义布局容器的补充方案
当内容不具备明确语义结构、仅为样式控制或脚本操作需要时，
仍是合法且必要的选择，但应优先考虑语义化标签。
1、仅在无法用 、、
当内容不具备明确语义结构、仅为样式控制或脚本操作需要时，
仍是合法且必要的选择，但应优先考虑语义化标签。
1、仅在无法用
