HTML5中的CSS3特效樣式、Canvas、webgl的介入，不僅加強(qiáng)了網(wǎng)頁(yè)的視覺(jué)效果，同時(shí)提高了用戶體驗(yàn)。很多參加千鋒Web前端培訓(xùn)班的學(xué)員在學(xué)習(xí)之初都會(huì)學(xué)習(xí)HTML5和CSS3的內(nèi)容，還會(huì)做一些網(wǎng)頁(yè)設(shè)計(jì)，以下就是千鋒某學(xué)員的HTML5學(xué)習(xí)經(jīng)驗(yàn)分享。

　　一階段我們學(xué)習(xí)了四個(gè)禮拜，主要是學(xué)習(xí)了HTML、CSS2以及HTML5、CSS3的內(nèi)容。對(duì)于HTML5來(lái)說(shuō)，知識(shí)點(diǎn)大多都是屬性的學(xué)習(xí)，只要知道屬性如何應(yīng)用，在自己編寫頁(yè)面的時(shí)候就比較輕松。當(dāng)然前提是知道如何布局，無(wú)論是網(wǎng)頁(yè)端還是移動(dòng)端，又或者是響應(yīng)式布局，這些在寫頁(yè)面的時(shí)候，只要布局思路清晰，寫起來(lái)就比較輕松。

　　在學(xué)習(xí)的過(guò)程中自己大概總結(jié)了一下HTML5網(wǎng)頁(yè)布局應(yīng)該主要的三點(diǎn)事項(xiàng)：

　　1、首先要有大局觀。可以先將整個(gè)頁(yè)面按照上下分成幾個(gè)大模塊，分好幾個(gè)模塊在HTML文件中寫好。不需要寫樣式，在寫的時(shí)候只要一個(gè)模塊一個(gè)模塊書寫，大體布局就不會(huì)亂。

　　2、書寫局部布局。每個(gè)大模塊里又可以分幾個(gè)小模塊，根據(jù)頁(yè)面來(lái)思考是左右布局還是上下布局。可能有的模塊比較復(fù)雜，但是劃分模塊無(wú)非就是上下和左右，一定要層層遞進(jìn)。

　　3、代碼要明確。在書寫的過(guò)程中最好是將代碼寫的明確一點(diǎn)，同級(jí)的標(biāo)簽對(duì)齊顯示在頁(yè)面，有利于自己查看和修改代碼，別人看起來(lái)也比較清晰明了。

　　在千鋒Web前端培訓(xùn)班一個(gè)月的學(xué)習(xí)中，我感覺(jué)自己過(guò)的很充實(shí)，早出晚歸的學(xué)習(xí)似乎已經(jīng)成了一種習(xí)慣。每天遠(yuǎn)離手機(jī)好像也過(guò)的很不錯(cuò)，感覺(jué)這是自己最開心的部分。每天還能聽到同學(xué)們的分享演講，了解各種以前不知道的事情。我想，我更多的收獲不僅僅是技術(shù)上的學(xué)習(xí)，還有友情，還有生活。