DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 現在如何在你的站點上使用HTML 5(3)
現在如何在你的站點上使用HTML 5(3)
編輯:CSS詳解     

所有這些標簽都沒有跨浏覽器,跨平台實現支持,不過當那天到來的時候,你一定會很向往使用這些標簽的。打印式布局,另一個CSS3的特性,全面實施尚需好幾年的時間。給設計師們提供了多列布局的特性。目前只能在Firefox和Safari的測試用例裡實現。

  1. -moz-column-count: 3;
  2. -moz-column-gap: 20px;
  3. -webkit-column-count: 3;
  4. -webkit-column-gap: 20px;

地理位置檢測,隨著基於位置的服務增長,例如Gowalla和Foursquare,對於浏覽器來說,知道用戶 在哪裡是很有用的。所以,基於手機的移動浏覽器率先實現這個特性也就不足為奇了,Firefxo 3.5和Safari 5已經開始提供地理定位的支持了。(Chrome的類似服務是通過Gears實現的,不過正在逐步轉向到Html5上面)。

離線工作和本地存儲,在你沒發現你沒有網絡連接的時候,將數據存儲在雲端是非常偉大的主意;或者你有一個應用程 序,需要處理大量的數據,這樣就不得不頻繁地在服務端和客戶端之間往來,比你想像得到的還要多;又或者你的移動數據流量有限,你想在手機上存儲更多的數據 以避免太多的流量損耗,這個時候的答案就是,使用本地儲存來使應用程序離線工作,當連線的時候再同步到雲端的功能。

支持此功能的浏覽器有:Firefox 3.5+, Safari Mobile 3.1+, Safari 4+, Chrome 4+。

畫板、動畫和變換效果,Html 5的承諾之一使用Canvas元素和一些CSS3屬性可以實現是全說明和全動畫的網站。這來自2010年7月12號的標准。

HTML 5

使用最尖端的Html 5的捷徑

如果你已經迫不及待地想IE 8老死掉,那麼,有很多種方法可以跳過它繼續往前——再說一次,依然取決於你的訪客。查看一下你的站點的訪問日志,看看 訪問量最多的浏覽器標頭是什麼。這其中有一種方法就是,例如,使用Google的Chrome Frame,給IE嵌入了一個Chrome實例,如果你明白你站點的訪問者可能已經安裝了GCF[Google Chrome Frame],那麼你可以在你的HEAD裡加上一行META標簽,強制IE浏覽器使用GCF來顯示你的網站:

  1. <meta http-equiv="X-UA-Compatible" content="Chrome=1">

再加上一小段的Google提供的腳本,可以讓沒有安裝GCF的用戶跳轉到GCF的安裝頁面,那麼你也許可以跳過IE的限制。列舉在本篇文章裡的元素只是當前Html 5和CSS 3草案中的一小部分,如果你不得不使用另外的一些新特性,那麼去檢查一下現有的開源項目是很有必要的,這樣可以將浏覽器兼容性的問題降到最低。

許多媒體在報道HTML的時候都把焦點放在立場上面,什麼“不到2022年”,什麼“Flash殺手”之類的。現實是,HTML 5是長期以來的需要和對久未更新的Html 4的一次全新升級——所以,今天你就可以開始使用它了。

【編輯推薦】

  1. Html 5視頻標簽全屬性詳解
  2. 為網站提速 探秘Html 5鏈接預取功能
  3. Web前端技術進化論 Html 5時代來臨
  4. 主流浏覽器CSS 3和Html 5兼容清單
  5. 解讀Html 5新語法 提高語義價值
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved