[互聯(lián)網]html5分享報告-資料下載頁
2025-01-19 09:22本頁面
【正文】 應用 Safari 對 HTML5 Web 應用的支持最好，除了地理定位功能，其它都支持 。 各主流瀏覽器對 html5的兼容情況 HTML5 網頁內嵌對象 這應該是 HTML5 最令人期待的東西，內置的畫布，視頻，音頻等對象。全部支持的有 Chrome， Safari， Firefox ，Opera 。 IE家族則全軍覆沒。 html5可以實現(xiàn)的新特效 HTML5 音頻編碼 Opera 支持的最全面， IE 家族又是顆粒無收。其他瀏覽器也不容樂觀。各主流瀏覽器對 html5的兼容情況 HTML5 視頻編碼 任重道遠。 各主流瀏覽器對 html5的兼容情況 HTML5 各種表單對象 Chrome 成績最佳。這些表單對象讓人想起了桌面程序。 基于 HTML5的 響應式 Web設計 響應式 Web設計 基于 HTML5的響應式 web設計，一個適應性的設計，能自動調整，以適應不同分辨率的移動終端。 例如：下面這個 demo,一次 html5適配，根據移動設備瀏覽器分辨率的不同而呈現(xiàn)不同的布局。 應用這一設計的網站： 基于 HTML5的 響應式 Web設計 響應式 Web設計，基于 HTML5技術 ,響應不同終端尺寸原理： ① 基于 HTML5完成頁面基本架構 ② 根據不同瀏覽器寬度調用不同的 css樣式，實現(xiàn)不同的效果。這個過程是通過 CSS3的 Media Queries來檢查瀏覽器可視窗口的大小。 瀏覽器寬度大于 1024px是，頁面寬度設為 980px，采用固定布局； 瀏覽器寬度大于 650px而小于 980px時，采用液態(tài)布局； 瀏覽器寬度小于 650px時，基于用戶體驗的考慮，應該選擇單欄布局， 當瀏覽器寬度小于 480px時，需要特別處理，使布局能適應于智能手機。關于 html5的學習資源 前端： HTML5中國： HTML5研究小組： W3C plus ： 博客源 ： 移動應用豐富動效的六點原則 ： 葡萄城控件團隊博客 ： 響應式設計 (Response Web Design)淺談 響應式設計 (Response Web Design)實踐 關于 html5的工具不同分辨下的測試工具 瀏覽器縮放工具 模擬各種主流設備
教學課件相關推薦
鄂ICP備17016276號-1