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