<img src="#" alt="test2.jpg"/>alt=alternative(可選內(nèi)容)
如果前邊的圖片下載失敗,則選用alt內(nèi)的圖片進行展示
dl=description list 描述列表...dt=description term 描述單詞..dd=description definition描述單詞的定義
<dl>
? ? ? ? ? ? ? <dt>年齡</dt>
? ? ? ? ? ? ? <dd>18</dd>
</dl>
常用塊級元素
P
paragraph,段落梢睛,用得非常多的元素
div
division/section(HTML5新增元素)抠藕,該標簽用于將文檔分割為不同部分
br
換行咖气,br是空標簽颜骤,他常常被無用做p作媚,我們后面需要介紹他與p的區(qū)別尚卫,并且說說他與閉合浮動之間的關系遏匆。
h1——h6 一級標題到六級標題
heading痪署,我們需要了解在各個瀏覽器中各個h的margin码泞、padding、font-size
ul ol li
無序狼犯、有序列表
dl dt dd
定義列表相當于詞典里面詞的解釋就可以用這種列表
hr
表示主體結束余寥,而不完全是水平線
常用行內(nèi)元素
a
anchor,鏈接(錨點)悯森,我們可以研究下a標簽在各個階段的樣式啦
span
常用于包裹我們的行內(nèi)元素
em strong
內(nèi)容強調(diào)宋舷,em(emphasize)是做強調(diào)的,strong是用作重點強調(diào)的
b
bold 粗體瓢姻,沒強調(diào)的意思
i
italic?單純的斜體
u
underline祝蝠,單純的加下劃線
select option
創(chuàng)建可單選或多選的菜單
img
圖片標簽
input text
文本
input radio checkbox
單選框、多選框
input submit button
按鈕
table
用于展示表格類數(shù)據(jù)
為什么要語義化標簽
有時候我就在想我為什么要研究這個幻碱,為什么要語義化標簽绎狭,一個比較俗氣的現(xiàn)實就是:
你了解語義化標簽才能找到好工作!
但是作為一個有一點理想的前端褥傍,我們是應該了解這些東西的
因為我們的html才是基本結構儡嘶,css相當于一種裝飾,裝飾在的時候我們的頁面光鮮恍风,那么裝飾去除的時候蹦狂,我們也不能太丑!E蟊帷鸥咖!
這就是一個美女化妝與穿衣服的原理了,傳了驚艷四座兄世,不穿至少需要驚艷到個人吧啼辣。
而且對于SEO,對于移動設備御滩,對于盲人閱讀器都會更好鸥拧,所以我們有必要研究下我們標簽的本來面目。