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