2.08日(rì)音(yīn)訊,網站(z™>¥λhàn)建設中為(wèi)什(shén)麽要(←φyào)學習(xí)H5,最大(dà)的(de)原因今天你(nǐ)就(j≥→∏φiù)開(kāi)始使用(yòng)HTML5是(shì)因為σ♦§×(wèi)它是(shì)未來(lái),不(bù§✘)要(yào)掉隊了(le)!HTML5不(bù)會(huì)§δ往每個(gè)方向發展,但(dàn)是(shì)↑™更多(duō)的(de)元素已經被很(hěn)多(duō)公司采用(yòng£ λ$),并且開(kāi)始著(zhe)手開(kāi)發。HTML5其實更像•¶"αHTML,它不(bù)是(shì)一(yī)個(gè)新的←≠(de)技(jì)術(shù)需要(yào)你(nǐ)重新學習(xí)!如✘Ω(rú)果你(nǐ)開(kāi)發XHTMLstriβ'★×ct的(de)話(huà)你(nǐ)現(xiàn©φ↑β)在就(jiù)已經在開(kāi)發HTML5了(l↕ε÷e)。為(wèi)什(shén)麽不(bù)更完整的(≤ de)享受HTML5的(de)功能(néng)'&呢(ne)?你(nǐ)實際上(shàng)沒有(yǒu)∑β↔任何借口不(bù)接受HTML5。事(shì)實上(shàng)我唯一(y λī)一(yī)個(gè)原因使用(yòng)HTML5是(shì)因為©(wèi)它書(shū)寫代碼簡單清晰。其它的(de©★Ω)特性其實我也(yě)沒有(yǒu)真正使用(yòn€£'g)。你(nǐ)可(kě)以考慮現(xiàn)在開(&≤♥₹kāi)始使用(yòng)HTML5書(shū)寫代碼,它能(n≠↓éng)幫助你(nǐ)改變書(shū)寫代<↓§碼的(de)方式及其設計(jì)方式。
倆個(gè)原因使得(de)使用(yòng)HTML5創建網站(zhàn≥∑←)更加簡單:語義上(shàng)及其ARIA。新的(de)H•'λ₽TML标簽像<header>,<f♠≥↔ooter>,<nav> ✘,<section>,<aside>等等,™π§使得(de)閱讀(dú)者更加容易去(qù)訪問(wèn)內(nè± σ$i)容。在以前,即使你(nǐ)定義了(le)class或±₹&λ者ID你(nǐ)的(de)閱讀(dú)者也(yě)沒有(yǒu)辦法去(π§φqù)了(le)解給出的(de)一(yī)個(gè)di♣€v究竟是(shì)什(shén)麽。使用(yòng)新的(de)語義學™₩₽的(de)定義标簽,你(nǐ)可(kě)以更好(hǎo)的(de)了δ←(le)解HTML文(wén)檔,并且創建一(yī)個₽♠σ(gè)更好(hǎo)的(de)使用(yòng)體(tǐ)驗。ARIA是(sh≠♥ì)一(yī)個(gè)W3C的(de)标準主要(yào)用∑≤✘(yòng)來(lái)對(duì)HTML文(wén)章(zhāng)γσ☆中的(de)元素指定“角色“,通(tōng)過角色屬性π✔¶來(lái)創建重要(yào)的(de)頁面地(dì)形例如(rú),h←>≈eader,footer,navigation或者aritcle很→'₹∞(hěn)有(yǒu)必要(yào)。這(zhè)一(yī)點曾經被忽略掉了(✘ ↕♦le)并且沒有(yǒu)被廣泛使用(yòng),因為(wèi)事(sh♥←≤§ì)實上(shàng)并不(bù)驗證。然而,HTML5将會(huì)驗證≥♠↔±這(zhè)樣屬性。同時(shí),HTML5将會(huì)內(nèi)建"↓♣這(zhè)些(xiē)角色并且無法不(bù✔☆> )覆蓋。更多(duō)的(de)HTML5和(hé)ARIA討(tǎoπ✔÷)論,請(qǐng)大(dà)家(jiā)查看(kàn)這(zhè)裡(βΩ&lǐ)。
忘了(le)flash和(hé)其它第三γ©方應用(yòng)吧(ba),讓你(nǐ)的(de)視(shì)頻(pín)和®• ε(hé)音(yīn)頻(pín)通(tōng)過HTML5♠γ标簽<video>和(hé)<aud"γ→•io>來(lái)訪問(wèn)資源。正确播放(fàng)媒體∑≠↕(tǐ)一(yī)直都(dōu)是(shì)一(yī)個(gè)非常可(kě)¶&←>怕的(de)事(shì)情,你(nǐ)需要(yào)使用(Ω∞yòng)<embed>和(hé©≤↕β)<object>标簽,并且為(wèi)了(le)它λ§們能(néng)正确播放(fàng)必須賦予一(yī)大(dà)堆的(de)¥×參數(shù)。你(nǐ)的(de)媒體(tǐ)标簽将會(huì)非常₽<複雜(zá),大(dà)堆得(de)令人(rén)迷惑的(de)代碼。
邯鄲網站(zhàn)建設告訴大(dà)家(jiā)而且HTML5視(shì)頻(pín)和(hé)音(→yīn)頻(pín)标簽基本将他(tā)們視(shì)為(wèi)圖<•片:<videosrc=”&✔↔✘quot;/>。但(dàn)是(shì)其它參數(shù)例如(r ↓©≈ú)寬度和(hé)高(gāo)度或者自(zì)動播放(fàng)呢(ne)?不•ε(bù)必擔心,隻需要(yào)像其它HTML标簽一π→β (yī)樣定義:<videosrc=&rdqu±o;url”width=”640px& σλ≥rdquo;height=”380px”au☆€toplay/>。實際上(shàng)這(≤εzhè)個(gè)過程非常簡單,然而我們的(de)老(lǎo)$≤&浏覽器(qì)可(kě)能(néng)并不(bù)喜歡我們₩≠☆的(de)HTML5,你(nǐ)需要(yào)添加更多(du♥Ωō)代碼來(lái)讓他(tā)們正确工(gōng)作(zuò)。但(d₹↑ àn)是(shì)這(zhè)個(gè)代碼還(hái)是(shì)φ比<embed>和(hé)<object>來(lái)↓的(de)簡單的(de)多(duō)。
沒錯(cuò),就(jiù)是(sh≈©♣ì)doctype,沒有(yǒu)更多(duō)內(nèi)容了$★ε(le)。是(shì)不(bù)是(shì)非常簡答(dá)?不(bù♣€Ω)需要(yào)拷貝粘貼一(yī)堆無法理(lǐ)解的(de)代碼,也(yě)÷"≤沒有(yǒu)多(duō)餘的(de)head标簽。最大(dà)的(de↔<∞)好(hǎo)消息在于,除了(le)簡單,它能(néng)在每一(yī∞γ)個(gè)浏覽器(qì)中正常工(gōng)作(zuò)即使是(shì♥•♠)名聲狼藉的(de)IE6。
HTML5中最酷的(de)特性就(jiù)是(sh쀧≤)本地(dì)存儲。有(yǒu)一(yī)點像比較老(lǎo✔≈)的(de)技(jì)術(shù)cookie≤×和(hé)客戶端數(shù)據庫的(de)融合。它比cooke更好(hǎo)用 ☆(yòng)因為(wèi)支持多(duō)個(gè)windows存π☆©♠儲,它擁有(yǒu)更好(hǎo)的(de)安全和≥☆ (hé)性能(néng),即使浏覽器(qì)關閉後也(yě)可₩₽∞"(kě)以保存。因為(wèi)它是(shì)♦γπ個(gè)客戶端的(de)數(shù)據庫,你(nǐ)不(bù)用(y≈∑∏òng)擔心用(yòng)戶删除任何cookie,并且所有(yǒu)主流浏¥>★覽器(qì)都(dōu)支持。本地(dì)存儲對↑± (duì)于很(hěn)多(duō)情況來(lá•∏i)說(shuō)都(dōu)不(bù)錯(cuò),它是(shì)HTML←5工(gōng)具中一(yī)個(gè)不(₽σbù)需要(yào)第三方插件(jiàn)☆♦實現(xiàn)的(de)。能(néng)夠保存數(shù)據到(dào)用(<"yòng)戶的(de)浏覽器(qì)中意味你(nǐ)可(kě)βε↔以簡單的(de)創建一(yī)些(xiē)應用(yòng)特性例如(rú)✔¶σ:保存用(yòng)戶信息,緩存數(shù)據,加載用(yòng)戶上(sh✘αεàng)一(yī)次的(de)應用(yòngΩ≈)狀态。
我們都(dōu)喜歡更好(hǎo)的(de∞¶)互動,我們都(dōu)喜歡對(duì)"™☆于用(yòng)戶有(yǒu)反饋的(de)動态網→£↓站(zhàn),http://www.hdscwl.com用₩★↔(yòng)戶可(kě)以享受互動的(de)過程。輸入&₽♠lt;canvas>,HTML5的(de) ¶∏畫(huà)圖标簽允許你(nǐ)做(zuò)π•≥π更多(duō)的(de)互動和(hé)動畫(huà),•←↑就(jiù)像我們使用(yòng)Flash達到(dào)的(de₽♣★ )效果。除了(le)<canvas>, HTML5同樣也(yě)擁有(yǒu)很(hěn)•' 多(duō)API允許你(nǐ)創建更加好(hǎo)的(de)用(yò¥↓ng)戶體(tǐ)驗并且更加動态的(de)web應用(yòng)程序。這÷♥>(zhè)裡(lǐ)有(yǒu)一(yī)個(gè)列表:©∑
你(nǐ)的(de)現(xiàn)代流行(xíng)浏覽器(qì)都(dλōu)支持HTML5(Chrome,Firefox,Safari,IE9和(h↑÷>é)Opera),并且創建了(le)HTML5doctype這(zhè)樣所有♠♠(yǒu)的(de)浏覽器(qì),即使非常老(lǎo¶∞♦×)非常令人(rén)厭(yàn)惡浏覽器(qì)像IE6都(dō£σ♣u)可(kě)以使用(yòng)。但(dàn)是(shì)因為(wèi¥×)老(lǎo)的(de)浏覽器(qì)能(néng)夠識别doctype并不σ ↕(bù)意味它可(kě)以處理(lǐ)HTML5标簽和(hé)功能(néng)♣☆。幸運的(de)是(shì),HTML5已經使得(de)開(kāi)發更加簡單÷∑了(le),更多(duō)支持更多(duō)浏覽器(₹₽qì),這(zhè)樣老(lǎo)的(de)IE浏覽器(qì)可(kě)以通'©✘(tōng)過添加javascript代碼來(lái)使用(yòng)新的↑♣↕(de)元素:
你(nǐ)可(kě)以稱之為(wèi)“直≠β 覺”,但(dàn)是(shì)我認為(wèi)移動§< 技(jì)術(shù)将會(huì)變得(de)更加的(de)流行(xíng)☆ 。我知(zhī)道(dào),這(zhè)裡(lǐ)有(yǒu♥< )些(xiē)非常瘋狂的(de)猜測,有(yǒu)些(x✘εiē)可(kě)能(néng)你(nǐ)也(yě)想∞₩到(dào)了(le)–Mobile是(shì)一↑ש(yī)個(gè)時(shí)尚!移動設備将占領世界。更多( ₹δduō)的(de)接受移動設備将會(huì)增長(cháng)₩↓的(de)非常迅速。這(zhè)意味著(zhe)更多(duō•↔€↑)的(de)用(yòng)戶會(huì)選擇使用(yòng)移動設±₩"備訪問(wèn)網站(zhàn)或者web應用(yòng)。H♦φ∞<TML5是(shì)最移動化(huà)的(de)開(kāi)發工(g≤β≤ōng)具。随著(zhe)Adobe宣布放(fàng)棄移>$動flash開(kāi)發,你(nǐ)将會(huì)考慮使用(yòng≤↓ )HTML5來(lái)開(kāi)發web¥p應用(yòng)。