清理網站中的垃圾代碼以及清除垃圾代碼的好處

清理垃(la)圾代(dai)碼(ma)(ma)是指刪(shan)(shan)除(chu)頁面(mian)中的(de)多余代(dai)碼(ma)(ma)。一個(ge)頁面(mian)經由(you)垃(la)圾代(dai)碼(ma)(ma)清理后，可以(yi)刪(shan)(shan)除(chu)接(jie)近80%的(de)多余代(dai)碼(ma)(ma)。然而，什(shen)么(me)樣的(de)代(dai)碼(ma)(ma)才是垃(la)圾代(dai)碼(ma)(ma)呢(ni)？優(you)化精(jing)簡網(wang)頁代(dai)碼(ma)(ma)后對網(wang)站(zhan)排名和權重(zhong)有什(shen)么(me)提高嗎？下面(mian)泰州網(wang)站(zhan)建設(she)宇(yu)易網(wang)絡對幾個(ge)概念做個(ge)介紹。

1.什么是垃圾代碼

垃圾代(dai)碼(ma)就是指刪除后不會(hui)影(ying)響頁面正常(chang)顯示的(de)(de)(de)非必要的(de)(de)(de)代(dai)碼(ma)。這些代(dai)買占(zhan)據著龐大(da)的(de)(de)(de)空間(jian)(jian)，不但消耗(hao)用戶下載頁面的(de)(de)(de)時間(jian)(jian)，還占(zhan)用搜索引擎巨大(da)的(de)(de)(de)存儲空間(jian)(jian)，增加搜索引擎分析數(shu)據的(de)(de)(de)時間(jian)(jian)。然而，這么龐大(da)的(de)(de)(de)垃圾代(dai)碼(ma)是如何產生(sheng)的(de)(de)(de)呢？

2.垃圾代碼的產生

一(yi)般情況下，我們會使用網(wang)(wang)頁制作(zuo)(zuo)軟件(jian)制作(zuo)(zuo)網(wang)(wang)頁，如(ru)FrontPage、Word及(ji)Dreamweaver。這些(xie)網(wang)(wang)頁制作(zuo)(zuo)軟件(jian)在制作(zuo)(zuo)網(wang)(wang)頁的(de)(de)時候，會天生相應的(de)(de)HTML代碼，其中大部(bu)門是(shi)必要的(de)(de)，而有(you)一(yi)小部(bu)門則(ze)是(shi)可有(you)可無的(de)(de)，這就是(shi)所謂(wei)的(de)(de)垃(la)圾(ji)代碼。因此，避免產生垃(la)圾(ji)代碼最(zui)好(hao)的(de)(de)辦(ban)法就是(shi)以手工編寫代碼的(de)(de)方式制作(zuo)(zuo)網(wang)(wang)頁。

即使(shi)是同樣內容的(de)(de)網頁(ye)，使(shi)用(yong)不(bu)同的(de)(de)網頁(ye)制(zhi)作軟件進行(xing)制(zhi)作，所產生的(de)(de)代(dai)碼也(ye)會存在很大的(de)(de)區(qu)別(bie)。在沒(mei)有把握手工編寫代(dai)碼前，可以使(shi)用(yong)Dreamweaver制(zhi)作網頁(ye)，完成后(hou)再清理其中的(de)(de)垃圾代(dai)碼。

3.垃圾代碼的清理

〇空格

空(kong)(kong)格字(zi)符(fu)(fu)是網(wang)(wang)頁(ye)中(zhong)最(zui)常見的(de)垃圾代碼。但此(ci)處討論(lun)的(de)空(kong)(kong)格字(zi)符(fu)(fu)并非HTML語言中(zhong)的(de)“；”標簽，而是指(zhi)在代碼編纂環境下敲擊(ji)鍵盤上的(de)空(kong)(kong)格鍵所產生的(de)符(fu)(fu)號。網(wang)(wang)頁(ye)中(zhong)每個(ge)空(kong)(kong)格都相稱(cheng)于一個(ge)字(zi)符(fu)(fu)，因此(ci)，空(kong)(kong)格字(zi)符(fu)(fu)也會占用巨大的(de)空(kong)(kong)間。初步同濟，空(kong)(kong)格字(zi)符(fu)(fu)約占用頁(ye)面(mian)總體積的(de)1.5%。也就是說，一個(ge)100KB的(de)頁(ye)面(mian)中(zhong)，其(qi)中(zhong)1.5KB是空(kong)(kong)格字(zi)符(fu)(fu)。

