DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 如何防止及消除垃圾代碼的產生
如何防止及消除垃圾代碼的產生
編輯:Dreamweaver相關     

  對於Dreamweaver這個廣大用戶早有聽聞的網頁編輯工具,除功能強大外,Dreamweaver一向被推崇為同類網頁編輯軟件中產生垃圾代碼最少、保持原本網頁代碼最好的網頁編輯器。在我們的使用中也證實了這一點,它確是所見即所得的網頁編輯軟件中在這方面最出色的。我們現在就來說說用Dreamweaver如何防止及消除垃圾代碼的產生的。

  一、防止產生垃圾代碼

  Dreamweaver一般是不會使網頁任意添加不必要的HTML代碼的,但在編輯網頁時的一些不正規的操作也會使到一些不必要的代碼遺留,所以在編輯過程中應盡量避免或減少以下操作:

  1.避免網頁架構過於復雜。在規劃網頁時,我們使用到表格,應盡量尋求最簡單的表格格式,不要把表格搞到非常復雜。有可能的也應在表格內部減少表格的嵌套,不要嵌套得太多。

  2.在網頁上過度頻繁地移動圖片,文本或者其它對象,這樣也會產生一些不必要的代碼,故應減少頻繁的移動圖片,文本或者其它對象。

  3.一定要避免文本交錯使用樣式。這裡指的文本交錯使用樣式是指如下情況:如有一文本為“編輯網頁時的一些不正規”,我們對“編輯網頁”使用了某一樣式,在後來修改時,改為要對“編輯網頁時的一些不正規”這段文字使用樣式,若在不取消原先使用的樣式就直接為這段文本再加上樣式,只要你點幾下樣式,它就會重復幾次加上同一定義樣式的代碼。所以一定要避免這種情況出現。

  4.避免對象格式定義的重復。即避免對一已繼承上級對象格式的對象再定義相同的格式這種無用的操作。

  5.我們在對同一對象的格式或樣式的定義作多次修改也會產生不必要的代碼。所以在修改對象的格式或樣式時應先取消它原先定義的格式,再定義。如:我們對一文本加粗及加上一樣式,後來又加斜,再用另一樣式時,這就會使到第一次應用的已無用的樣式代碼遺留下來。且這種不必要的代碼是無法用後面消除不必要代碼的方法消除,只能人手對頁面源代碼作消除。

  二、清除產生的垃圾代碼

  雖然在編輯中我們好努力去防止不必要的代碼的產生,但還是會有防止不到的情況出現。而這些不必要的代碼會影響網頁的下載速度和網頁的兼容性,所以,在編輯完網頁後,必須手動清除它們。 在Dreamweaver中,點選菜單Commands/Clean Html...開啟/Clean Up Html視窗,在視窗Remove項有五個選項來清除不需要的代碼:Empty Tags(空標簽);Redundant Nested Tags(多余的嵌套標簽);Non-Dreamweaver HTML Comments(非Dreamweaver格式的注釋);Dreamweaver HTML Comments(Dreamweaver注釋);Specific Tag(s)(指定的標簽),一般我們選取前四個選項,接著按確定就行了。我們還可以選取第五個選項Specific Tag(s),指定我們要清除的垃圾代碼。
對於把WORD格式轉換成HTML文件,你可以點選菜單Commands/Clean Up Word Html...開啟Clean Up Word Html視窗來清除轉換中所帶來的多於標簽。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved