談HTML代碼優化

就像我們的屋宇需求定期保潔同樣,網頁的代碼也需求定期的徹底整理。
隨著時間的推移,當對一個網頁施行更改或更新的過程中,也同特殊情況萌生眾多不不可缺少的代碼堆積。這些個無用代碼不惟會減低網頁的敞開速度,同時還會損害網頁的速率。更有甚者,亂蓬蓬的html代碼也會嚴重影響到您的搜索引擎網站名次。

這種事物樣子在運用諸如FrontPage或Dreamweaver這一類運用所見即所得(WYSIWYG)的網頁編輯軟件編輯的網頁中表達尤為表面化。這些個編輯軟件固然能夠敏捷地生成網頁,但卻有可能裡面含有數量多冗餘代碼,因此沒有辦法保障代碼的整潔簡潔。

我將借此文主要只針對實際的HTML編碼就這一點兒施行研究討論,而對網頁中有可能運用到的其他編程語言,如javascript等則一並疏忽掉。

最早在運用HTML語言對網頁施行編輯時,我們會用象字體和

段落這麼的標簽。而後在這些個標簽之間放入網頁的內部實質意義、鏈接和圖片等。每一次對網頁上的款式的變更都需求借助新的HTML標簽來成功實現這種變更。後來有了CSS式樣表,經過CSS我們可以將款式一次性定義好,成功實現網頁款式和結構的離合,因此可在網頁中隨心調配使用該款式,並經過對CSS設置來輕松扼制整個兒頁面的布局。

為了加速網頁的下載速度,這就需求我們讓網頁的HTML源碼盡有可能地減損。事情的真實情況上不需要,網站也不會願意去刪去不論什麼網站的可視內部實質意義,這會兒對源碼中駢枝代碼的掃除淨盡就顯得一定要進行。對駢枝代碼的掃除淨盡和源碼的精簡,我們就能夠開創一個大小更小,下載速度更快的網頁。

隨著時間的推移,HTML也在變動著,如今對於同一件事物,我們可以有眾多種形式和挑選來完成。例如對字體加粗,在HTML下可以有兩種挑選:一種是標簽,額外一種就是標簽。我們可以看見:運用標簽要比多出10個字符。(譯者注:固然標簽多5個字符,但互聯網領軍的標准制定團體W3C仍然提議將標簽作為首選。)

這就是掃除淨盡代碼的第1個原則:運用最簡單的HTML編碼形式。

HTML具備在代碼中嵌套代碼的有經驗。如果如今有一行書契『HTML CODE CLEANING PRINCIPLES』,那裡面『CLEANING』要求粗體。有的人有可能會這麼寫:
HTML CODE
CLEANING

PRINCIPLES

這些個源碼一共佔了117個字符。顯然,這是一種很笨拙低劣的HTML編碼,但在運用『所見即所得』的軟件下編輯的網頁有時便會顯露出來這麼的事物樣子。我們將上面所說的冗餘代碼徹底整理,並運用代碼內嵌在這以後,上面所說的代碼可精簡為:
Heading1
Paragraph1
Heading2
Paragraph2
……
對於每個題目和段落內部實質意義,都需求重復編著款式代碼,這麼下出處碼中將會萌生眾多HTML代碼。倘使我們利用CSS來成功實現款式的切換,則CSS式樣表代碼只需在區中定義一次,在正文中調配使用即可。形如:


Heading1

Paragraph1

Heading2

Paragraph2

Heading3

Paragraph3

… …