HTML 代碼優化的三項原則
像春天清洗房子, 您的網頁HTML 代碼應該得到週期性清潔。在時間期間, 作為變動和更新被做對網頁, 代碼能成為亂丟以多餘的凌亂, 減速頁裝貨時間和傷害您的網頁效率。凌亂的HTML 可能嚴重並且衝擊您的搜索引擎等第。
這是特別真實的如果您使用所見即所得(什麼您看見是什麼您得到) 網設計包裹譬如FrontPage 或Dreamweaver 。這些節目將加速您的網站創作, 但他們不是那高效率在文字乾淨的HTML 代碼。
我們集中這次討論於實際HTML 編制程式, 忽略也許被使用在頁譬如Java 語言的其它編程語言。在代碼例子我使用(和) 字符代替正確HTML 以便代碼例子適當地將顯示在這時事通訊裡。
近來當編碼頁在HTML 我們會用盡標記譬如(字體) 標記和(p) 段標記。在這些標記之間會是我們的頁內容、文本、圖像和鏈接。每次格式化變動做了在新標記必要以完全格式化為新區分的頁。我們最近獲取了能力使用級聯類型表, 允許我們寫格式化一次和然後提到那格式化多次在網頁之內。
為了加速頁裝貨時間我們需要有少量字符在頁當觀看在HTML 編輯。因為我們真正地不想要去除任何我們可看見的內容我們需要看對HTML 代碼。由清掃這個代碼我們能去除字符, 因此創造迅速將裝載的一個更小的網頁。
隨時間HTML 改變了並且我們現在有許多不同的方式做同樣事。例子會是代碼使用顯示黑體字面孔。在HTML 我們有二個主要選擇、(強的) 標記和(b) 標記。如同您能看(強的) 標記比(b) 標記使用5 個另外字符, 並且如果我們考慮關閉的標記我們看見使用(strong)(/strong) 標記對比更加乾淨的(b)(/b) 標記對使用10 個另外字符。
這是我們的乾淨的HTML 代碼的第一項原則: 使用最簡單的編制程式方法可利用。
HTML 有嵌套代碼的能力在其它代碼之內。例如我們能有一條線以中間詞是在大膽的三個詞。這能由完全地改變完成格式化每次可看見的格式化改變。考慮這個代碼:
(字體face=?times?)This(/font)
(字體face=?times?)(strong)BOLD(/strong)(/font)
(字體face=?times?)Word(/font)
這佔去90 個字符。
這是非常窮地書面HTML 和是什麼您偶爾地將得到何時使用所見即所得編輯。從(字體) 標記重覆我們能簡單地築巢的同樣資訊(強的) 標記在(字體) 標記裡面, 和更好使用(b) 標記代替(強的) 標記。這會給我們這個代碼(字體face=?times)This (b)BOLD(/b) Word(/font), 佔去只46 個字符。
這是我們的乾淨的HTML 代碼的第二項原則: 使用被築巢的標記當可能時。注意, 所見即所得編輯頻繁地更新格式化將由增加層數在被築巢的代碼以後層數。如此當您清掃代碼尋找重複被築巢的代碼由您的所見即所得安置那裡編輯節目。
有使用HTML 標記的一個大問題是, 我們需要重覆標記編制程式每當我們改變格式化。CSS 出現給我們巨大好處在乾淨的編制程式由給我們對佈局格式化一次在文件, 多次簡單地然後提到它。
如果我們有交換在二不同類型格式化之間, 譬如標題在藍色, 大膽的六段在頁, Ariel, 估量4 和分段文本在黑色, 時期, 大小2, 使用我們會需要列出那完全格式化的標記每次我們做變動。
(字體face=?Ariel? color=?blue? size=?4?)(b)Our heading(/b)(/font)
(字體face=?Times color=?black? size=?2?)Our paragraph(/font)
(字體face=?Ariel? color=?blue? size=?4?)(b)Our 其次heading(/b)(/font)
(字體face=?Times color=?black? size=?2?)Our 其次paragraph(/font)
我們然後會重覆這為各標題和段, 許多HTML 代碼。
以我們能創造CSS 樣式為各種格式化類型的CSS, 列出樣式一次在頁的倒栽跳水, 和簡單地然後參見樣式每次我們做變動。
(頭)
(樣式type="text/css")
(! - -
style1 {
字體家庭: Arial, 海爾維希, sans-serif;
字體重量: 大膽;
字體大小: 24px;
}
style2 {
字體家庭: "Times.new.roman", 時期, serif;
字體大小: 12px;
}
--)
(/樣式)
(/頭)
(身體)
(p class="style1")Heading(/p)
(p class="style2")Paragraph Text(/p)
(/身體)
注意, 樣式被創造在頁的頂頭部分和簡單地然後參考在身體部分。因為我們增加更多格式化我們簡單地會繼續提到早先被創造的樣式。
這是我們的乾淨的HTML 代碼的第三項原則: 使用CSS 樣式當曾經可能。CSS 有幾個其它好處, 譬如能安置CSS 樣式在一個外在文件, 因此減少頁面大小, 和能力迅速更新格式化站點寬由簡單地更新外部CSS 樣式文件。
如此以您的HTML 代碼一些簡單的清潔您能容易地減少文件大小和做一個快速的裝貨、傾斜和卑鄙網頁。
關於作者:
喬治・Peirson 是一位成功的企業家和網際網路教練員。他像Photoshop, 閃光和Dreamweaver 是30 個多媒體的作者根據了講解訓練標題包括如此題目。看他的訓練集合參觀 www.howtogurus.com
文章來源: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
網管得到HTML代碼
加上這條到你的網站！
網站管理員提交你的文章
無須登記！填寫好的表格和你的文章是在 Messaggiamo.Com 目錄！
