HTML5知識(shí)點(diǎn)有哪些

這篇文章將為大家詳細(xì)講解有關(guān)HTML5知識(shí)點(diǎn)有哪些，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標(biāo)準(zhǔn)的 HTML 標(biāo)準(zhǔn)版本，現(xiàn)在仍處于發(fā)展階段，但大部分瀏覽器已經(jīng)支持某些 HTML5 技術(shù)。HTML 5有兩大特點(diǎn)：首先，強(qiáng)化了 Web 網(wǎng)頁(yè)的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫(kù)等 Web 應(yīng)用的功能。廣義論及HTML5時(shí)，實(shí)際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。它希望能夠減少瀏覽器對(duì)于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，并且提供更多能有效增強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)集。

Html5特性
A. 語(yǔ)義特性（Class：Semantic）
HTML5賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。

B. 本地存儲(chǔ)特性（Class: OFFLINE & STORAGE）
基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲(chǔ)功能。Indexed DB（html5本地存儲(chǔ)最重要的技術(shù)之一） 和API說(shuō)明文檔。

C. 設(shè)備兼容特性 (Class: DEVICE ACCESS)
從Geolocation 功能的API文檔公開(kāi)以來(lái)，HTML5為網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)

D. 連接特性（Class: CONNECTIVITY）
更有效的連接工作效率，使得基于頁(yè)面的實(shí)時(shí)聊天，更快速的網(wǎng)頁(yè)游戲體驗(yàn)，更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù)，Server-Sent Event和WebSockets就是其中的兩個(gè)特性，這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)’推送’到客戶端的功能。

E. 網(wǎng)頁(yè)多媒體特性(Class: MULTIMEDIA)
支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。

F. 三維、圖形及特效特性（Class: 3D, Graphics & Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會(huì)驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺(jué)效果。

G. 性能與集成特性（Class: Performance & Integration）
沒(méi)有用戶會(huì)永遠(yuǎn)等待你的Loading——HTML5會(huì)通過(guò)XMLHttpRequest2等技術(shù)，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。

H. CSS3特性(Class: CSS3)
在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下，CSS3(css2手冊(cè)-CSS3手冊(cè))中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開(kāi)放字體格式（WOFF）也提供了更高的靈活性和控制性。

HTML5重要標(biāo)記
<video>標(biāo)記
定義和用法：
<video> 標(biāo)簽定義視頻，比如電影片段或其他視頻流。
<audio> 標(biāo)記
定義和用法
<audio> 標(biāo)簽定義聲音，比如音樂(lè)或其他音頻流。
實(shí)例：
一段簡(jiǎn)單的HTML 5 音頻
<audio src="someaudio.wav">
您的瀏覽器不支持 audio 標(biāo)簽。
</audio>
<canvas> 標(biāo)記
定義和用法：
<canvas> 標(biāo)簽定義圖形，比如圖表和其他圖像。
HTML5 的 canvas 元素使用JavaScript 在網(wǎng)頁(yè)上繪制圖像。
畫(huà)布是一個(gè)矩形區(qū)域，您可以控制其每一像素。
canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。
實(shí)例：
通過(guò) canvas 元素來(lái)顯示一個(gè)紅色的矩形：
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>

程序接口
除了原先的DOM接口，HTML5增加了更多API,如：
1． 用于即時(shí)2D繪圖的Canvas標(biāo)簽
2． 定時(shí)媒體回放
3． 離線數(shù)據(jù)庫(kù)存儲(chǔ)
4． 文檔編輯
5． 拖拽控制
6． 瀏覽歷史管理

元素變化
新的解析順序新的元素：section, video, progress, nav, meter, time, aside, canvasinput
元素的新屬性：日期和時(shí)間，email, url。
新的通用屬性：ping, charset, async
全域?qū)傩裕篿d, tabindex, repeat。
移除元素：center, font, strike。

異常處理
HTML 5(text/html)瀏覽器將在錯(cuò)誤語(yǔ)法的處理上更加靈活。HTML 5在設(shè)計(jì)時(shí)保證舊的瀏覽器能夠安全的忽略掉新的HTML 5代碼。與HTML 4.01相比，HTML 5給出了解析的詳細(xì)規(guī)則，力圖讓不同的瀏覽器即使在發(fā)生語(yǔ)法錯(cuò)誤時(shí)也能返回相同的結(jié)果。

