如何清理做網站所產生的垃圾

1、為什么要清理垃圾代碼
垃圾代碼就是指刪除后不會影響頁面正常顯示的非必要的代碼。這些垃圾代碼占據著龐大的空間，不但消耗用戶下載頁面的時間，還占用搜索引擎巨大的存儲空間，增加搜索引擎分析數據的時間。
2、垃圾代碼是如何產生的
一般情況下，我們會使用網頁制作軟件制作網頁，如FrontPage、Word及Dreamweaver。這些網頁制作軟件在制作網頁的時候，會生成相應的HTML代碼，其中大部分是必要的，而有一小部分則是可有可無的，這就是所謂的垃圾代碼。
因此，做網站避免產生垃圾代碼良好的辦法就是以手工編寫代碼的方式制作網頁。

即使是同樣內容的網頁，使用不同的網頁制作軟件進行制作，所產生的代碼也會存在很大的區別。在沒有掌握手工編寫代碼前，可以使用Dreamweaver制作網頁，完成后再清理其中的垃圾代碼。

3、如何清理垃圾代碼
ａ、空格
空格字符是網頁中常見的垃圾代碼。但此處討論的空格字符并非HTML語言中的“”標簽，而是指在代碼編輯環境下敲擊鍵盤上的空格鍵所產生的符號。網頁中每個空格都相當于一個字符，因此，空格字符也會占用巨大的空間。初步統計，空格字符約占用頁面總體積的1.5%。也就是說，一個100KB的頁面中，其中1.5KB是空格字符。
空格字符通常會出現在每行代碼的開始和結束處，還有就是空行中。
(1)每行代碼開始前的空格字符：是網頁制作軟件生成代碼時，默認產生的縮進字符。
(2)每行代碼結束處的空格字符：是編輯HTML代碼時，不小心加上的。只要我們在每行代碼的結束位置向右移動光標，如果光標不換行，則說明該頁面還存在空格字符。
(3)空白行：在編寫代碼時，常利用空行或者注釋對不同功能模塊進行分隔，這樣就產生了空白行。
對于每行代碼開始處的空格字符，可以使用Dreamweaver或者EditPlus等軟件進行清理。具體操作步驟如下：
(1)轉至HTML代碼編輯模式(如果是Dreamweaver);
(2)按Ctrl+A選擇全部代碼;
(3)使用組合鍵Shift+Tab，直至刪除所有空格為止。
ｂ、空行
對于空行中空格字符的清理，只能手工逐行去掉。
(1)首先，使用鼠標選擇空行;
(2)再按ｄｅｌｅｔｅ鍵，即可刪除空行。
對于每行代碼介紹處的空格字符，我們可以使用Editplus或者其他文筆編輯軟件的替換功能進行清理：
(1)用鼠標選擇“>”+“一個空格字符”，即“>”;
(2)再按Ctrl+F，就會彈出一個窗口;
(3)“替換”處填上“>”，再點擊“全部替換”即可。
ｃ、默認屬性
在利用網頁制作軟件制作網頁時，通常會產生一些默認屬性的代碼。例如，我們在HTML代碼中不添加左對齊屬性，頁面中的內容也是以左對齊的方式顯示的，所以代碼中的左對齊屬性是可以刪除的，在頁面中，還有很多其他屬性都是默認屬性，以下是比較常見的。
(1)align=“left”：橫向居左對齊屬性值，默認情況下文章或者圖片都是橫向居左對齊的。
(2)valign=“middle”：豎向居中對齊屬性值，默認情況下文章或者圖片都是豎向居中對齊的。
(3)size=“3”：文字大小屬性值，默認情況下是3號字體。
(4)target=”_self“：新頁面打開屬性值，默認情況下網頁就是在當前窗口打開的。
利用Dreamweaver的替換功能，可以完成對默認屬性代碼的替換。在“查找”中填上要替換的默認屬性代碼，“替換”處留空白，還可以在“查找范圍”上選擇替換范圍，然后點擊“替換全部”就可以刪除“查找范圍”內所有指定的默認屬性代碼。
ｄ、注釋語句
注釋語句是用于對代碼功能或作用進行說明的語句，注釋語句里的內容對于普通用戶來說就是不可見的。即普通用戶在頁面中是看不到HTML代碼中注釋標簽里的內容。
在制作網頁的時候，我們或多或上會添加注釋語句一增強代碼的可讀性。但是，過多的注釋語句會占用大量的存儲空間。
不僅如此，如果在注釋標簽里添加大量的關鍵字，還會被搜索引擎認為是堆砌關鍵字，從而對網站進行懲罰。
所以，在添加注釋語句時，我們要堅守一個原則：絕不添加哪些即使刪除后也不會影響網頁源代碼可讀性的注釋語句。
ｅ、空語句
垃圾代碼清理的后一步就是刪除代碼中的空語句。簡單地說，空語句就是指標簽間不存在任何內容的語句。
空語句的清理主要針對即使刪除后也不會影響頁面正常顯示的標簽。但有一部分標簽是不能刪除的，否則頁面將會出現錯亂。
如果你已經具備手工編寫HTML代碼的能力，就應該盡量采用手工編寫代碼的方式制作網頁。