• 正确的标签做正确的事情
  • 页面内容结构化
  • 无CSS样子时也容易阅读,便于阅读维护和理解
  • 便于浏览器、搜索引擎解析。 利于爬虫标记、利于SEO

语义元素

  • 非语义元素的例子:\
    和 \ - 无法提供关于其内容的信息。
  • 语义元素的例子:\
    、\以及 \ - 清晰地定义其内容。

HTML5 新增的语义元素

标签描述
\
定义文章。
\定义页面内容以外的内容。
\
定义用户能够查看或隐藏的额外细节。
\
定义 \
元素的标题。
\
规定自包含内容,比如图示、图表、照片、代码清单等。
\
定义文档或节的页脚。
\
规定文档或节的页眉。
\
规定文档的主内容。
\定义重要的或强调的文本。
\定义导航链接。
\
定义文档中的节。
\定义 \
元素的可见标题。
\定义日期/时间。