HTML5可以提供:
1.提高可用性和改進(jìn)用戶的友好體驗(yàn);
2.有幾個(gè)新的標(biāo)簽，這將有助于開(kāi)發(fā)人員定義重要的內(nèi)容；
3.可以給站點(diǎn)帶來(lái)更多的多媒體元素(視頻和音頻)；
4.可以很好的替代FLASH和Silverlight；
5.當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候，對(duì)于SEO很友好；
6.將被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲。
因此，我們可以說(shuō)HTML5有一天將是WEB更加的美好，但是有一天并不是現(xiàn)在。我們不能不提到重要的一點(diǎn)：迄今為止，并沒(méi)有什么流行的瀏覽器可以完 全的支持所HTML5規(guī)范的所有功能。需要明確的是，今天的主流瀏覽器都將趨于支持HTML5，但是仍存在許多不完全的支持或兼容。

　　谷歌和HTML5
2010年5月22日，谷歌創(chuàng)建了一個(gè)涂鴉來(lái)紀(jì)念Pac Man的視頻游戲。這個(gè)涂鴉是一個(gè)動(dòng)畫(huà)，同時(shí)也是一個(gè)可以玩的Pac Man的游戲。這個(gè)涂鴉就是谷歌通過(guò)使用HTML5標(biāo)準(zhǔn)制作的，當(dāng)然谷歌也提供一個(gè)FLASH版本來(lái)支持不兼容HTML5的瀏覽器。我敢打賭，這是大多數(shù) 互聯(lián)網(wǎng)網(wǎng)民第一次和HTML5的接觸。對(duì)于個(gè)人來(lái)說(shuō)，這是一個(gè)興奮的消息。以我的觀點(diǎn)，這個(gè)涂鴉提供了一個(gè)機(jī)會(huì)可以窺視未來(lái)互聯(lián)網(wǎng)、網(wǎng)頁(yè)、移動(dòng)應(yīng)用軟件和游戲等發(fā)展趨勢(shì)。對(duì)于搜索引擎優(yōu)化，他開(kāi)辟了我更多的想象，它讓我思考HTML5在SEO領(lǐng)域的潛力。網(wǎng)站轉(zhuǎn)移到HTML5標(biāo)準(zhǔn)對(duì)于SEO有什么優(yōu)勢(shì)?

　　HTML5與SEO

　　一：使搜索引擎更加容易抓取和索引
對(duì)于一些網(wǎng)站，特別是那些嚴(yán)重依賴于FLASH的網(wǎng)站HTML5是一個(gè)大福音。如果你有一個(gè)都是FLASH的站點(diǎn)，你就一定會(huì)看到切換到HTML5的 好處。首先，搜索引擎的蜘蛛將能夠抓去你的站點(diǎn)和索引你的內(nèi)容。所有嵌入到動(dòng)畫(huà)中的內(nèi)容將全部可以被搜索引擎讀取。在搜索引擎優(yōu)化的基本理論中，這一方面將會(huì)驅(qū)動(dòng)你的網(wǎng)站獲得更多的右擊流量。

　　二：提供更多的功能，提高用戶的友好體驗(yàn)
使用HTML5的另一個(gè)好處就是它可以增加更多的功能。對(duì)于HTML5的功能性問(wèn)題，我們可以從全球幾個(gè)主流站點(diǎn)對(duì)它的青睞就可以看出。社交網(wǎng)絡(luò)大亨Facebook已經(jīng)推出他們期待已久的基于HTML5的iPad應(yīng)用平臺(tái)，潘多拉最近也推出他們基于HTML5的音樂(lè)播放器的新版本。游戲平臺(tái) Zynga最近也在推出了三款新的在移動(dòng)設(shè)備瀏覽器上運(yùn)行的基于HTML5的游戲等等。每天都有不斷的基于HTML5的網(wǎng)站和HTML5特性的網(wǎng)站被推 出。保持站點(diǎn)處于新技術(shù)的前沿，也可以很好的提高用戶的友好體驗(yàn)。

　　三：可用性的提高，提高用戶的友好體驗(yàn)
最后我們可以從可用性的角度上看，HTML5可以更好的促進(jìn)用戶于網(wǎng)站間的互動(dòng)情況。多媒體網(wǎng)站可以獲得更多的改進(jìn)，特別是在移動(dòng)平臺(tái)上的應(yīng)用，使用 HTML5可以提供更多高質(zhì)量的視頻和音頻流。到目前位置，事實(shí)就是iPhone和iPad將不會(huì)支持FLASH，同時(shí)ADOBE公司也在近期公開(kāi)聲明將 停止FLASH基于移動(dòng)平臺(tái)的開(kāi)發(fā)，現(xiàn)在我們已經(jīng)可以這么說(shuō)移動(dòng)平臺(tái)日后視頻音頻是HTML5的天下。

關(guān)于“HTML5知識(shí)點(diǎn)有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。