空(kong)格字(zi)符(fu)通常會泛(fan)起在每行代碼的開始和結束處，還有就是空(kong)行中。

（1）每行(xing)**始前的空格字(zi)符：是(shi)網頁制作(zuo)軟件天生代碼時，默認產(chan)生的縮(suo)進(jin)字(zi)符。

（2）每行(xing)(xing)代碼(ma)結束(shu)處的(de)空(kong)(kong)格字符：是編纂(zuan)HTML代碼(ma)時，不小心加(jia)上的(de)。只要我們在每行(xing)(xing)代碼(ma)的(de)結束(shu)位置向(xiang)右移(yi)動光標，假(jia)如光標不換(huan)行(xing)(xing)，則說(shuo)明該頁面還存在空(kong)(kong)格字符。

（3）空缺行：在編寫(xie)代碼(ma)時，常利用空行或者注釋對(dui)不同(tong)功能(neng)模(mo)塊(kuai)進行分隔(ge)，這樣就產(chan)生了空缺行。

對于頁面(mian)中不同(tong)位置(zhi)上的空格字(zi)符(fu)(fu)，清(qing)(qing)理(li)的方(fang)(fang)式(shi)也有嗦不同(tong)，下面(mian)先(xian)容幾種常用(yong)的空格字(zi)符(fu)(fu)清(qing)(qing)理(li)方(fang)(fang)法。

每(mei)行**始前的空格字符(fu)

對(dui)于每行(xing)**始錢的空(kong)格字符，可以(yi)使用Dreamweaver或者EditPlus等軟(ruan)件(jian)進行(xing)清(qing)理。詳細操縱步驟如下(xia)：

（1）轉至HTML代碼編纂模式（假(jia)如(ru)是Dreamweaver）；

（2）按Ctrl+A選擇(ze)全(quan)部(bu)代(dai)碼；

（3）使用組合鍵Shift+Tab，直(zhi)至刪除所有(you)空(kong)格(ge)為(wei)止。

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

（1）首先，使用鼠標選擇空行；

（2）再按Delete鍵(jian)，即可刪除空行。

每行代碼結(jie)尾處的空格(ge)字符

對于(yu)每行代碼(ma)先容(rong)處(chu)的空(kong)格字符，我們可以使用Editplus或者其(qi)他文筆編纂軟件(jian)的替(ti)代功能進(jin)行清理：

（1）用鼠標選擇“>”+“一(yi)個空格(ge)字符”，即“>”；

（2）再按Ctrl+F，就會彈出一個窗口；

（3）“替(ti)代”處填(tian)上“>”，再點擊(ji)“全部替(ti)代”即可。

頁(ye)面(mian)經由(you)清理空格(ge)字(zi)(zi)符后，大概可以刪(shan)除(chu)70%左(zuo)右的垃(la)圾代碼。也(ye)就(jiu)是說，空格(ge)字(zi)(zi)符的代碼量大概占總垃(la)圾代碼的70%，還(huan)有30%左(zuo)右的垃(la)圾代碼分布(bu)在(zai)默認屬(shu)性、注(zhu)釋語句及(ji)空語句中(zhong)。

〇默認屬性

