Notepad++:分析博客模板的好幫手收藏此頁到365KeyPublished on 09/04,2006
Notepad++ 如何給代碼閱讀帶來幫助呢?如前面的教程中講到的,HTML 代碼是成對的網(wǎng)頁標(biāo)簽層層包裹的結(jié)構(gòu),而在博客模板中,通常是用 div 這種矩形塊來布局。所以,要理解模板結(jié)構(gòu),首先應(yīng)當(dāng)看到最外層的 div 標(biāo)簽是如何排放的,這樣就看到了整個(gè)模板的框架,隨后再分析每個(gè) div 內(nèi)部的代碼就可以逐步把握整個(gè)博客模板的結(jié)構(gòu)了。Notepad++ 有一個(gè)很棒的功能,那就是將網(wǎng)頁代碼顯示為可折疊的形式,當(dāng)您不關(guān)心一對標(biāo)簽內(nèi)部的結(jié)構(gòu)時(shí),可以輕松地將這部分內(nèi)容折疊起來,只留下您感興趣的部分。
當(dāng)然 Notepad++ 并非沒有缺點(diǎn),如果某個(gè)博客首頁的代碼寫得不規(guī)范,它也可能對網(wǎng)頁的結(jié)構(gòu)做出錯(cuò)誤的分析。比如我曾在一篇文章中嵌入一個(gè)媒體文件,但沒有嚴(yán)格按規(guī)范書寫,只寫了 <embed ...> 而沒有寫關(guān)閉標(biāo)簽 </embed>。結(jié)果 Notepad++ 就把它和后面緊鄰的 </div> 配對了;此外,一定讓重要的起始標(biāo)簽另起一行,比如 <head>...</head><body> 這樣的寫法就會(huì)造成折疊 <head> 標(biāo)簽的時(shí)候把整個(gè) <body>...</body> 都隱藏掉。要避免這種情況,利用查找替換功能將代碼中所有的 "><" 都通過正則表達(dá)式替換為 ">\n<"即可。 也許有些朋友會(huì)問,我聽說設(shè)計(jì)網(wǎng)頁都用 Dreamweaver,沒怎么聽過這個(gè) Notepad++ 啊?個(gè)人認(rèn)為 Dreamweaver 是設(shè)計(jì)整個(gè)網(wǎng)站的時(shí)候才需要的工具,用來設(shè)計(jì)博客模板會(huì)有大材小用的感覺。其實(shí)我用過的網(wǎng)頁編輯工具中最棒的當(dāng)屬微軟的 VS.NET 2005,不僅啟動(dòng)速度超快,對網(wǎng)頁代碼分析糾錯(cuò)的能力也很強(qiáng),還能根據(jù)代碼結(jié)構(gòu)重新縮進(jìn),使代碼層次分明,更具可讀性。遺憾的是它是個(gè)體積超過 2 G 的大家伙而且價(jià)格昂貴,除了專業(yè)編程人員,恐怕沒人會(huì)考慮用它來編輯博客模板了。
|
|
|