7.05日(rì)音(yīn)訊,程序人(rén)員(y•₩≠uán)須知(zhī)的(de)html5的(de)新标準。HTML•'α5想必大(dà)家(jiā)都(dōu)很(hěn)熟悉了(l₹™₽e)，因為(wèi)太多(duō)的(de)媒體(tǐ)在 ₹∏討(tǎo)論這(zhè)一(yī)技(jì)術(shù)。然而，你(nǐ)‌¥δ™能(néng)準确地(dì)說(shuō)出H‌♦TML5帶來(lái)了(le)哪些(xiē)新特性嗎(ma)？本文×₩(wén)總結了(le)HTML5帶來(láφΩ₹i)的(de)15項你(nǐ)必須知(zhī)道(≠↔☆ dào)的(de)新特性。

　　一(yī)起來(lái)看(kàn)下(xi≥♥à)：

　　1.新的(de)文(wén)檔類型(NewDoctypσλσ§e)

　　目前許多(duō)網頁還(hái)在使用(yòng)XHT∏‍✔ML1.0并且要(yào)在第一(yī)行≤'♥&(xíng)像這(zhè)樣聲明(míng)文(wén)檔類型：

　　在HTML5中，上(shàng)面那(nà)種聲 <明(míng)方式将失效。下(xià)面是(shì)HTML5中的(←∏☆γde)聲明(míng)方式：

　　2.腳本和(hé)鏈接無需type(NoMo↑£reTypesforScriptsandL∑ £βinks)

　　在HTML4或XHTML中，你(nǐ)需要(yào)用(yòn≈≥≤≥g)下(xià)面的(de)幾行(xíng)代碼來(lái)給你(nǐ)§×£β的(de)網頁添加CSS和(hé)JavaScript文(w₽λ₩én)件(jiàn)。

　　而在HTML5中，你(nǐ)不(bù)再需要(yào)指定類型屬性。因此，代碼可(kě)以簡化(huà)如(rú)下(xià)：

　　3.語義Header和(hé)Footer(TheSemanticHeaderandFooter)

　　在HTML4或XHTML中，你(nǐ)需要(yào)用(yòng)下(xià)面的(de)代碼來(lái)聲明(míng)“Header”和(hé)“Footer”。

　　...

　　..........

　　...

　　在HTML5中，有(yǒu)兩個(gè)可(kě)以替代上(shàng)述聲明(míng)的(de)元素，這(zhè)可(kě)以使代碼更簡潔。

　　4.Hgroup

　　在HTML5中，有(yǒu)許多(duō)新引入的(de)元素，hgroup就(jiù)是(shì)其中之一(yī)。假設我的(de)網站(zhàn)名下(xià)面緊跟著(zhe)一(yī)個(gè)子(zǐ)标題，我可(kě)以用(yòng)

和(hé)

标簽來(lái)分(fēn)别定義。然而，這(zhè)種定義沒有(yǒu)說(shuō)明(míng)這(zhè)兩者之間(jiān)的(de)關系。而且，h2标簽的(de)使用(yòng)會(huì)帶來(lái)更多(duō)問(wèn)題，比如(rú)該頁面上(shàng)還(hái)有(yǒu)其他(tā)标題的(de)時(shí)候。

　　在HTML5中，我們可(kě)以用(yòng)hgroup元素來(lái)将它們分(fēn)組，這(zhè)樣就(jiù)不(bù)會(huì)影(yǐng)響文(wén)件(jiàn)的(de)大(dà)綱。

　　

　　

　　

RecallFanPage

　　

Onlyforpeoplewhowantthememoryofalifetime.

　　

　　

　　5.标記元素(MarkElement)

　　你(nǐ)可(kě)以把它當做(zuò)高(gāo)亮(liàng)标簽。被這(zhè)個(gè)标簽修飾的(de)字符串應當和(hé)用(yòng)戶當前的(de)行(xíng)動相(xiàng)關。比如(rú)說(shuō)，當我在某博客中搜索“OpenyourMind”時(shí)，我可(kě)以利用(yòng)一(yī)些(xiē)JavaScript将出現(xiàn)的(de)詞組用(yòng)修飾一(yī)下(xià)。

　　

SearchResults

Theywereinterrupted,justafterQuatosaid,"OpenyourMind".

　　6.圖形元素(FigureElement)

