清理垃圾代碼是指刪除頁(yè)面中的多余代碼。一個(gè)頁(yè)面經(jīng)過(guò)垃圾代碼清理后，可以刪除接近80%的多余代碼。然而，什么樣的代碼才是垃圾代碼呢？

　　1.垃圾代碼簡(jiǎn)

　　垃圾代碼就是指刪除后不會(huì )影響頁(yè)面正常顯示的非必要的代碼。這些代買(mǎi)占據著(zhù)龐大的空間，不但消耗用戶(hù)下載頁(yè)面的時(shí)間，還占用搜索引擎巨大的存儲空間，增加搜索引擎分析數據的時(shí)間。然而，這么龐大的垃圾代碼是如何產(chǎn)生的呢？

　　2.垃圾代碼的產(chǎn)生

　　一般情況下，我們會(huì )使用網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)，如FrontPage、Word及Dreamweaver。這些網(wǎng)頁(yè)制作軟件在制作網(wǎng)頁(yè)的時(shí)候，會(huì )生成相應的HTML代碼，其中大部分是必要的，而有一小部分則是可有可無(wú)的，這就是所謂的垃圾代碼。因此，避免產(chǎn)生垃圾代碼最好的辦法就是以手工編寫(xiě)代碼的方式制作網(wǎng)頁(yè)。

　　即使是同樣內容的網(wǎng)頁(yè)，使用不同的網(wǎng)頁(yè)制作軟件進(jìn)行制作，所產(chǎn)生的代碼也會(huì )存在很大的區別。在沒(méi)有掌握手工編寫(xiě)代碼前，可以使用Dreamweaver制作網(wǎng)頁(yè)，完成后再清理其中的垃圾代碼。西安做網(wǎng)站推薦閱讀>>> 網(wǎng)站代碼SEO優(yōu)化建議,

　　3.垃圾代碼的清理

　　〇空格

　　空格字符是網(wǎng)頁(yè)中最常見(jiàn)的垃圾代碼。但此處討論的空格字符并非HTML語(yǔ)言中的“&nbsp；”標簽，而是指在代碼編輯環(huán)境下敲擊鍵盤(pán)上的空格鍵所產(chǎn)生的符號。網(wǎng)頁(yè)中每個(gè)空格都相當于一個(gè)字符，因此，空格字符也會(huì )占用巨大的空間。初步同濟，空格字符約占用頁(yè)面總體積的1.5%。也就是說(shuō)，一個(gè)100KB的頁(yè)面中，其中1.5KB是空格字符。

　　空格字符通常會(huì )出現在每行代碼的開(kāi)始和結束處，還有就是空行中。

　?。?）每行代碼開(kāi)始前的空格字符：是網(wǎng)頁(yè)制作軟件生成代碼時(shí)，默認產(chǎn)生的縮進(jìn)字符。

　?。?）每行代碼結束處的空格字符：是編輯HTML代碼時(shí)，不小心加上的。只要我們在每行代碼的結束位置向右移動(dòng)光標，如果光標不換行，則說(shuō)明該頁(yè)面還存在空格字符。西安做網(wǎng)站推薦閱讀>>> 網(wǎng)站內部結構優(yōu)化_如何優(yōu)化網(wǎng)站的內部結構,

　?。?）空白行：在編寫(xiě)代碼時(shí)，常利用空行或者注釋對不同功能模塊進(jìn)行分隔，這樣就產(chǎn)生了空白行。

　　對于頁(yè)面中不同位置上的空格字符，清理的方式也有嗦不同，下面介紹幾種常用的空格字符清理方法。

　　每行代碼開(kāi)始前的空格字符

　　對于每行代碼開(kāi)始錢(qián)的空格字符，可以使用Dreamweaver或者EditPlus等軟件進(jìn)行清理。具體操作步驟如下：

　?。?）轉至HTML代碼編輯模式（如果是Dreamweaver）；

　?。?）按Ctrl+A選擇全部代碼；

　?。?）使用組合鍵Shift+Tab，直至刪除所有空格為止。

　　下面的代碼1是清理空格前的效果，而代碼2則是清理空格字符后的效果。

　　代碼1：

　　<table width="100%" border="0" cellsoacing="0" cellpadding="0">

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　</table>

　　代碼2：

　　<table width="100%" border="0" cellsoacing="0" cellpadding="0">

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　</table>

　　空行

　　對于空行中空格字符的清理，只能手工逐行去掉。

　?。?）首先，使用鼠標選擇空行；

