什么是 HTML 语意化?

简单来说，HTML 语意化就是用合乎语意的 HTML 标签开发，例如：<form>、<table>，标签会清楚定义其内容、让页面兼具良好的语意和结构。以下会提到两个重点，HTML 语意化标签有哪些，另一个是，优点有哪些。

HTML 语意化标签 (semantic tags)

目前语意化标签大约有 100 多项，常见的如下

• header
• h1~h6
• hgroup
• nav
• main
• article
• section
• aside
• details
• time
• footer
• figure
• figcaption

为什么要使用 HTML 语意化标签

提升 SEO

比起使用非语意化的标签例如：div、span，语意化标签可以帮助搜寻引擎重视在「标题」、「连结」里的关键字，这样可以让有语意化标签的网页更容易被使用者搜寻到。

便于开发

语意化标签可以提升代码的可读性、帮助开发者之间更容易理解网页架构、减少差异化，举例来说，你可以用div 来做一个按钮，但如果用button 对其他开发者而言会更一目了然知道那是个按钮； 除此之外，透过语意化标签，开发者可以轻易使用其中的原生功能。以 button 来说，就有许多原生功能是 div 没有的。

无障碍网页 (HTML accessibility)

HTML 语意化网站可以方便其他设备解析内容，例如：萤幕阅读器、盲人阅读器、移动设备。 a11y 在前端业界是越来越被看重的领域，用语意化标签也因此是许多公司会看重的。