1、pc端對(duì)html5支持好的瀏覽器:
成都創(chuàng)新互聯(lián)公司一直在為企業(yè)提供服務(wù),多年的磨煉,使我們?cè)趧?chuàng)意設(shè)計(jì),營(yíng)銷型網(wǎng)站到技術(shù)研發(fā)擁有了開發(fā)經(jīng)驗(yàn)。我們擅長(zhǎng)傾聽企業(yè)需求,挖掘用戶對(duì)產(chǎn)品需求服務(wù)價(jià)值,為企業(yè)制作有用的創(chuàng)意設(shè)計(jì)體驗(yàn)。核心團(tuán)隊(duì)擁有超過(guò)10余年以上行業(yè)經(jīng)驗(yàn),涵蓋創(chuàng)意,策化,開發(fā)等專業(yè)領(lǐng)域,公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)成都IDC機(jī)房托管、App定制開發(fā)、手機(jī)移動(dòng)建站、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)整合營(yíng)銷。
Google Chrome 或者 Mozilla Firefox 作為 HTML5 的最佳體驗(yàn)瀏覽器,兩者在功能和性能上表現(xiàn)相當(dāng)。
2、手機(jī)瀏覽器是:Safari for iOS, Google Chrome for Android (beta 版, and for Android 4+ only), 或者是 Blackberry Playbook 瀏覽器。為了在 iOS 和 Android 提供更好的性能表現(xiàn),Scirra 強(qiáng)烈建議使用CocoonJS 或 directCanvas 開發(fā)游戲,而 PhoneGap 實(shí)在是太慢了,無(wú)法用來(lái)發(fā)布游戲,只適合做 app。
IE9支持部分,IE10+支持。Chrome3-5支持大部分,Chrome6+支持。iPad3.2+自帶瀏覽器支持大部分。操作方法如下:
1、首先創(chuàng)建一個(gè)新的html文件,簡(jiǎn)單重置樣式,添加canvas,給畫布一個(gè)紅色背景。
2、這里用jquery寫,所以先引入jquery,可以看到默認(rèn)下的canvas的畫布大小 300*150。
3、編寫resizeCnavas方法,用來(lái)動(dòng)態(tài)獲取并改變canvas的大小。
4、在頁(yè)面加載完先對(duì)canvas進(jìn)行一次畫布的設(shè)置。
5、窗口大小發(fā)生改變時(shí),動(dòng)態(tài)調(diào)用上面的方法。
6、最后再次打開瀏覽器,就獲得了自適應(yīng)的canvas畫布。
簡(jiǎn)介
萬(wàn)維網(wǎng) 的核心語(yǔ)言、 標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言 下的一個(gè)應(yīng)用 超文本標(biāo)記語(yǔ)言 ( HTML )的第五次重大修改(這是一項(xiàng)推薦標(biāo)準(zhǔn)、外語(yǔ)原文: W3C Recommendation、見本處 參考資料 原文內(nèi)容:[1]
)。
2014年10月29日, 萬(wàn)維網(wǎng)聯(lián)盟 宣布,經(jīng)過(guò)接近8年的艱苦努力,該標(biāo)準(zhǔn)規(guī)范終于制定完成。
發(fā)展歷程
標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言 下的一個(gè)應(yīng)用 HTML 標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后,后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣,為了推動(dòng)Web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展,一些公司聯(lián)合起來(lái),成立了一個(gè)叫做 Web Hypertext Application Technology Working Group (Web 超文本 應(yīng)用技術(shù)工作組 - WHATWG ) 的組織。WHATWG 致力于 Web 表單和應(yīng)用程序,而 W3C (World Wide Web Consortium, 萬(wàn)維網(wǎng) 聯(lián)盟) 專注于 XHTML 2.0。在 2006 年,雙方?jīng)Q定進(jìn)行合作,來(lái)創(chuàng)建一個(gè)新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的 HTML 工作團(tuán)隊(duì)。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而,大部分 現(xiàn)代瀏覽器 已經(jīng)具備了某些 HTML5 支持。
2012年12月17日, 萬(wàn)維網(wǎng)聯(lián)盟 (W3C)正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的HTML5規(guī)范已經(jīng)正式定稿。根據(jù)W3C的發(fā)言稿稱:“HTML5是開放的Web網(wǎng)絡(luò)平臺(tái)的奠基石。”
2013年5月6日, HTML 5.1正式草案公布。該規(guī)范定義了第五次重大版本,第一次要修訂 萬(wàn)維網(wǎng) 的核心語(yǔ)言:超文本標(biāo)記語(yǔ)言( HTML )。在這個(gè)版本中,新功能不斷推出,以幫助Web應(yīng)用程序的作者,努力提高新元素互操作性。
本次草案的發(fā)布,從2012年12月27日至今,進(jìn)行了多達(dá)近百項(xiàng)的修改,包括HTML和XHTML的標(biāo)簽,相關(guān)的 API 、 Canvas 等,同時(shí)HTML5的圖像img標(biāo)簽及svg也進(jìn)行了改進(jìn),性能得到進(jìn)一步提升。
支持Html5的瀏覽器包括 Firefox (火狐瀏覽器), IE9 及其更高版本, Chrome (谷歌瀏覽器), Safari ,Opera等;國(guó)內(nèi)的傲游瀏覽器(Maxthon),以及基于IE或 Chromium (Chrome的工程版或稱實(shí)驗(yàn)版)所推出的 360瀏覽器 、 搜狗瀏覽器 、 QQ瀏覽器 、 獵豹瀏覽器 等國(guó)產(chǎn)瀏覽器同樣具備支持HTML5的能力。
在移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用只有兩種方法,要不就是全使用HTML5的語(yǔ)法,要不就是僅使用JavaScript引擎。
JavaScript 引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁(yè)游戲成為可能。由于界面層很復(fù)雜,已預(yù)訂了一個(gè) UI 工具包去使用。
純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出,但優(yōu)化后的效果會(huì)好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化,但依然可以去嘗試。
HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接 調(diào)試 和修改。原先應(yīng)用的開發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果,不斷地重復(fù)編碼、調(diào)試和運(yùn)行,這是首先得解決的一個(gè)問(wèn)題。因此也有許多手機(jī)雜志客戶端是基于HTML5標(biāo)準(zhǔn),開發(fā)人員可以輕松調(diào)試修改。
2014年10月29日,萬(wàn)維網(wǎng)聯(lián)盟淚流滿面地宣布,經(jīng)過(guò)幾乎8年的艱辛努力,HTML5標(biāo)準(zhǔn)規(guī)范終于最終制定完成了,并已公開發(fā)布。
在此之前的幾年時(shí)間里,已經(jīng)有很多開發(fā)者陸續(xù)使用了HTML5的部分技術(shù), Firefox 、 Google Chrome 、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5,但直到今天,我們才看到“正式版”。
HTML5將會(huì)取代1999年制定的HTML 4.01、XHTML 1.0標(biāo)準(zhǔn),以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時(shí)候,使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)絡(luò)需求,為桌面和移動(dòng)平臺(tái)帶來(lái)無(wú)縫銜接的豐富內(nèi)容。
W3C CEO Jeff Jaffe博士表示:“HTML5將推動(dòng)Web進(jìn)入新的時(shí)代。不久以前,Web還只是上網(wǎng)看一些基礎(chǔ)文檔,而如今,Web是一個(gè)極大豐富的平臺(tái)。我們已經(jīng)進(jìn)入一個(gè)穩(wěn)定階段,每個(gè)人都可以按照標(biāo)準(zhǔn)行事,并且可用于所有瀏覽器。如果我們不能攜起手來(lái),就不會(huì)有統(tǒng)一的Web?!?/p>
HTML5還有望成為夢(mèng)想中的“開放Web平臺(tái)”(Open Web Platform)的基石,如能實(shí)現(xiàn)可進(jìn)一步推動(dòng)更深入的跨平臺(tái)Web應(yīng)用。
接下來(lái),W3C將致力于開發(fā)用于實(shí)時(shí)通信、 電子支付 、應(yīng)用開發(fā)等方面的標(biāo)準(zhǔn)規(guī)范,還會(huì)創(chuàng)建一系列的隱私、安全防護(hù)措施。
W3C還曾在2012年透露說(shuō),計(jì)劃在2016年底前發(fā)布HTML 5.1。
主流瀏覽器對(duì)html5的支持情況:
(1)Chrome,F(xiàn)irefox:支持html5很多年,而且有自動(dòng)升級(jí),支持最好。
(2)Safari,Opera:同樣支持html5很多年,支持也很好。
(3)IE:IE10起比較好了,之前很差。
資料來(lái)源航歌網(wǎng),其他瀏覽器則根據(jù)內(nèi)核為準(zhǔn)。網(wǎng)上有專門的H5兼容性測(cè)試網(wǎng)站,由于回答策略的限制無(wú)法發(fā)送鏈接,自己找找就有了
FormFollowsFunction就是一個(gè)展示HTML5實(shí)現(xiàn)的網(wǎng)站,目前網(wǎng)站展示了14個(gè)作品,其中包括了交互操作以及視覺(jué)效果。這些效果本身并不是一個(gè)完整的產(chǎn)品,但是加入到產(chǎn)品中就能讓產(chǎn)品生色不少。以下是百分網(wǎng)小編搜索整理的關(guān)于14個(gè)基于HTML5實(shí)現(xiàn)的特效,供參考借鑒,希望對(duì)大家有所幫助!
1、散景(Bokeh)
一種圖像的焦外效果,通過(guò)HTML5實(shí)現(xiàn)的這種效果可以加載在背景、字體浮現(xiàn)。
2、3D效果
3D西紅柿罐頭湯,可通過(guò)鼠標(biāo)進(jìn)行旋轉(zhuǎn)操作,同時(shí)底部有一個(gè)倒影效果,一個(gè)很優(yōu)秀的交互效果示范。
3、宇宙全景圖
設(shè)定整個(gè)宇宙的場(chǎng)景,可以用360度觀察整個(gè)宇宙星云,這種實(shí)現(xiàn)方式呈現(xiàn)出的效果更接近Google的街景地圖。
4、像素化效果
這種效果用于圖片很有趣,而實(shí)際可利用到的領(lǐng)域,還有待探索。
5、螺旋效果
字體的旋轉(zhuǎn)效果,簡(jiǎn)單的近乎一張GIF圖片,不過(guò)通過(guò)對(duì)文章的替換,可以輕易的轉(zhuǎn)換成各種各樣的文案展示。
6、結(jié)晶化濾鏡
通過(guò)鼠標(biāo)可選擇結(jié)晶化的范圍,用于網(wǎng)頁(yè)可對(duì)界面直接做出更多的交互視覺(jué)效果。
7、色相混合
隨著鼠標(biāo)移動(dòng)而改變各個(gè)位置的色相,一種很簡(jiǎn)單就能匯聚用戶視線的交互效果,不過(guò)在簡(jiǎn)單的背景才更能體現(xiàn)這種效果的價(jià)值。
8、翻轉(zhuǎn)時(shí)鐘
一種時(shí)鐘的展示效果,結(jié)構(gòu)非常簡(jiǎn)單,而看上去也很清晰明了,適合嵌入到很多不同的頁(yè)面中作為實(shí)時(shí)時(shí)間的展示。
9、水紋倒影
一種視覺(jué)效果,在這個(gè)Demo中可以調(diào)節(jié)倒影波動(dòng)的速度。這種效果適合制作Logo以及主頁(yè)的展示。
10、自由落體
“下雨的人”展示了一種自由落體的效果,可以用鼠標(biāo)條件調(diào)節(jié)飄落的角度,提供了一種帶有物理效果的交互操作。這種功能特別用于游戲。
11、水面波紋
同樣是一種物理效果,可通過(guò)鼠標(biāo)刺激水面波紋,在網(wǎng)頁(yè)上就能輕松實(shí)現(xiàn)。
12、樹的成長(zhǎng)
一種應(yīng)激操作的交互方式,點(diǎn)擊一次長(zhǎng)出一棵樹,可用于網(wǎng)頁(yè)展示的附加效果。這種效果在視覺(jué)上有多種用法,網(wǎng)頁(yè)、游戲都可以。
13、字母雨刷
在屏幕上掃除字母的雨刷效果,初次看見感覺(jué)像是網(wǎng)頁(yè)刷新的過(guò)度畫面。
14、漸顯效果
通過(guò)一些雜亂無(wú)章的線逐漸顯現(xiàn)出一幅畫,中間的顯現(xiàn)過(guò)程很適合作為網(wǎng)頁(yè)加載的等待界面。
谷歌瀏覽器,火狐瀏覽器,IE瀏覽器等,新版本的瀏覽器基本上都是能夠完美支持HTML5的新特性的。
任何主流瀏覽器在當(dāng)前的時(shí)間節(jié)點(diǎn)下一定都支持HTML5。
主流瀏覽器所指的是有獨(dú)立內(nèi)核的瀏覽器,而不是看其用戶量。因此主流瀏覽器包括:Chrome InternetExplorer Firefox Opera safair,而市面上其他的常用瀏覽器(例如QQ瀏覽器,360等,也均使用以上瀏覽器廠家的內(nèi)核)。
針對(duì)于不同瀏覽器的特點(diǎn)本人不敢保證作答一定準(zhǔn)確,僅從自身的認(rèn)知和日常體驗(yàn)給出些許說(shuō)明。Chrome瀏覽器其內(nèi)容解析速度最快性能最好,但因某些原因在國(guó)內(nèi)使用功能受限,例如Google賬戶密碼同步,歷史記錄同步等。Opera體積小非常精悍,但是利用率并不非常高。InternetExplorer(IE)基本上各方面在現(xiàn)今來(lái)說(shuō)都沒(méi)啥優(yōu)勢(shì),但是有很多銀行的加密插件等都是基于IE進(jìn)行開發(fā),因此在某些特別的場(chǎng)景下忍著惡心不得不用。FireFox在國(guó)內(nèi)可正常使用其云服務(wù),老牌,插件豐富穩(wěn)定,使用云服務(wù)的時(shí)候分為國(guó)內(nèi)的通行證和國(guó)際服務(wù),注意區(qū)分。