　　在HTML4或XHTML中，下(xià)面的(de)這(zhè)些(xiē)代碼被用(yòng)來(lái)修飾圖片的(de)注釋。

ImageofMars.

　　然而，上(shàng)述代碼沒有(yǒu)将文(wén)字和(hé)圖片內(nèi)在聯系起來(lái)。因此，HTML5引入了(le)

Thisisanimageofsomethinginteresting.

　　7.重新定義(SmallElementredefined)

　　在HTML4或XHTML中，元素已經存在。然而，卻沒有(yǒu)如(rú)何正确使用(yòng)這(zhè)一(yī)元素的(de)完整說(shuō)明(míng)。在HTML5中，被用(yòng)來(lái)定義小(xiǎo)字。試想下(xià)你(nǐ)網站(zhàn)底部的(de)版權狀态，根據對(duì)此元素新的(de)HTML5定義，可(kě)以正确地(dì)诠釋這(zhè)些(xiē)信息。

　　8.占位符(Placeholder)

　　在HTML4或XHTML中，你(nǐ)需要(yào)用(yòng)JavaScript來(lái)給文(wén)本框添加占位符。比如(rú)，你(nǐ)可(kě)以提前設置好(hǎo)一(yī)些(xiē)信息，當用(yòng)戶開(kāi)始輸入時(shí)，文(wén)本框中的(de)文(wén)字就(jiù)消失。

　　而在HTML5中，新的(de)“placeholder”就(jiù)簡化(huà)了(le)這(zhè)個(gè)問(wèn)題。

　　9.必要(yào)屬性(RequiredAttribute)

　　HTML5中的(de)新屬性“required”指定了(le)某一(yī)輸入是(shì)否必需。有(yǒu)兩種方法聲明(míng)這(zhè)一(yī)屬性。

　　當文(wén)本框被指定必需時(shí)，如(rú)果空(kōng)白(bái)的(de)話(huà)表格就(jiù)不(bù)能(néng)提交。下(xià)面是(shì)一(yī)個(gè)如(rú)何使用(yòng)的(de)例子(zǐ)。

　　YourName:

　　Go

　　在上(shàng)面那(nà)個(gè)例子(zǐ)中，如(rú)果輸入內(nèi)容空(kōng)且表格被提交，輸入框将被高(gāo)亮(liàng)顯示。

　　10.Autofocus屬性(AutofocusAttribute)

　　同樣，HTML5的(de)解決方案消除了(le)對(duì)JavaScript的(de)需要(yào)。如(rú)果一(yī)個(gè)特定的(de)輸入應該是(shì)“選擇”或聚焦，默認情況下(xià)，我們現(xiàn)在可(kě)以利用(yòng)自(zì)動聚焦屬性。

　　11.Audio支持(AudioSupport)

　　目前我們需要(yào)依靠第三方插件(jiàn)來(lái)渲染音(yīn)頻(pín)。然而在HTML5中，

　　Downloadthisfile.

　　當使用(yòng)

　　12.Video支持(VideoSupport)

　　HTML5中不(bù)僅有(yǒu)

Yourbrowserisold.Downloadthisvideoinstead.

　　13.視(shì)頻(pín)預載(PreloadattributeinVideoselement)

　　當用(yòng)戶訪問(wèn)頁面時(shí)這(zhè)一(yī)屬性使得(de)視(shì)頻(pín)得(de)以預載。為(wèi)了(le)實現(xiàn)這(zhè)個(gè)功能(néng)，可(kě)以在

　　14.顯示控制(zhì)條(DisplayControls)

　　如(rú)果你(nǐ)使用(yòng)過上(shàng)面的(de)每一(yī)個(gè)提到(dào)的(de)技(jì)術(shù)點，你(nǐ)可(kě)能(néng)已經注意到(dào)，使用(yòng)上(shàng)面的(de)代碼，視(shì)頻(pín)僅僅顯示的(de)是(shì)張圖片，沒有(yǒu)控制(zhì)條。為(wèi)了(le)渲染出播放(fàng)控制(zhì)條，我們必須在video元素內(nèi)指定controls屬性。

　　15.正規表達式(RegularExpressions)

　　在HTML4或XHTML中，你(nǐ)需要(yào)用(yòng)一(yī)些(xiē)正規表達式來(lái)驗證特定的(de)文(wén)本。而HTML5中新的(de)pattern屬性讓我們能(néng)夠在标簽處直接插入一(yī)個(gè)正規表達式。