當前位置:編程學習大全網 - 編程語言 - 怎麽在移動端上,也就是在手機上開發HTML

怎麽在移動端上,也就是在手機上開發HTML

您說的是html5開發,針對移動端網頁設計必學的知識體系。

壹、HTML5支持測試列表

在開始之前,妳需要了解現代的瀏覽器以及移動平臺對於HTML5的支持情況。

主流瀏覽器HTML5功能支持壹覽

移動平臺HTML5支持壹覽

HTML5支持測試

HTML5演示

二、讓HTML5元素可用

老版本的IE瀏覽器不能識別新的HTML元素。但是,可以使用壹些JavaScript或CSS解決方案來彌補這個缺陷。

HTML5Shiv:此腳本可以使IE瀏覽器識別HTML5元素。

HTML5 Enabler:功能與HTML5Shiv類似。

Modernizr:它使得開發者可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進行開發,同時又不會犧牲其他不支持這些新技術的瀏覽器的控制。

HTML5 Reset:它提供了壹組HTML、CSS文件,讓妳能夠以最少的時間來啟動壹個新的項目。它使用modernizr來支持HTML5 和 CSS3。

三、瀏覽器插件

下面是壹些JavaScript插件,可以彌補壹些瀏覽器對HTML5的支持問題。

1. VideoJS

VideoJS是壹個HTML5的視頻播放器,可以在所有瀏覽器中使用,包括IE6和移動設備。對於不支持HTML5的瀏覽器則自動使用Flash播放器來播放。

2. AudioJS

HTML音頻播放器。用來讓HTML5 的 標簽可以在各種瀏覽器上使用,包括移動設備。

3. HTML5Widget

HTML5的表單模塊,包括日歷,調色板,滑動部件,客戶端驗證等。

4. Webforms2

HTML5 表單屬性的支持,例如pattern、required和autofocus。

5. LimeJS

LimeJS是HTML5的遊戲框架,用於為現代觸摸設備和桌面瀏覽器創建快速、本地化的遊戲。

6. FlexieJS

支持CSS3彈性盒子模型(Flexible Box Model)。

四、在線工具

此外,還有壹些在線工具,可以幫助開發者加快HTML5項目的開發。

1. HTML5 Boilerplate

是壹個HTML / CSS /JS模板,是實現跨瀏覽器正常化、性能優化、穩定的可選功能如跨域Ajax和Flash的最佳實踐。開發者稱之為技巧集合,目的是滿足妳開發壹個跨瀏覽器,並且面向未來的網站的需求。

2. Switch to HTML5

非常有用的在線工具,可以根據妳的喜好生成HTML5文檔結構。

  • 上一篇:SAP和SAS之間的異同
  • 下一篇:怎麽學會python庫
  • copyright 2024編程學習大全網