<img src="#" alt="test2.jpg"/>alt=alternative(可選內(nèi)容)

如果前邊的圖片下載失敗,則選用alt內(nèi)的圖片進(jìn)行展示

dl=description list 描述列表...dt=description term 描述單詞..dd=description definition描述單詞的定義

<dl>

? ? ? ? ? ? ? <dt>年齡</dt>

? ? ? ? ? ? ? <dd>18</dd>

</dl>

常用塊級(jí)元素

P

paragraph，段落，用得非常多的元素

div

division/section(HTML5新增元素)，該標(biāo)簽用于將文檔分割為不同部分

br

換行，br是空標(biāo)簽，他常常被無(wú)用做p，我們后面需要介紹他與p的區(qū)別，并且說(shuō)說(shuō)他與閉合浮動(dòng)之間的關(guān)系。

h1——h6 一級(jí)標(biāo)題到六級(jí)標(biāo)題

heading，我們需要了解在各個(gè)瀏覽器中各個(gè)h的margin、padding、font-size

ul ol li

無(wú)序、有序列表

dl dt dd

定義列表相當(dāng)于詞典里面詞的解釋就可以用這種列表

hr

表示主體結(jié)束，而不完全是水平線

常用行內(nèi)元素

a

anchor，鏈接（錨點(diǎn)），我們可以研究下a標(biāo)簽在各個(gè)階段的樣式啦

span

常用于包裹我們的行內(nèi)元素

em strong

內(nèi)容強(qiáng)調(diào)，em（emphasize）是做強(qiáng)調(diào)的，strong是用作重點(diǎn)強(qiáng)調(diào)的

b

bold 粗體，沒強(qiáng)調(diào)的意思

i

italic?單純的斜體

u

underline，單純的加下劃線

select option

創(chuàng)建可單選或多選的菜單

img

圖片標(biāo)簽

input text

文本

input radio checkbox

單選框、多選框

input submit button

按鈕

table

用于展示表格類數(shù)據(jù)

為什么要語(yǔ)義化標(biāo)簽

有時(shí)候我就在想我為什么要研究這個(gè)，為什么要語(yǔ)義化標(biāo)簽，一個(gè)比較俗氣的現(xiàn)實(shí)就是：

你了解語(yǔ)義化標(biāo)簽才能找到好工作！

但是作為一個(gè)有一點(diǎn)理想的前端，我們是應(yīng)該了解這些東西的

因?yàn)槲覀兊膆tml才是基本結(jié)構(gòu)，css相當(dāng)于一種裝飾，裝飾在的時(shí)候我們的頁(yè)面光鮮，那么裝飾去除的時(shí)候，我們也不能太丑?。?！

這就是一個(gè)美女化妝與穿衣服的原理了，傳了驚艷四座，不穿至少需要驚艷到個(gè)人吧。

而且對(duì)于SEO，對(duì)于移動(dòng)設(shè)備，對(duì)于盲人閱讀器都會(huì)更好，所以我們有必要研究下我們標(biāo)簽的本來(lái)面目。