|
寫(xiě)Web頁(yè)面就像我們建設(shè)房子一樣,地基牢固,房子才不會(huì)倒。同樣的,我們制作Web頁(yè)面也一樣,一個(gè)良好的HTML結(jié)構(gòu)是制作一個(gè)美麗的網(wǎng)站的開(kāi)始,同樣的,良好的CSS只存在同樣良好的HTML中,所以一個(gè)干凈的,語(yǔ)義的HTML的優(yōu)點(diǎn)很多,那么平時(shí)制作中,我們做到了這一點(diǎn)嗎?我們一起來(lái)看一張圖片:
上圖展示了兩段代碼,我想大家都只會(huì)喜歡第一種,我們先不說(shuō)其語(yǔ)義,至少他的結(jié)構(gòu)讓我們看上去清爽,而第二種呢?一看就是糟糕的代碼的代碼,讓人討厭的代碼。那么要怎么樣才能寫(xiě)出一個(gè)好的代碼,整潔的代碼呢?下面我們就從以下十一個(gè)方面一起來(lái)學(xué)習(xí),只要大家以后在寫(xiě)代碼的時(shí)候能堅(jiān)持下面的十二個(gè)原則,保準(zhǔn)你的代碼質(zhì)量能上去,而且你寫(xiě)的代碼會(huì)人見(jiàn)人愛(ài)。
一、DOCTYPE的聲明
如果我們想做好一件事情,首先要知道我們有哪些權(quán)利去做,就如“DOCTYPE”的聲明,我們沒(méi)有必要去討論是否使用HTML4.01或者XHTML1.0或者說(shuō)現(xiàn)在的HTML5都提供了嚴(yán)格版本或者過(guò)渡版本,這些都能很好的支持我們寫(xiě)的代碼:
由于我們現(xiàn)在的布局不需要table布局也能做出很好的布局,那么我們就可以考慮不使用過(guò)渡型而使用嚴(yán)格型的“DOCTYPE”,為了向后兼容,我建議使用HTML5的聲明模式:
<!DOCTYPE HTML><html lang="en-US">
it知識(shí)庫(kù):Web前端:11個(gè)讓你代碼整潔的原則,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。