首先非常感謝李剛老師出的這本書《HTML5/CSS3/JavaScript講義》,今天讀了第一章節(jié)的內(nèi)容,趁熱打鐵,總結(jié)一下。
專注于為中小企業(yè)提供成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)三臺(tái)免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上千企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。HTML5的時(shí)代已經(jīng)到來,它對(duì)所有的前端開發(fā)人員來說是一種福音。HTML5致力于解決跨瀏覽器問題,可以部分取代JavaScript,HTML5致力于把瀏覽器變成一個(gè)前端執(zhí)行程序環(huán)境,而不是簡(jiǎn)單地視圖工具。
第一部分,了解HTML和XHTML
HTML——Hyper Text Markup Language(超文本標(biāo)記語(yǔ)言),它的發(fā)展史比較復(fù)雜,從1991年年底推出HTML,當(dāng)時(shí)HTML并沒有嚴(yán)格的定義,一路走來HTML2.0,HTML3.2,HTML4.0,HTML4.0.1,XHTML1.0。XHTML可謂是歷盡了千錘百煉。
XHTML——eXtensible Hyper Text Markup Language(擴(kuò)展的超文本標(biāo)記語(yǔ)言)。
HTML4.0.1和XHTML具備了良好的兼容性,而且XHTML是更嚴(yán)格、更純凈的HTML代碼。
我們習(xí)慣性的認(rèn)為HTML是一種結(jié)構(gòu)化的文檔,但實(shí)際上HTML的語(yǔ)法十分的自由、寬容(主要是各個(gè)瀏覽器縱容的結(jié)果)比如如下的代碼,HTML標(biāo)簽有頭無(wú)尾,非常不規(guī)范:
<html> <head> <title>混亂的html文檔<title> <body> <h2>混亂的html文檔
這顯然違背了結(jié)構(gòu)化文檔的規(guī)則,但是用瀏覽器來瀏覽這份文檔時(shí),依然可以看到瀏覽效果——這就是html不規(guī)范的地方。而XHTML致力于消除這種規(guī)范,XHTML要求HTML文檔首先必須是一份XML文檔。
通常,計(jì)算機(jī)里的瀏覽器可以對(duì)付各種不規(guī)范的HTML文檔,但現(xiàn)在很多瀏覽器運(yùn)行在移動(dòng)電話和手持設(shè)備上,它們就沒有能力來處理那些糟糕的標(biāo)記語(yǔ)言。
第二部分:從XHTML到HTML5
WHATWG(Web Hypertext Application Technology Workding Group,Web超文本應(yīng)用技術(shù)工作組)制定了一個(gè)新的HTML標(biāo)準(zhǔn),HTML5。
大量的調(diào)查表明:即使在一些正規(guī)的網(wǎng)站中,也很少有網(wǎng)站能通過HTML規(guī)范驗(yàn)證。僅有6.57%的網(wǎng)站符合HTML規(guī)范驗(yàn)證。如果把那些名不見經(jīng)傳的小網(wǎng)站考慮在內(nèi),整個(gè)互聯(lián)網(wǎng)幾乎都是不符合規(guī)范的HTML頁(yè)面。
現(xiàn)有的HTML頁(yè)面大量存在如下4中不符合規(guī)范的內(nèi)容
1.元素的標(biāo)簽大小寫混雜。比如:<p></P>。
2.元素沒有合理結(jié)束的情況。比如:只有<p>沒有</p>。
3.元素中的屬性沒有指定屬性值。比如<input type="text" disabled>。
4.為元素的屬性指定屬性值時(shí)沒有使用引號(hào)。比如:<input type=text>。
出于“存在即合理”的考慮,WHATWG組織開始定義一種“妥協(xié)式”的規(guī)范:HTML5。HTML5成人以上的不規(guī)范是符合規(guī)范的。HTML5是規(guī)范制定者對(duì)妥協(xié)的實(shí)現(xiàn)。
HTML5的優(yōu)勢(shì):
從HTML4.0.1、XHTML到HTML5,并不是一種革命性的升級(jí),而是一種規(guī)范向習(xí)慣的妥協(xié),因此從HTML到HTML5的過度非常的輕松。
1.解決跨瀏覽器問題。
跨瀏覽器問題絕對(duì)是一個(gè)永恒的“噩夢(mèng)”,HTML的出現(xiàn)可能會(huì)改變這種局面,目前各種主流瀏覽器如:IE、Chrome、Firefox、Opera、Safari都表現(xiàn)出對(duì)HTML5極大的熱情。如果各瀏覽器都遵循HTML5規(guī)范,以后前端程序員開發(fā)HTML+CSS+JavaScript頁(yè)面將會(huì)變得更加輕松。
2.部分替代了原來的JavaScript。
比如HTML5以前要實(shí)現(xiàn):打開一個(gè)頁(yè)面后立即讓某行文本框獲得焦點(diǎn),要通過javascript來實(shí)現(xiàn),而現(xiàn)在只需要加上一個(gè)屬性(autofocus)即可。
<input type = text autofocus name = price/>
3.更明確的語(yǔ)義支持。
(1)HTML5提供了<header>...</header>;<nav>...</nav>;<article>...</article>;<section>...</section>;<aside>...</aside>;<footer>...</footer>來代替以前只能通過div來實(shí)現(xiàn)的文檔結(jié)構(gòu)。
(2)HTML5提供了兩個(gè)新增的元素<time>2017-4-18</time>;<mark>被標(biāo)記的語(yǔ)言</mark>提供了更加豐富的語(yǔ)義相比于原來的<em../>(em表示被強(qiáng)調(diào)的內(nèi)容,但是到底是哪一種強(qiáng)調(diào)并不清楚)。
4.增強(qiáng)了WEB應(yīng)用程序的功能。
一直以來,HTML被死死地限制著,客戶端從服務(wù)器下載HTML頁(yè)面數(shù)據(jù),瀏覽器負(fù)責(zé)呈現(xiàn)這些HTML頁(yè)面數(shù)據(jù)。出于對(duì)客戶機(jī)安全性考慮,以前的HTML在安全性方面做的足夠安全。
于是呢,我們就需要通過JavaScriptlai等其他方式來增加HTML的功能。
HTML5的語(yǔ)法變化
1.標(biāo)簽不再區(qū)分大小寫。
2.元素可以省略結(jié)束標(biāo)簽。
3.允許省略屬性值的屬性。
4.允許屬性值不使用引號(hào)。(但是對(duì)于包含空格等容易引起瀏覽器混肴的屬性值時(shí)候,HTML5強(qiáng)烈建議使用引號(hào)把這種特殊的屬性值引起來)
總結(jié):HTML5說就是把不符合規(guī)范的HTML看做是一種規(guī)范,增加了一些新的api,新的實(shí)用的功能。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
新聞標(biāo)題:HTML5——對(duì)HTML5的認(rèn)識(shí)-創(chuàng)新互聯(lián)
URL鏈接:http://jinyejixie.com/article10/dipcgo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、商城網(wǎng)站、關(guān)鍵詞優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站改版、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容