一、什么是HTML語義化標簽
語義化的標簽,旨在讓標簽有自己的含義。
<p>一行文字</p> <span>一行文字</span>
二、語義化標簽的優勢
- 實現了無障礙訪問:使其內容對於借助輔助技術的殘障訪問者也是可以訪問的,對於台式機、手機、平板或是其他設備上的瀏覽器都是可以訪問的;’
- 搜索引擎優化:網頁在搜索引擎中的排名會靠前,因為搜索引擎對用特殊標記的內容賦予更高的權重;
- 更容易維護代碼和添加樣式:清晰的結構能使代碼更有效,更加有利於維護,更容易檢索到可能出現的錯誤。借助css統一特定的元素的樣式。
三、常見的語義化標簽
- <head>頭部
- <body>主體
- <a> 超鏈接
- <marquee>滾動字幕
- <ol>有序列表
- <ul>無序列表
- <dl>說明項目條例
- <i>定義斜體字
- <b>定義粗體文本
- <em>定義着重文字
- <small>定義小號字
- <strong>定義加重語氣
- <sub>定義下標字H2O
- <sup>定義上標字c²=a²+b²
- <ins>定義插入字(文字下方下划線效果)
- <del>定義刪除字(文字中間有一條橫線)
- <code>定義計算機代碼
- <kbd>定義鍵盤碼
- <samp>定義計算機代碼樣本
- <var>定義變量
- <pre>定義預格式文本
- <abbr>定義縮寫
- <address>定義地址
- <bdo>定義文字方向
- <blockquote>定義長的引用
- <q>定義短的引用語
- <cite>定義引用、引證
- <dfn>定義一個定義項目
- <form>定義一個表單
- <table>定義一個表格
(部分內容)