歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:最笨重的动物 > HTML >

最笨重的动物 www.yyhul.icu HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的 HTML 標準版本,現在仍處于發展階段,但大部分瀏覽器已經支持某些 HTML5 技術。HTML 5有兩大特點:首先,強化了 Web 網頁的表現性能。其次,追加了本地數據庫等 Web 應用的功能。廣義論及HTML5時,實際指的是包括HTML、最笨重的动物和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對于需要插件的豐富性網絡應用服務(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,與Oracle JavaFX的需求,并且提供更多能有效增強網絡應用的標準集。

Html5特性
A. 語義特性(Class:Semantic)
HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的,微數據與微格式等方面的支持,構建對程序、對用戶都更有價值的數據驅動的Web。

B. 本地存儲特性(Class: OFFLINE & STORAGE)
基于HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益于HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一) 和API說明文檔。

C. 設備兼容特性 (Class: DEVICE ACCESS)
從Geolocation 功能的API文檔公開以來,HTML5為網頁應用開發者們提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連,例如視頻影音可直接與microphones及攝像頭相聯

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

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

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

G. 性能與集成特性(Class: Performance & Integration)
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術,幫助您的Web應用和網站在多樣化的環境中更快速的工作。

H. CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下,CSS3(css2手冊-CSS3手冊)中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。

HTML5重要標記
<video>標記
定義和用法:
<video> 標簽定義視頻,比如電影片段或其他視頻流。
<audio> 標記
定義和用法
<audio> 標簽定義聲音,比如音樂或其他音頻流。
實例:
一段簡單的HTML 5 音頻
<audio src="someaudio.wav">
您的瀏覽器不支持 audio 標簽。
</audio>
<canvas> 標記
定義和用法:
<canvas> 標簽定義圖形,比如圖表和其他圖像。
HTML5 的 canvas 元素使用JavaScript 在網頁上繪制圖像。
畫布是一個矩形區域,您可以控制其每一像素。
canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。
實例:
通過 canvas 元素來顯示一個紅色的矩形:
<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. 用于即時2D繪圖的Canvas標簽
2. 定時媒體回放
3. 離線數據庫存儲
4. 文檔編輯
5. 拖拽控制
6. 瀏覽歷史管理

元素變化
新的解析順序新的元素:section, video, progress, nav, meter, time, aside, canvasinput
元素的新屬性:日期和時間,email, url。
新的通用屬性:ping, charset, async
全域屬性:id, tabindex, repeat。
移除元素:center, font, strike。

異常處理
HTML 5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。HTML 5在設計時保證舊的瀏覽器能夠安全的忽略掉新的HTML 5代碼。與HTML 4.01相比,HTML 5給出了解析的詳細規則,力圖讓不同的瀏覽器即使在發生語法錯誤時也能返回相同的結果。

HTML5可以提供:
1.提高可用性和改進用戶的友好體驗;
2.有幾個新的標簽,這將有助于開發人員定義重要的內容;
3.可以給站點帶來更多的多媒體元素(視頻和音頻);
4.可以很好的替代FLASH和Silverlight;
5.當涉及到網站的抓取和索引的時候,對于SEO很友好;
6.將被大量應用于移動應用程序和游戲。
因此,我們可以說HTML5有一天將是WEB更加的美好,但是有一天并不是現在。我們不能不提到重要的一點:迄今為止,并沒有什么流行的瀏覽器可以完 全的支持所HTML5規范的所有功能。需要明確的是,今天的主流瀏覽器都將趨于支持HTML5,但是仍存在許多不完全的支持或兼容。

  谷歌和HTML5
2010年5月22日,谷歌創建了一個涂鴉來紀念Pac Man的視頻游戲。這個涂鴉是一個動畫,同時也是一個可以玩的Pac Man的游戲。這個涂鴉就是谷歌通過使用HTML5標準制作的,當然谷歌也提供一個FLASH版本來支持不兼容HTML5的瀏覽器。我敢打賭,這是大多數 互聯網網民第一次和HTML5的接觸。對于個人來說,這是一個興奮的消息。以我的觀點,這個涂鴉提供了一個機會可以窺視未來互聯網、網頁、移動應用軟件和游戲等發展趨勢。對于搜索引擎優化,他開辟了我更多的想象,它讓我思考HTML5在SEO領域的潛力。網站轉移到HTML5標準對于SEO有什么優勢?

  HTML5與SEO

  一:使搜索引擎更加容易抓取和索引
對于一些網站,特別是那些嚴重依賴于FLASH的網站HTML5是一個大福音。如果你有一個都是FLASH的站點,你就一定會看到切換到HTML5的 好處。首先,搜索引擎的蜘蛛將能夠抓去你的站點和索引你的內容。所有嵌入到動畫中的內容將全部可以被搜索引擎讀取。在搜索引擎優化的基本理論中,這一方面將會驅動你的網站獲得更多的右擊流量。

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

  三:可用性的提高,提高用戶的友好體驗
最后我們可以從可用性的角度上看,HTML5可以更好的促進用戶于網站間的互動情況。多媒體網站可以獲得更多的改進,特別是在移動平臺上的應用,使用 HTML5可以提供更多高質量的視頻和音頻流。到目前位置,事實就是iPhone和iPad將不會支持FLASH,同時ADOBE公司也在近期公開聲明將 停止FLASH基于移動平臺的開發,現在我們已經可以這么說移動平臺日后視頻音頻是HTML5的天下。

如需轉載,請注明文章出處和來源網址://www.yyhul.icu/html/h340.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
最笨重的动物文章修訂日期:2018-08-14 17:37 原創:最笨重的动物
本文最笨重的动物 www.yyhul.icu DIVCSS5版權所有。

北京pk冠军杀号乘7 龙虎和是谁控制的 重庆时时彩开奖 3肖6码免费大公开 天天彩票助赢计划软件下载 云南时时福网 pk10冷热码趋势图怎么看 pk10最牛稳赚模式4码 pk10冠军技巧5码公式稳赚计划网 双色球专家预测选号 七星彩最新开奖结果 北京pk10现场视频直播 足彩胜负14场 重庆时时彩软件 福建时时开奖列表 天津时时投注计划