在利用網頁(ye)制作軟件(jian)制作網頁(ye)時，通常(chang)會產生(sheng)一些默認屬性(xing)的(de)(de)代(dai)碼。例如，我(wo)們在HTML代(dai)碼中不添加左對齊屬性(xing)，頁(ye)面中的(de)(de)內容也是以左對齊的(de)(de)方式顯(xian)示(shi)的(de)(de)，所以代(dai)碼中的(de)(de)左對齊屬性(xing)是可以刪除的(de)(de)。

在(zai)頁面中，還(huan)有良多其(qi)他(ta)屬(shu)性都是默認(ren)屬(shu)性，以(yi)下(xia)是比較常(chang)見的(de)。

（1）align=“left”：橫向(xiang)居左對(dui)齊屬性(xing)值，默認情況下文章或者圖片都(dou)是橫向(xiang)居左對(dui)齊的。

（2）valign=“middle”：豎向居中對齊屬性(xing)值，默(mo)認情況(kuang)下(xia)文章或者(zhe)圖片都(dou)是豎向居中對齊的(de)。

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

（4）target=”_self“：新(xin)頁面打開屬性值，默(mo)認情況(kuang)下網頁中文本的字體顏色(se)是玄色(se)。

利用(yong)Dreamweaver的(de)(de)替(ti)(ti)代(dai)功能(neng)，可(ke)(ke)以完成對默(mo)認屬性代(dai)碼的(de)(de)替(ti)(ti)代(dai)。在“查找(zhao)”中填上(shang)(shang)要替(ti)(ti)代(dai)的(de)(de)默(mo)認屬性代(dai)碼，“替(ti)(ti)代(dai)”處留空缺，還可(ke)(ke)以在“查找(zhao)范(fan)圍”上(shang)(shang)選擇替(ti)(ti)代(dai)范(fan)圍，然后點擊(ji)“替(ti)(ti)代(dai)全部”就(jiu)可(ke)(ke)以刪(shan)除“產(chan)照范(fan)圍”內所有指定的(de)(de)默(mo)認屬性代(dai)碼。

〇注釋語句

注(zhu)釋語(yu)句(ju)(ju)是用(yong)于對代碼功能或作用(yong)進行說明的(de)語(yu)句(ju)(ju)，注(zhu)釋語(yu)句(ju)(ju)里的(de)內容對于普通(tong)用(yong)戶來說就是不(bu)可見的(de)。即(ji)普通(tong)用(yong)戶在(zai)頁(ye)面中(zhong)是看不(bu)到HTML代碼中(zhong)注(zhu)釋標簽里的(de)內容。

在(zai)制作網頁的時候，我們或多或上會(hui)添(tian)加注釋語句(ju)一增(zeng)強代碼的可(ke)讀性。但是(shi)，過多的注釋語句(ju)會(hui)占用大(da)量的存儲(chu)空間(jian)。不(bu)僅(jin)如斯，假(jia)如在(zai)注釋標簽(qian)里(li)添(tian)加大(da)量的樞(shu)紐字，還(huan)會(hui)被(bei)搜索引擎以為(wei)是(shi)堆砌樞(shu)紐字，從而對網站進行懲罰。

所以，在添加注(zhu)釋語(yu)句(ju)時，我們要(yao)堅守一(yi)個院長(chang)：毫不添加哪些即使刪除后也不會(hui)影響(xiang)網頁源(yuan)代(dai)碼可讀性的注(zhu)釋語(yu)句(ju)。

垃圾代碼清理的最后一步就是刪除代碼中的空語句。簡樸地說，空語句就是指標簽間不存在任何內容的語句。

空語句的清理主要針對即使刪除后也不會影響頁面正常顯示的標簽。但有一部標簽是不能刪除的（如、），否(fou)則(ze)頁面將(jiang)會泛起錯亂。

手工編寫HTML代碼是搜索引擎優化從業者(zhe)必需具備(bei)的基本技能(neng)。假如你已經具備(bei)手(shou)工(gong)編寫(xie)HTML代(dai)碼(ma)的能力，就應該有限(xian)采用手工編寫代(dai)碼(ma)的方式制作網頁。