對(duì)于常用標(biāo)簽div和span 就不多說(shuō)了，在我們開(kāi)始接觸HTML5的時(shí)候最先了解的就應(yīng)該是他們了。div和span固然好用但不足夠適應(yīng)瀏覽器對(duì)語(yǔ)義的要求。今天我們就大概總結(jié)一下一些常用的標(biāo)簽。

1.h1~h6標(biāo)簽 塊標(biāo)簽 ，雙標(biāo)簽，h系列標(biāo)簽的默認(rèn)樣式display:block;font-weight:bold;

h1m~h6標(biāo)簽的默認(rèn)字體大小依次為：（瀏覽器默認(rèn)為body:100%=16px;）

瀏覽器計(jì)算得出h1=32px h2=24px h3=18.72px h4=16px h5=13.28px h6=12px

h1~h6的使用：一般情況下一個(gè)頁(yè)面建議只用一個(gè)H1，頁(yè)會(huì)H1給LOGO或者文字的網(wǎng)站名稱；分類、列表等都會(huì)給分類、列表名稱；詳情頁(yè)會(huì)給文章名、商品名稱等；h2~h6我們可以根據(jù)頁(yè)面的區(qū)域劃分，在一些模塊中的小標(biāo)題上使用，一般使用的都是h2，并且按照h系列標(biāo)簽的等級(jí)特性，一般只需要用到h3或者h(yuǎn)4就夠了。

2.p標(biāo)簽 塊標(biāo)簽 雙標(biāo)簽 p標(biāo)簽的默認(rèn)樣式：有默認(rèn)的上下16px的外邊距

ps：p標(biāo)簽內(nèi)不能嵌套塊標(biāo)簽

3.有序列表: ol與li不能單獨(dú)使用，ol與li 之間不能出現(xiàn)其他標(biāo)簽??

無(wú)序列表:ul與li??

自定義列表:dt 定義列表中的項(xiàng)目 dd 描述列表中的項(xiàng)目

li的display：list-item列表項(xiàng)

列表的使用場(chǎng)景：樣式與結(jié)構(gòu)相似或者相同的集合可以使用列表

4.a標(biāo)簽 行標(biāo)簽但比較特殊，它可以設(shè)置寬度和高度 a標(biāo)簽只能跳轉(zhuǎn).html文件和頁(yè)面內(nèi)的模個(gè)區(qū)域

超鏈接標(biāo)簽的四種狀態(tài)：偽類設(shè)置

link狀態(tài) 鏈接為瀏覽狀態(tài)

visited狀態(tài) 鏈接以訪問(wèn)過(guò)

hover狀態(tài) 鼠標(biāo)懸浮在鏈接上的狀態(tài)

active狀態(tài) 鼠標(biāo)點(diǎn)擊未松開(kāi)的狀態(tài)

ps:1.link和visited狀態(tài)時(shí)，不能亂用樣式，場(chǎng)景-設(shè)置該狀態(tài)下地默認(rèn)字體樣式

2.當(dāng)a標(biāo)簽的href屬性為空時(shí)。我們可以用href=“#”或者h(yuǎn)ref=“###”或href=“javascript：void();”不讓它跳轉(zhuǎn),當(dāng)使用href=“#”時(shí)會(huì)出現(xiàn)點(diǎn)擊時(shí)返回頂部的效果（hash 哈希 #返回頂部）

3.我們可以給href屬性設(shè)置成頁(yè)面內(nèi)的某個(gè)ID，這樣就能跳轉(zhuǎn)到指定的區(qū)域(hash定位)

5.img標(biāo)簽 圖片編碼base64，優(yōu)化圖片的的加載 就是把圖片通過(guò)編碼，把生成的編碼設(shè)置為src的值

6.hr? 分割線? 塊標(biāo)簽 單標(biāo)簽

7.sub 定義下標(biāo)文本 sup 定義下標(biāo)文本 del 定義刪除線

7strong 定義強(qiáng)調(diào)標(biāo)簽（粗體加重） small 定義小字號(hào)文本 big 定義大字號(hào)