在经典的页面布局中，页面被分为 header、main、aside、footer 四个部分

  • header: 定义文档的页眉 (介绍信息)

    • 网站Logo

  • main: 定义文档应用的主体部分

    • 不限于body

  • aside: 通常是网页的说明

    • 引用、附加注释、相关链接、广告

  • footer: 定义文档或节的页脚

    • 文档的作者、使用条款链接、联系信息、版权信息 Copyright ©
  • article: 定义一篇与页面无相干的文章
    • 论坛帖子、杂志或新闻文章、评论、交互式组件
  • nav: 定义页面的主导航功能
    • 如: 导航1| 导航2
  • section: 定义内容的分节或分段
    • article，nav或者aside是特殊的section
  • details: 定义可见或隐藏的需求补充
    • summary定义details元素的可见标题
  • dialog: 定义对话框, 确认框或窗口

html5新特性: 语义与呈现分离, 语义元素与非语意元素定义网页的布局

非语义元素特点是便利,但却会导致代码的滥用,使得html的代码含义混乱