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

语义元素

  • 非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。
  • 语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。

HTML5 新增的语义元素

标签描述
<article>定义文章。
<aside>定义页面内容以外的内容。
<details>定义用户能够查看或隐藏的额外细节。
<figcaption>定义 <figure> 元素的标题。
<figure>规定自包含内容，比如图示、图表、照片、代码清单等。
<footer>定义文档或节的页脚。
<header>规定文档或节的页眉。
<main>规定文档的主内容。
<mark>定义重要的或强调的文本。
<nav>定义导航链接。
<section>定义文档中的节。
<summary>定义 <details> 元素的可见标题。
<time>定义日期/时间。