　?。?）再按Delete鍵，即可刪除空行。

　　每行代碼結尾處的空格字符對于每行代碼介紹處的空格字符，我們可以使用Editplus或者其他文筆編輯軟件的替換功能進(jìn)行清理：

　?。?）用鼠標選擇“>”+“一個(gè)空格字符”，即“>”；

　?。?）再按Ctrl+F，就會(huì )彈出一個(gè)窗口；

　?。?）“替換”處填上“>”，再點(diǎn)擊“全部替換”即可。

　　頁(yè)面經(jīng)過(guò)清理空格字符后，大概可以刪除70%左右的垃圾代碼。也就是說(shuō)，空格字符的代碼量大概占總垃圾代碼的70%，還有30%左右的垃圾代碼分布在默認屬性、注釋語(yǔ)句及空語(yǔ)句中。

　　〇默認屬性

　　在利用網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)時(shí)，通常會(huì )產(chǎn)生一些默認屬性的代碼。例如，我們在HTML代碼中不添加左對齊屬性，頁(yè)面中的內容也是以左對齊的方式顯示的，所以代碼中的左對齊屬性是可以刪除的。

　　在頁(yè)面中，還有很多其他屬性都是默認屬性，以下是比較常見(jiàn)的。

　?。?）align=“left”：橫向居左對齊屬性值，默認情況下文章或者圖片都是橫向居左對齊的。

　?。?）valign=“middle”：豎向居中對齊屬性值，默認情況下文章或者圖片都是豎向居中對齊的。西安網(wǎng)站建設推薦閱讀>>> Html代碼標簽SEO優(yōu)化建議,

　?。?）size=“3”：文字大小屬性值，默認情況下是3號字體。

　?。?）target=”_self“：新頁(yè)面打開(kāi)屬性值，默認情況下網(wǎng)頁(yè)中文本的字體顏色是黑色。

　　利用Dreamweaver的替換功能，可以完成對默認屬性代碼的替換。在“查找”中填上要替換的默認屬性代碼，“替換”處留空白，還可以在“查找范圍”上選擇替換范圍，然后點(diǎn)擊“替換全部”就可以刪除“產(chǎn)照范圍”內所有指定的默認屬性代碼。

　　〇注釋語(yǔ)句

　　注釋語(yǔ)句是用于對代碼功能或作用進(jìn)行說(shuō)明的語(yǔ)句，注釋語(yǔ)句里的內容對于普通用戶(hù)來(lái)說(shuō)就是不可見(jiàn)的。即普通用戶(hù)在頁(yè)面中是看不到HTML代碼中注釋標簽里的內容。

　　在制作網(wǎng)頁(yè)的時(shí)候，我們或多或上會(huì )添加注釋語(yǔ)句一增強代碼的可讀性。但是，過(guò)多的注釋語(yǔ)句會(huì )占用大量的存儲空間。不僅如此，如果在注釋標簽里添加大量的關(guān)鍵字，還會(huì )被搜索引擎認為是堆砌關(guān)鍵字，從而對網(wǎng)站進(jìn)行懲罰。

　　所以，在添加注釋語(yǔ)句時(shí)，我們要堅守一個(gè)院長(cháng)：絕不添加哪些即使刪除后也不會(huì )影響網(wǎng)頁(yè)源代碼可讀性的注釋語(yǔ)句。

　　〇空語(yǔ)句

　　垃圾代碼清理的最后一步就是刪除代碼中的空語(yǔ)句。簡(jiǎn)單地說(shuō)，空語(yǔ)句就是指標簽間不存在任何內容的語(yǔ)句。

　　空語(yǔ)句的清理主要針對即使刪除后也不會(huì )影響頁(yè)面正常顯示的標簽。但有一部標簽是不能刪除的（如<tr>、<td>），否則頁(yè)面將會(huì )出現錯亂。

　　手工編寫(xiě)HTML代碼是搜索引擎優(yōu)化從業(yè)者必須具備的基本技能。如果你已經(jīng)具備手工編寫(xiě)HTML代碼的能力，就應該有限采用手工編寫(xiě)代碼的方式制作網(wǎng)頁(yè)。

　　經(jīng)過(guò)垃圾代碼清理后，頁(yè)面中70%以上的多余代碼已經(jīng)被清楚，但是，精簡(jiǎn)代碼的工作并沒(méi)有完成。接下來(lái)就是暫緩HTML中的長(cháng)標簽，以及對CSS，JavaScript進(jìn)行優(yōu)化，