就像春天打掃房子，你的網頁的 html 代碼應該得到定期清洗也。隨著時間推移，隨著到 web 頁中，所做的更改和更新代碼可以成為充斥不必要的混亂，放緩頁面載入時間，傷害了您的 web 頁的效率。雜亂的 html 也嚴重可能會影響您的搜尋引擎排名。
特別是如果您正在使用 FrontPage 或者 Dreamweaver 等所見即所得 (你看看是什麼你） 的 web 設計包。這些程式會加快您的網站創建，但他們不是在寫乾淨的 html 代碼，效率高。
我們將關注實際的 html 編碼，忽略其他程式設計語言如 javascript） 頁中可使用此探討。在代碼示例中我將使用 （和） 字元，而正確的 html 這樣的代碼示例將在此新聞稿中正確顯示。
直到最近在 HTML 頁面進行編碼時我們會使用標記如標記 （字體） 和 (p) 段落標記。這些標記之間將我們的頁面內容、 文本、 圖像和連結。在頁面進行了格式設置更改每次用新節的完整格式需要有新的標記。最近，我們獲得使用階層式樣式表，讓我們寫一次的格式和格式在 web 頁中的幾次，然後參閱的能力。
為了加快頁面載入時間，我們需要在 html 編輯器中查看時的頁上有更少的字元。由於我們真的不想刪除任何我們可見的內容我們要看的 html 代碼。通過清理此代碼我們可以刪除字元，從而創造一個更小的 web 頁，將會更快地載入。
隨著時間的推移已更改 HTML，而現在，我們有很多不同的方式做相同的事。使用的代碼以顯示粗體的臉就是一個示例。在 HTML 中，我們有兩個主要選擇、 （強） 標記和 (b) 標記。正如您看到的 （強） 的標記使用 5 比 (b) 標記中，更多的字元，如果我們考慮結束標記以及我們看到該使用 (strong)(/strong) 標記對使用 10 多個字元的比吸塵器 (b)(/b) 標記對。
這是我們的第一原則的乾淨的 HTML 代碼：使用最簡單的編碼方法。
HTML 有嵌套在其他代碼內的代碼的能力。比如，我們可以有帶有三個字的線中間一詞在那裡以粗體顯示。這可以通過更改格式完全每次可見的格式更改。此代碼，請考慮：
(字型 = 《 時報 》）This(/font)
(字型 = 《 時報 》）（強）BOLD(/strong)(/font)
(字型 = 《 時報 》）Word(/font)
這占了 90 個字元。
這很難寫 html，就是你偶爾會使用所見即所得的編輯器時。由於 （字體） 標籤重複相同的資訊，我們可以只需嵌套 （強） 內部 （字體） 的標記，標記和更好的使用 (b) 標記而不是 （強） 的標記。這個會讓我們此代碼 （字體面 ="時代） 此 （b)BOLD(/b) Word(/font)，佔用了僅 46 個字元。
這是我們第二個原則的乾淨的 HTML 代碼：使用嵌套的標記進行。請注意，所見即所得的編輯經常更新通過圖層添加圖層的嵌套代碼後的格式。於是，當你在清理冗余的嵌套代碼由您所見即所得的編輯程式放置代碼查找。
使用 HTML 標記個大的問題是我們需要重複標記編碼，每當我們更改格式設置。CSS 的到來使我們很大的優勢，在清潔編碼通過允許我們到佈局中的格式設置一次一個文檔，然後只需引用它反復。
如果我們有在頁中兩種不同類型的格式，如藍、 加粗、 阿里爾、 大小 4 和黑、 時間、 大小 2，段落文本中的標題之間切換的六段使用標記我們需要列出的完整格式每次我們進行更改。
(字型 ="Ariel"顏色"藍色"大小 = ="4"）() b我們的 heading(/b)(/font)
(字型 ="顏色時間 ="黑色"大小 ="2"）我們的 paragraph(/font)
(字型 ="Ariel"顏色"藍色"大小 = ="4"）() b我們下一步的 heading(/b)(/font)
(字型 ="顏色時間 ="黑色"大小 ="2"）我們下一步的 paragraph(/font)
我們然後重複此步驟為每個標題和段落，大量的 html 代碼。
用 CSS 可以為每種格式類型創建 CSS 樣式、 列出一次中的頁，標頭的樣式，然後簡單地引用樣式每次我們進行更改。
(頭)
（樣式類型 ="文本/css"）
(!--
.style1 {
字型家族： arial 字體，字體，無襯線 ；
字體粗細: 加粗 ；
字體大小： 同 ；
}
.style2 {
字型家族："Times New Roman"、 倍、 襯線 ；
字體大小： 我們已經將這些 ；
}
--)
（/樣式）
（/頭）
(正文)
(p 類 ="style1"）Heading(/p)
(p 類 ="■"）段 Text(/p)
(車身)
樣式是在頁的頭部分中創建，然後簡單地引用在主體節的通知。我們添加更多的格式，我們只需將繼續到以前創建的樣式，請參閱。
這是我們第三個原則的清潔的 HTML 代碼：使用 CSS 樣式時過可能。CSS 有幾個其他的好處，例如可以將 CSS 樣式放在外部檔，從而減少更多的頁面大小和快速更新只需更新外部 CSS 樣式檔的格式設置網站範圍的能力。
與您的 HTML 代碼的一些簡單清洗可以輕鬆地減小檔大小，並使快速裝載，所以精益，意味著 web 頁。
No comments:
Post a Comment