百度前端技術(shù)學(xué)院學(xué)習(xí)筆記
由于在第一階段的任務(wù)一中，也就是編寫(xiě)頁(yè)面結(jié)構(gòu)中較多的使用了HTML5規(guī)范中新增的“語(yǔ)義化標(biāo)簽”，在任務(wù)二對(duì)頁(yè)面增加樣式時(shí)，明顯感受到了這所帶來(lái)的編碼速度的提升，在此做些總結(jié)整理，加深記憶。
事實(shí)上，我在任務(wù)二中并沒(méi)有定義任何類名，并且選擇器只有兩層，就完成了樣式。可以查看我的源碼
用到的新元素
由于任務(wù)一頁(yè)面并不是很復(fù)雜，能用到的新元素大概有以下幾個(gè)：
1. header
2. main
3. footer
4. article
5. time
6. figure
7. figcaption
8. aside
9. nav
了解更多的HTML5新標(biāo)簽可以訪問(wèn)火狐開(kāi)發(fā)者網(wǎng)絡(luò)
有什么好處
閱讀更方便
這些單詞的含義相信大家都理解，這就是語(yǔ)義，而不是一大波無(wú)意義的 div，span，在自己或者別人閱讀的時(shí)候就會(huì)更加直接，不會(huì)去一大堆屬性里面找class，會(huì)減少定義大量的類名，減少代碼量，節(jié)約時(shí)間，減小思考，相信如何命名有時(shí)候也會(huì)是一個(gè)令人頭痛的問(wèn)題。
默認(rèn)的樣式
body的直接子元素h1和article下的h1默認(rèn)字體大小是不同的，
figcaption可以用來(lái)描述一個(gè)figure(例如一張圖片），這個(gè)描述會(huì)顯示在圖片上方或下方，且易于增加樣式。
一些人在編碼時(shí)喜歡重寫(xiě)默認(rèn)的樣式，字體大小，鏈接顯示效果，邊距等，其中有些操作我是不贊同的，制定規(guī)范的人和瀏覽器開(kāi)發(fā)者經(jīng)過(guò)思考，辯論確定的默認(rèn)樣式，是有其合理之處的，不加思考的重寫(xiě)樣式只會(huì)加大工作量。如果你不滿意默認(rèn)樣式，可能是因?yàn)楹?jiǎn)單的div，span不能很好的表達(dá)你的意思，嘗試HTML5的語(yǔ)義化標(biāo)簽，說(shuō)不定會(huì)改變你的看法。
簡(jiǎn)化 CSS
在編寫(xiě)CSS時(shí)，一個(gè)選擇器會(huì)使用很多次，這時(shí)候，一個(gè)很小的簡(jiǎn)化都會(huì)對(duì)效率有很大提升，如果充分利用這些新標(biāo)簽，甚至可以不用定義類名，就完成樣式的編寫(xiě)，是不是很酷呢？
你可能會(huì)說(shuō)，這么多新標(biāo)簽，怎么記得住，不想記！
我想說(shuō)，看一遍，有意識(shí)的去使用，很好記的，這點(diǎn)學(xué)習(xí)成本，帶來(lái)的效率提升是絕對(duì)值得的。
