?

使用標簽語義化的理由可以有無數條：?

去掉樣式或者樣式丟失時頁面結構依然清晰分明

移動設備能夠更加完美的展示你的網頁（移動設備對css的支持較弱）

閱讀器會根據標簽的語義自動解析，呈現更容易閱讀的內容形式（無障礙閱讀）

搜索引擎會根據標簽的語義確定上下文和權重問題

便于后期的開發以及維護，團隊合作效率提高

……??

<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作為標題使用，并且依據重要性遞減。<h1>是最高的等級。??

P

段落標記，知道了 p 作為段落，你就不會再使用<br />來換行了，而且不需要<br /> 來區分段落與段落。p中的文字會自動換行，而且換行的效果優于<br />。段落與段落之間的空隙也可以利用CSS來控制，很容易而且清晰的區分出段落與段落。??

<abbr> 標簽最初是在 HTML 4.0 中引入的，表示它所包含的文本是一個更長的單詞或短語的縮寫形式，IE6及以下版本瀏覽器不支持。?

<address>?可定義一個地址（比如電子郵件地址）。您應當使用它來定義地址、簽名或者文檔的作者身份。?

不論創建的文檔是簡短扼要還是冗長完整，都應該確保每個文檔都附加了一個地址，這樣做不僅為讀者提供了反饋的渠道，還可以增加文檔的可信度。??

<area> 標簽定義圖像映射中的區域（注：圖像映射指得是帶有可點擊區域的圖像）。?

? ? ? ? ? area 元素總是嵌套在 <map> 標簽中。

?????????? 注釋：<img>?標簽中的 usemap 屬性與?map?元素 name 屬性相關聯，創建圖像與映射之間的聯系。

如下例：

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map>

<b> 定義粗體，最好使用strong代替?

<base>?定義頁面中所有鏈接的基準 URL

?<blockquote> 標簽定義塊引用。<blockquote> 與 </blockquote> 之間的所有文本都會從常規文本中分離出來，經常會 ? ?在左、右兩邊進行縮進（增加外邊距），而且有時會使用斜體。也就是說，塊引用擁有它們自己的空間。

? ? ??提示：請使用?q 元素來標記短的引用。

<blockquote cite="http://www.iteye.com">讓語義化標簽成為一種習慣</blockquote>

?<cite> 標簽定義作品（比如書籍、歌曲、電影、電視節目、繪畫、雕塑等等）的標題。

<p> <cite>《富春山居圖》</cite>由黃公望始畫于至正七年(1347)，于至正十年完成。 </p>

pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。

?

<code> 標簽用于表示計算機源代碼或者其他機器可以閱讀的文本內容。

?

<var> 標簽表示變量的名稱，或者由用戶提供的值。

<var> 標簽是計算機文檔中應用的另一個小竅門，這個標簽經常與?<code>?和?<pre> 標簽一起使用，用來顯示計算機編程代碼范例及類似方面的特定元素。

用 <var> 標簽標記的文本通常顯示為斜體。

?

?

<table>

<caption> 定義表格標題

<thead> 標簽定義表格的表頭。該標簽用于組合 HTML 表格的表頭內容。

<th>?定義表格內的表頭單元格。 <tr>定義表格中的行

<tbody> 標簽表格主體（正文）。該標簽用于組合 HTML 表格的主體內容。

<td> 標簽定義 HTML 表格中的標準單元格。

<tfoot> 標簽定義表格的頁腳（腳注或表注）。該標簽用于組合 HTML 表格中的表注內容。?

<sub><sup>上標和下標文本?

<del> 定義刪除文本

<strong>重點強調 ?<em>強調?

<optgroup> 標簽定義選項組。

optgroup 元素用于select組合選項。當您使用一個長的選項列表時，對相關的選項進行組合會使處理更加容易。

<select> <optgroup label="Swedish Cars"> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value ="mercedes">Mercedes</option> <option value ="audi">Audi</option> </optgroup> </select>

<fieldset> 標簽將表單內容的一部分打包，生成一組相關表單的字段。

當一組表單元素放到 <fieldset> 標簽內時，瀏覽器會以特殊方式來顯示它們，它們可能有特殊的邊界、3D 效果，或者甚至可創建一個子表單來處理這些元素。

<form> <fieldset> <legend>health information</legend> height: <input type="text" /> weight: <input type="text" /> </fieldset> </form>

<i>斜體文本，建議使用font-style

好了，就寫到這兒吧。

?

轉載于:https://www.cnblogs.com/helenR/p/code_xiguan_all.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的让我们的标签语义化成为一种习惯好处多多的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。