什么是 HTML 语意化?
2023年2月2日
💎 加入 E+ 成長計畫 與超過 500+ 位軟體工程師一同在社群中成長，並且獲得更多的軟體工程學習資源
简单来说，HTML 语意化就是用合乎语意的 HTML 标签开发，例如：<form>、<table>，标签会清楚定义其内容、让页面兼具良好的语意和结构。以下会提到两个重点，HTML 语意化标签有哪些，另一个是，优点有哪些。
HTML 语意化标签 (semantic tags)
目前语意化标签大约有 100 多项，常见的如下
为什么要使用 HTML 语意化标签
提升 SEO
比起使用非语意化的标签例如：div、span，语意化标签可以帮助搜寻引擎重视在「标题」、「连结」里的关键字，这样可以让有语意化标签的网页更容易被使用者搜寻到。
便于开发
语意化标签可以提升代码的可读性、帮助开发者之间更容易理解网页架构、减少差异化，举例来说，你可以用div 来做一个按钮，但如果用button 对其他开发者而言会更一目了然知道那是个按钮； 除此之外，透过语意化标签，开发者可以轻易使用其中的原生功能。以 button 来说，就有许多原生功能是 div 没有的。
无障碍网页 (HTML accessibility)
HTML 语意化网站可以方便其他设备解析内容，例如：萤幕阅读器、盲人阅读器、移动设备。 a11y 在前端业界是越来越被看重的领域，用语意化标签也因此是许多公司会看重的。