整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML5需要了解的特性

          、易用性及代碼簡潔性

          HTML5賦予網頁更好的意義和結構。新的HTML標簽像<header>, <footer>,<nav>,<section>, <aside>等等,使得閱讀者更加容易去訪問內容。使用新的語義學的定義標簽,你可以更好的了解HTML文檔,并且創建一個更好的使用體驗。

          ARIA是一個W3C的標準主要用來對HTML文章中的元素指定“角色“,通過角色屬性來創建重要的頁面地形例如,header,footer,navigation或者aritcle很有必要。這一點曾經被忽略掉了并且沒有被廣泛使用,因為事實上并不驗證。然而,HTML5將會驗證這樣屬性。同時,HTML5將會內建這些角色并且無法不覆蓋。

          二、本地存儲特性

          HTML5中最酷的特性就是本地存儲。有一點像比較老的技術cookie和客戶端數據庫的融合。它比cooke更好用因為支持多個windows存儲,它擁有更好的安全和性能,即使瀏覽器關閉后也可以保存。

          因為它是個客戶端的數據庫,你不用擔心用戶刪除任何cookie,并且所有主流瀏覽器都支持。

          本地存儲對于很多情況來說都不錯, 它是HTML5工具中一個不需要第三方插件實現的。能夠保存數據到用戶的瀏覽器中意味你可以簡單的創建一些應用特性例如:保存用戶信息,緩存數據,加載用戶上一次的應用狀態。如果你對本地存儲有興趣,你可以看看這些文章

          三、設備兼容特性(跨瀏覽器)

          從Geolocation功能的API文檔公開以來,HTML5為網頁應用開發者們提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢

          這里有很多的meta標簽允許你優化移動:

          viewport: 允許你定義viewport寬度和縮放設置
          全屏瀏覽器: ISO指定的數值允許Apple設備全屏模式顯示
          Home screen icons: 就像桌面收藏,這些圖標可以用來添加收藏到IOS和Android移動設備的首頁

          四、網頁媒體特性更好的支持音、視頻

          支持網頁端的Audio、Video等多媒體功能;在發布HTML5之前你需要使用<embed>和<object>標簽,并且為了它們能正確播放必須賦予一大堆的參數。你的媒體標簽將會非常復雜,大堆得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片:<video src=""/>。但是其它參數例如寬度和高度或者自動播放呢?不必擔心,只需要像其它HTML標簽一樣定義:<video src=”url” width=”640px” height=”380px” autoplay/>。

          <video src="movie.ogg" controls="controls">

          您的瀏覽器不支持 video 標簽。

          </video>

          五、三維、圖形及特效特性

          基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會驚嘆于在瀏覽器中,所呈現的驚人視覺效果,用戶使用<canvas>可以開發游戲。<canvas>元素本身不具備繪制能力,依靠腳本來完成

          當然HTML5還有諸多特性,以上簡單的總結了一些。更多特效及用法參考w3school提供的手冊;現在網絡上HTML5相關的視頻教程數不勝數。極客還有慕課都是很不錯的

          需要幫助可以關注公眾號:伙拼學習

          在越來越多的網站都使用html5,為了更好的瀏覽和更好的體驗,就會使用本地緩存數據庫,可是緩存數據庫也有限制的,這個是否確認嗎?

          本地緩存數據庫支持多大的緩存,這些可能都需要了解了,才能更好的寫好程序,知己知彼,才能更清楚了解瀏覽器的緩存使用和容量。

          先看一下Mobile手機端瀏覽器的緩存的支持:

          PC端對瀏覽器緩存的支持:

          從緩存數據庫容量大小來看,程序所要應對的數據就要相應的調整,刷新和數據的調用也要適用當前數據庫。

          、注意語言本地化

          如果想鼓勵用戶使用應用程序,你就不能將它設計為面向某個特定的設備。相反把它設計成支持通用的設備。大多數基于HTML5的移動操作系統(如Firefox OS)都有較大的非英語用戶群,因此應用程序的本地化變得極為重要。無論是打包的應用程序,還是托管的應用程序,都應該根據用戶的區域提供本地化服務。

          2、在部署之前進行測試

          無論你創建的應用程序有多大的吸引力、運作多么良好,如果你在發布前忘記了對它進行測試,那么你的努力可能會變質。應用程序真正面臨的嚴峻考驗是,用戶從來都不會考慮對應用程序進行測試,用戶會認為應用程序就是可用的。所以,開發者需要測試它,了解哪些功能是可以接受的,哪些功能需要做一些改進。

          3、讓發布包盡可能小

          由于移動設備的存儲空間很小,你需要保持發布包文件的尺寸盡可能小。這樣用戶可獲得更快的經驗。受無線連接速度太慢的影響也就越小。因此,要做的一切就是——用GZIP壓縮。減少用戶的數據流量消費。

          4、最好是提供免費下載

          最后一點,盡可能讓你的應用程序支持免費下載。付費應用是為了賺錢,但最好不要迫使潛在用戶直接購買,因為他們更傾向于免費試用應用。你仍然可以使用類似于RevMob和Playhaven等廣告服務API來賺錢。如果你的應用程序是免費的應用,那么毫無疑問,你會得到最大的下載數量。

          5、提供離線支持

          假設用戶總是能夠訪問互聯網,這是應用程序開發者常犯的錯誤。雖然打包的應用程序通常不需要任何網絡連接(而托管應用程序需要),離線支持可以很好地維持用戶的體驗,同時也能降低偶爾發生的網絡短時中斷的影響。因此,要讓你的應用程序支持離線。


          主站蜘蛛池模板: 精品欧洲av无码一区二区14| 国产一区在线观看免费| 99热门精品一区二区三区无码 | 国产成人精品无人区一区| 香蕉视频一区二区| 国产精品一区二区三区高清在线| 福利电影一区二区| 亚洲AV无码一区二区三区鸳鸯影院| 日韩社区一区二区三区| 日本在线视频一区二区三区| 午夜DV内射一区二区| 久久99国产一区二区三区| 亚洲成av人片一区二区三区 | 日韩美一区二区三区| 亚洲国产高清在线精品一区| 免费av一区二区三区| 中文字幕精品一区二区精品| 精品一区二区三区免费观看| 精品一区中文字幕| 精品视频一区二区三区在线播放| 中文字幕av人妻少妇一区二区| 秋霞无码一区二区| 亚无码乱人伦一区二区| 无码丰满熟妇一区二区| 无码国产精品一区二区免费式影视| 亚洲爆乳无码一区二区三区| 中文字幕一区二区人妻性色| 在线观看国产区亚洲一区成人| 成人区精品一区二区不卡| 国产在线精品一区二区不卡| 日本亚洲成高清一区二区三区| 国产一区二区三区久久精品| 久久亚洲AV午夜福利精品一区| 一区二区视频在线播放| 国产精品一区二区三区久久 | www亚洲精品少妇裸乳一区二区| 冲田杏梨高清无一区二区| 日韩一区二区久久久久久| 亚洲国产激情在线一区| 日韩精品一区二区三区影院| 成人日韩熟女高清视频一区|