久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

HTML5 到底是什么?

除非你與世隔絕,否則,一定聽到過關于 HTML5 的各種聲音,HTML5 表面上看是用來取代 Flash Web 視頻的,然而,它的使命遠不止此。HTML5 是下一代 Web 語言,它不單單是一種標記語言,更為下一代 Web 提供了全新功能,并將引領下一代 Web 實現類似桌面的應用體驗。

HTML5 主要新功能

  • 本地音頻視頻播放
  • 動畫
  • 地理信息
  • 硬件加速
  • 本地運行(即使在 Internet 連接中斷之后)
  • 本地存儲
  • 從桌面拖放文件到瀏覽器上傳
  • 語義化標記

HTML5 應用現狀


現今,

各大瀏覽器對 HTML5 的支持各有千秋

,我們期待著他們在一兩年內趨向一致,你可能以為,既然這樣,現在大概很少人在使用這個未來的標準,事實并不如此,HTML5 現在已經被廣泛應用,正如

William Gibson

所言,未來的 Web 已經來臨,只是還沒有被廣泛采用。



你可能不知道,

Google 的首頁

也使用 HTML5,不過,目前,他們還僅僅使用了

HTML5 的 doctype

,頁面的其它部分還是

舊代碼

, 但 Google 在他們的各種應用中已經在廣泛采用 HTML5。最典型的例子是 Gmail,HTML5 的離線存儲使用戶即使在離線狀態下也可以使用 Gmail,另外,Google Docs 也使用離線存儲,同樣使用離線存儲的其它廠商的類似應用還包括 Zoho 的辦公套件和 Wordpress 的博客平臺。如果你對 HTML5 的離線存儲功能感興趣,可以看一看 Mark Pilgrim 的

how to add offline support to your apps

一文。


Scribd 基于 HTML5 的文檔閱讀器


HTML5 到底是什么? 三聯教程

上圖是 Scribd 的新文檔閱讀器,全部基于 Web 標準,并未借助 Flash。

除了視頻,HTML5 還可以在多個方面取代 Flash,文檔共享站點

Scribd

最近

宣布

,他們將

使用 HTML5 取代 Flash 實現文檔閱讀器

,Scribd 是 HTML5 結合 CSS 所能實現的驚人功能的最好例子,他們還使用 @font-face 實現個性化字體,另外,在翻頁時的變換效果也完全基于 CSS3。這些 Web 標準工具的結合使用,使 Scribd 實現了從 Flash 向純 HTML 的過度,同時并沒有犧牲文檔在結構,字體,內嵌圖片,圖層等方面的功能。Scribd 的最新文檔閱讀器甚至支持 IE6,這里有一個實例,

使用純 HTML 輸出復雜的公式



可惜被墻了 - 譯者


HTML5 Canvas 與 HTML5 視頻


They came from space, and the W3C spec: Canvas Invaders

基于 HTML5 Canvas 對象的 Invaders 經典游戲

雖然,Scribd 對 Canvas 的應用已經出神入化,我們還能找到更多這樣的站點。

Canvas Demos

有一系列關于 Canvas 的應用,從

各種在線游戲

,到

從網頁上提取顏色

Rainbow

應用。



關于視頻,最典型的例子莫過于

YouTube

Vimeo

,他們都提供了 HTML5 版本。


HTML5 地理信息定位


Click on the little circle above the yellow guy to tell Google   Maps where you are.

點擊地圖中,黃色小人上方的圓圈,可以告訴 Google 地圖你的地理位置

HTML5 的另一個功能是地理信息定位功能,一些瀏覽器提供了

geolocation API

,這個 API 也由 W3C 管理,可以結合 HTML5 實現你當前地理位置定位。

Google Maps

在使用該功能,在 Google 地圖上,有一個小圓圈,點擊一下,就能告訴 Google 地圖你現在的地理位置。目前,Geolocation API 并沒有被眾多桌面瀏覽器廣泛采用(只有 Chrome 和 Firefox 3.6+ 采用了),但 Google Gears 插件可以幫助那些舊瀏覽器實現該功能。



Twitter

借此實現地理信息感知的 tweets 消息,當瀏覽器支持 geolocation API 的時候,會自動使用該 API,否則,則使用 Google Gears。


HTML5 的更多意義


HTML5 的意義遠不止上面這些,它最大的意義在于改變了 Web 文檔的結構方式,借助 header, footer, section, article 這些標簽,我們可以實現更具結構化,語義化的 Web 文檔。這樣,搜索引擎可以更容易索引 Web 站點,我們也可以搜索到更快,更準確的信息。



已經有數不清的站點在使用 HTML5 新標簽,你可以在

HTML5Gallery

找到大量這樣的站點。要想現在使用 HTML5 的新結構,不妨看看這篇

HTML5 教程

。



另外,借助

Microdata

, HTML5 還可以實現更強大的語義結構,這個標準化的數據格式(類似

microformats

),可以讓你的站點不僅能夠提供數據,還能提供數據定義。Microdata 對瀏覽器和搜索引擎都意義深遠,搜索引擎可以借助 Microdata 發現你網絡中的好友,而瀏覽器則可以藉此連接到你的社會網絡好友站點,你可以在 Google 的

Rich Snippets Testing Tool

對此進行體驗。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章主要介紹了有關HTML5頁面在iPhoneX適配問題,需要的朋友可以參考下
本篇文章主要介紹了html5中canvas圖表實現柱狀圖的示例,本文使用canvas來實現一個圖表,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
Adobe公司出品的多媒體處理軟件產品線較多,涵蓋了音視頻編輯、圖像處理、平面設計、影視后期等領域。這篇文章主要介紹了Adobe Html5 Extension開發初體驗圖文教程,非常不錯,需要的朋
這篇文章主要介紹了基于HTML5的WebGL經典3D虛擬機房漫游動畫,需要的朋友可以參考下
這篇文章主要介紹了手機端用rem+scss做適配的詳解,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了canvas 實現 github404動態效果的示例代碼,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 超碰超碰 | 国产日韩一区二区 | 国产在线精品一区二区三区 | 国产成人精品一区二区在线 | 亚洲精品日韩在线 | 91在线资源 | 精品国产一区二区在线 | 一级美国黄色片 | 在线国产视频观看 | 欧美bondage紧缚视频 | 中文av在线播放 | 国产精品久久久久久久久久 | 国产免费视频 | 亚洲+变态+欧美+另类+精品 | 91精品国产91久久久久久最新 | 激情一区二区三区 | 天天天天天天操 | 国产在线网站 | 欧美精品乱码99久久影院 | 亚洲高清av| 在线成人av | 国产在线一区观看 | 一区二区三区国产精品 | 久久久久久久综合色一本 | 亚洲精品第一 | 91久久精品一区二区二区 | 亚洲成av人影片在线观看 | 天天爽一爽 | 色网站视频 | 久久久美女| 国产欧美一区二区三区在线看蜜臀 | 久久精品亚洲欧美日韩精品中文字幕 | 日本在线视频一区二区 | 精品国产乱码久久久久久88av | 久久久久久国产精品 | 国产露脸对白88av | 国产日韩精品在线 | 黄色综合| 色综合一区二区三区 | 久久精品91久久久久久再现 | 久久亚 |