<Hx>

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

P

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

<ul>、<ol>、<li>

<ul> 無序列表，這個被大家廣泛的使用，<ol>有序列表也挺常用。在web標(biāo)準(zhǔn)化過程中，<ul> 還被更多的用于導(dǎo)航條，本來導(dǎo)航條就是個列表，這樣做是完全正確的，而且當(dāng)你的瀏覽器不支持CSS的時候，導(dǎo)航鏈接仍然很好使，只是美觀方面差了一點而 已。

<dl>、<dt>、<dd>

dl就是“定義列表”。比如說詞典里面的詞的解釋、定義就可以用這種列表。

<em>、< strong >

<em> 是用作強調(diào)的，strong是用作重點強調(diào)的。

<table>、<td>、<th>、< caption >、 summary

XHTML 中的表格不再是用來布局。如果是為了標(biāo)記列表的數(shù)據(jù)，就應(yīng)該使用表格了。<th>為表格標(biāo)題，屬性summar為摘要（要想提高搜索的排名這 個絕對不應(yīng)該少），<caption>標(biāo)簽為首部說明，<thead>標(biāo)簽為表格頭部，<tbody>標(biāo)簽為表格主 體內(nèi)容，<tfoot>標(biāo)簽為表格尾部。

<ins>, <del>

知道del，就不要再用<s>做刪除線了，用del顯然更具有語義化。而且del還帶有cite和datetime來表明刪除的原因以及刪除的時間。ins是表示插入，也有這樣的屬性。

<abbr>、<acronym>

<abbr>標(biāo)簽是表示web頁面上的簡稱，<acronym>標(biāo)簽為取首字母縮寫。

alt屬性和title屬性

title屬性用來為元素提供額外說明信息，但是并不是必須的。

alt屬性為不能顯示圖像、窗體或applets的用戶代理（UA），指定替換文字。替換文字的語言由lang屬性指定。

讓你語義化HTML結(jié)構(gòu)的無數(shù)條理由：

1.去掉或樣式丟失的時候能讓頁面呈現(xiàn)清晰的結(jié)構(gòu)：
HTML 本身是沒有表現(xiàn)的，我們看到例如<h1>是粗體，字體大小2em，加粗；<strong>是加粗的， 不要誤會這是HTML的表現(xiàn)，這些其實是HTML默認(rèn)的CSS樣式在起作用。所以去掉或樣式丟失的時候,也能讓頁面呈現(xiàn)清晰的結(jié)構(gòu)，增強頁面的可讀性。

2.屏幕閱讀器（如果訪客有視障）會完全根據(jù)你的標(biāo)記來“讀”你的網(wǎng)頁。

如果你使用的含語義的標(biāo)記,屏幕閱讀器會根據(jù)你的標(biāo)簽來判斷網(wǎng)頁的內(nèi)容，而不是一個字母一個字母的拼寫出來。

3.PDA、手機等設(shè)備可能無法像普通電腦的瀏覽器一樣來渲染網(wǎng)頁（因為這些設(shè)備對CSS的支持較弱）。

使用語義標(biāo)記可以確保這些設(shè)備以一種有意義的方式來渲染網(wǎng)頁。理想情況下,觀看設(shè)備的任務(wù)是符合設(shè)備本身的條件來渲染網(wǎng)頁。

4.搜索引擎的爬蟲也依賴于標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重。

搜索引擎的爬蟲也是網(wǎng)站的“訪客”,現(xiàn)在它們是極其寶貴的用戶。沒有他們的話,搜索引擎將無法索引你的網(wǎng)站,然后一般用戶將很難過來訪問。

5.便于團(tuán)隊開發(fā)和維護(hù)

在團(tuán)隊中大家都遵循同一個標(biāo)準(zhǔn)，可以減少很多差異化的東西，方便開發(fā)和維護(hù)，提高開發(fā)效率，甚至實現(xiàn)模塊化開發(fā)。

轉(zhuǎn)載于:https://www.cnblogs.com/yhongyu/archive/2012/06/01/2530891.html

總結(jié)

以上是生活随笔為你收集整理的HTML标签语义化的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。