大學(xué)html網(wǎng)頁制作作業(yè),大多數(shù)開發(fā)者會(huì)通過JavaScript和圖片來優(yōu)化,通過服務(wù)器配置,壓縮文件和合并文件 – 甚至調(diào)整CSS(合并小圖片)??蓱z的HTML老是被忽視,盡管它一直是網(wǎng)絡(luò)的核心語言。
HTML正在變得越來越大。排名前100的網(wǎng)站每個(gè)HTML頁面大多在40K左右。亞馬遜和雅虎使用上千個(gè)HTML頁面。在youtube.com主頁面,HTML元素高達(dá)3500個(gè)。
減少的HTML復(fù)雜性和一個(gè)頁面的元素?cái)?shù)量并不會(huì)明顯提高解析時(shí)間 – 但HTML是構(gòu)建極速網(wǎng)頁,和適應(yīng)不同設(shè)備并影響成功的一個(gè)關(guān)鍵性的因素。
在本文中,您將了解如何編寫簡潔干凈的HTML,使您能夠創(chuàng)建快速加載并支持多種設(shè)備的網(wǎng)站,將易于調(diào)試和維護(hù)。
寫代碼的方法并不是只有一種-尤其是HTML。這里只是講解一般經(jīng)驗(yàn),但并不是唯一正確的選擇。
HTML, CSS 和 JavaScript
HTML是一種標(biāo)記語言,用于表示結(jié)構(gòu)和內(nèi)容。
HTML不應(yīng)被用來顯示風(fēng)格和樣式。不要為了顯得“更大”把文字寫在標(biāo)題標(biāo)簽(h1~h6)中,或只是為了縮進(jìn)而使用blockquotes元素。相反,使用CSS來改變?cè)氐耐庥^和布局。
HTML元素的默認(rèn)外觀是通過瀏覽器的默認(rèn)樣式實(shí)現(xiàn)的:Firefox,Internet Explorer和Opera均不一樣。例如,在Chrome中默認(rèn)h1元素呈現(xiàn)為32px的大小。
三個(gè)基本原則:
使用HTML表示結(jié)構(gòu),CSS用來表現(xiàn)不同樣式的風(fēng)格和主題。JavaScript來響應(yīng)用戶行為。
使用HTML,必要時(shí)借助CSS,并且在不得己時(shí)再添加JavaScript。例如:在許多情況下,你可能使用HTML表單進(jìn)行驗(yàn)證,使用CSS或SVG來實(shí)現(xiàn)動(dòng)畫。
將CSS和JavaScript從你的HTML代碼中分離。讓他們能夠緩存,這使代碼更易于調(diào)試。在生產(chǎn)中,CSS和JavaScript是可以壓縮合并的,應(yīng)該作為你Build系統(tǒng)的一部分。? 注* 參見 JavaScript構(gòu)建(編繹)系統(tǒng)大比拼
Web網(wǎng)頁成功的一個(gè)主要因素就是瀏覽器可以處理無效的HTML。瀏覽器還有一些如何呈現(xiàn)無效代碼的標(biāo)準(zhǔn)化規(guī)則。
但是,這不你放任的理由。有效的HTML更容易調(diào)試,往往文件更小,速度更快,占用資源更少,因?yàn)樗鼈冧秩靖?。無效的HTML讓響應(yīng)式設(shè)計(jì)難以實(shí)施。
使用模板的時(shí)候?qū)懹行У腍TML是特別重要的。
在你的BUILD系統(tǒng)中驗(yàn)證HTML:使用驗(yàn)證插件,如HTMLHint和SublimeLinter來檢查你HTML的語法。
使用HTML5文檔類型。
請(qǐng)務(wù)必保持HTML的層次:正確嵌套元素,確保沒有任何未關(guān)閉的元素。它可以幫助調(diào)試者添加注釋。
在哪里租用的虛擬主機(jī)和網(wǎng)站空間,就要在哪里進(jìn)行網(wǎng)站備案,網(wǎng)站備案需要提供完整真實(shí)的資料,否則無法通過,推薦來域名頻道,一站式服務(wù)。
虛擬主機(jī)95%均有贈(zèng)送數(shù)據(jù)庫,一般不需要單獨(dú)購買。支持子站的主機(jī),若要開設(shè)多個(gè)網(wǎng)站時(shí),默認(rèn)只贈(zèng)送一個(gè)數(shù)據(jù)庫。
域名頻道專人駐守,支持電話、在線等多種聯(lián)系方式 24x7x365不間斷監(jiān)控,機(jī)房實(shí)地應(yīng)急響應(yīng),獨(dú)有服務(wù)器管理監(jiān)控平臺(tái),隨時(shí)了解服務(wù)器信息,確保無憂暢行。
訪問域名頻道官網(wǎng)m.fascinatingdeals.com,開始你的網(wǎng)站空間租用和建站之旅。