這篇文章主要介紹“HTML5的十五大新特性是什么”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“HTML5的十五大新特性是什么”文章能幫助大家解決問題。
專注于為中小企業(yè)提供做網(wǎng)站、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)西湖免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了千余家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
1.新的文檔類型 (New Doctype)
目前許多網(wǎng)頁還在使用XHTML 1.0 并且要在第一行像這樣聲明文檔類型：
在HTML5中，上面那種聲明方式將失效。下面是HTML5中的聲明方式：
2.腳本和鏈接無需type (No More Types for Scripts and Links)
在HTML4或XHTML中，你需要用下面的幾行代碼來給你的網(wǎng)頁添加CSS和JavaScript文件。
而在HTML5中，你不再需要指定類型屬性。因此，代碼可以簡化如下：
3.語義Header和Footer (The Semantic Header and Footer)
在HTML4或XHTML中，你需要用下面的代碼來聲明“Header”和“Footer”。
...
..........
在HTML5中，有兩個可以替代上述聲明的元素，這可以使代碼更簡潔。
...
...
4.Hgroup
在HTML5中，有許多新引入的元素，hgroup就是其中之一。假設(shè)我的網(wǎng)站名下面緊跟著一個子標(biāo)題，我可以用
在HTML5中，我們可以用hgroup元素來將它們分組，這樣就不會影響文件的大綱。
5.標(biāo)記元素 (Mark Element)
你可以把它當(dāng)做高亮標(biāo)簽。被這個標(biāo)簽修飾的字符串應(yīng)當(dāng)和用戶當(dāng)前的行動相關(guān)。比如說，當(dāng)我在某博客中搜索“Open your Mind”時，我可以利用一些JavaScript將出現(xiàn)的詞組用修飾一下。
They were interrupted, just after Quato said, "Open your Mind".
6.圖形元素 (Figure Element)
在HTML4或XHTML中，下面的這些代碼被用來修飾圖片的注釋。
Image of Mars.
然而，上述代碼沒有將文字和圖片內(nèi)在聯(lián)系起來。因此，HTML5引入了
This is an image of something interesting.
7.重新定義 (Small Element redefined)
在HTML4或XHTML中，元素已經(jīng)存在。然而，卻沒有如何正確使用這一元素的完整說明。在HTML5中，被用來定義小字。試想下你網(wǎng)站底部的版權(quán)狀態(tài)，根據(jù)對此元素新的HTML5定義，可以正確地詮釋這些信息。
8.占位符 (Placeholder)
在HTML4或XHTML中，你需要用JavaScript來給文本框添加占位符。比如，你可以提前設(shè)置好一些信息，當(dāng)用戶開始輸入時，文本框中的文字就消失。
而在HTML5中，新的“placeholder”就簡化了這個問題。
9.必要屬性 (Required Attribute)
HTML5中的新屬性“required”指定了某一輸入是否必需。有兩種方法聲明這一屬性。
當(dāng)文本框被指定必需時，如果空白的話表格就不能提交。下面是一個如何使用的例子。
在上面那個例子中，如果輸入內(nèi)容空且表格被提交，輸入框?qū)⒈桓吡溜@示。
10.Autofocus 屬性 (Autofocus Attribute)
同樣，HTML5的解決方案消除了對JavaScript的需要。如果一個特定的輸入應(yīng)該是“選擇”或聚焦，默認(rèn)情況下，我們現(xiàn)在可以利用自動聚焦屬性。
11.Audio 支持 (Audio Support)
目前我們需要依靠第三方插件來渲染音頻。然而在HTML5中，
當(dāng)使用
12.Video 支持 (Video Support)
HTML5中不僅有
Your browser is old. Download this video instead.
13.視頻預(yù)載 (Preload attribute in Videos element)
當(dāng)用戶訪問頁面時這一屬性使得視頻得以預(yù)載。為了實(shí)現(xiàn)這個功能，可以在
14.顯示控制條 (Display Controls)
如果你使用過上面的每一個提到的技術(shù)點(diǎn)，你可能已經(jīng)注意到，使用上面的代碼，視頻僅僅顯示的是張圖片，沒有控制條。為了渲染出播放控制條，我們必須在video元素內(nèi)指定controls屬性。
15.正規(guī)表達(dá)式 (Regular Expressions)
在HTML4或XHTML中，你需要用一些正規(guī)表達(dá)式來驗(yàn)證特定的文本。而HTML5中新的pattern屬性讓我們能夠在標(biāo)簽處直接插入一個正規(guī)表達(dá)式。
關(guān)于“HTML5的十五大新特性是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。
重慶分公司
重慶分公司
