1、pc端对html5支持好的浏览器:
成都创新互联公司一直在为企业提供服务,多年的磨炼,使我们在创意设计,营销型网站到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过10余年以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务成都IDC机房托管、App定制开发、手机移动建站、网页设计、网络整合营销。
Google Chrome 或者 Mozilla Firefox 作为 HTML5 的最佳体验浏览器,两者在功能和性能上表现相当。
2、手机浏览器是:Safari for iOS, Google Chrome for Android (beta 版, and for Android 4+ only), 或者是 Blackberry Playbook 浏览器。为了在 iOS 和 Android 提供更好的性能表现,Scirra 强烈建议使用CocoonJS 或 directCanvas 开发游戏,而 PhoneGap 实在是太慢了,无法用来发布游戏,只适合做 app。
IE9支持部分,IE10+支持。Chrome3-5支持大部分,Chrome6+支持。iPad3.2+自带浏览器支持大部分。操作方法如下:
1、首先创建一个新的html文件,简单重置样式,添加canvas,给画布一个红色背景。
2、这里用jquery写,所以先引入jquery,可以看到默认下的canvas的画布大小 300*150。
3、编写resizeCnavas方法,用来动态获取并改变canvas的大小。
4、在页面加载完先对canvas进行一次画布的设置。
5、窗口大小发生改变时,动态调用上面的方法。
6、最后再次打开浏览器,就获得了自适应的canvas画布。
简介
万维网 的核心语言、 标准通用标记语言 下的一个应用 超文本标记语言 ( HTML )的第五次重大修改(这是一项推荐标准、外语原文: W3C Recommendation、见本处 参考资料 原文内容:[1]
)。
2014年10月29日, 万维网联盟 宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。
发展历程
标准通用标记语言 下的一个应用 HTML 标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web 超文本 应用技术工作组 - WHATWG ) 的组织。WHATWG 致力于 Web 表单和应用程序,而 W3C (World Wide Web Consortium, 万维网 联盟) 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。
HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分 现代浏览器 已经具备了某些 HTML5 支持。
2012年12月17日, 万维网联盟 (W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
2013年5月6日, HTML 5.1正式草案公布。该规范定义了第五次重大版本,第一次要修订 万维网 的核心语言:超文本标记语言( HTML )。在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素互操作性。
本次草案的发布,从2012年12月27日至今,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的 API 、 Canvas 等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升。
支持Html5的浏览器包括 Firefox (火狐浏览器), IE9 及其更高版本, Chrome (谷歌浏览器), Safari ,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或 Chromium (Chrome的工程版或称实验版)所推出的 360浏览器 、 搜狗浏览器 、 QQ浏览器 、 猎豹浏览器 等国产浏览器同样具备支持HTML5的能力。
在移动设备开发HTML5应用只有两种方法,要不就是全使用HTML5的语法,要不就是仅使用JavaScript引擎。
JavaScript 引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂,已预订了一个 UI 工具包去使用。
纯HTML5手机应用运行缓慢并错漏百出,但优化后的效果会好转。尽管不是很多人愿意去做这样的优化,但依然可以去尝试。
HTML5手机应用的最大优势就是可以在网页上直接 调试 和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准,开发人员可以轻松调试修改。
2014年10月29日,万维网联盟泪流满面地宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布。
在此之前的几年时间里,已经有很多开发者陆续使用了HTML5的部分技术, Firefox 、 Google Chrome 、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5,但直到今天,我们才看到“正式版”。
HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求,为桌面和移动平台带来无缝衔接的丰富内容。
W3C CEO Jeff Jaffe博士表示:“HTML5将推动Web进入新的时代。不久以前,Web还只是上网看一些基础文档,而如今,Web是一个极大丰富的平台。我们已经进入一个稳定阶段,每个人都可以按照标准行事,并且可用于所有浏览器。如果我们不能携起手来,就不会有统一的Web。”
HTML5还有望成为梦想中的“开放Web平台”(Open Web Platform)的基石,如能实现可进一步推动更深入的跨平台Web应用。
接下来,W3C将致力于开发用于实时通信、 电子支付 、应用开发等方面的标准规范,还会创建一系列的隐私、安全防护措施。
W3C还曾在2012年透露说,计划在2016年底前发布HTML 5.1。
主流浏览器对html5的支持情况:
(1)Chrome,Firefox:支持html5很多年,而且有自动升级,支持最好。
(2)Safari,Opera:同样支持html5很多年,支持也很好。
(3)IE:IE10起比较好了,之前很差。
资料来源航歌网,其他浏览器则根据内核为准。网上有专门的H5兼容性测试网站,由于回答策略的限制无法发送链接,自己找找就有了
FormFollowsFunction就是一个展示HTML5实现的网站,目前网站展示了14个作品,其中包括了交互操作以及视觉效果。这些效果本身并不是一个完整的产品,但是加入到产品中就能让产品生色不少。以下是百分网小编搜索整理的关于14个基于HTML5实现的特效,供参考借鉴,希望对大家有所帮助!
1、散景(Bokeh)
一种图像的焦外效果,通过HTML5实现的这种效果可以加载在背景、字体浮现。
2、3D效果
3D西红柿罐头汤,可通过鼠标进行旋转操作,同时底部有一个倒影效果,一个很优秀的交互效果示范。
3、宇宙全景图
设定整个宇宙的场景,可以用360度观察整个宇宙星云,这种实现方式呈现出的效果更接近Google的街景地图。
4、像素化效果
这种效果用于图片很有趣,而实际可利用到的领域,还有待探索。
5、螺旋效果
字体的旋转效果,简单的近乎一张GIF图片,不过通过对文章的替换,可以轻易的转换成各种各样的文案展示。
6、结晶化滤镜
通过鼠标可选择结晶化的范围,用于网页可对界面直接做出更多的交互视觉效果。
7、色相混合
随着鼠标移动而改变各个位置的色相,一种很简单就能汇聚用户视线的交互效果,不过在简单的背景才更能体现这种效果的价值。
8、翻转时钟
一种时钟的展示效果,结构非常简单,而看上去也很清晰明了,适合嵌入到很多不同的页面中作为实时时间的展示。
9、水纹倒影
一种视觉效果,在这个Demo中可以调节倒影波动的速度。这种效果适合制作Logo以及主页的展示。
10、自由落体
“下雨的人”展示了一种自由落体的效果,可以用鼠标条件调节飘落的角度,提供了一种带有物理效果的交互操作。这种功能特别用于游戏。
11、水面波纹
同样是一种物理效果,可通过鼠标刺激水面波纹,在网页上就能轻松实现。
12、树的成长
一种应激操作的交互方式,点击一次长出一棵树,可用于网页展示的附加效果。这种效果在视觉上有多种用法,网页、游戏都可以。
13、字母雨刷
在屏幕上扫除字母的雨刷效果,初次看见感觉像是网页刷新的过度画面。
14、渐显效果
通过一些杂乱无章的线逐渐显现出一幅画,中间的显现过程很适合作为网页加载的等待界面。
谷歌浏览器,火狐浏览器,IE浏览器等,新版本的浏览器基本上都是能够完美支持HTML5的新特性的。
任何主流浏览器在当前的时间节点下一定都支持HTML5。
主流浏览器所指的是有独立内核的浏览器,而不是看其用户量。因此主流浏览器包括:Chrome InternetExplorer Firefox Opera safair,而市面上其他的常用浏览器(例如QQ浏览器,360等,也均使用以上浏览器厂家的内核)。
针对于不同浏览器的特点本人不敢保证作答一定准确,仅从自身的认知和日常体验给出些许说明。Chrome浏览器其内容解析速度最快性能最好,但因某些原因在国内使用功能受限,例如Google账户密码同步,历史记录同步等。Opera体积小非常精悍,但是利用率并不非常高。InternetExplorer(IE)基本上各方面在现今来说都没啥优势,但是有很多银行的加密插件等都是基于IE进行开发,因此在某些特别的场景下忍着恶心不得不用。FireFox在国内可正常使用其云服务,老牌,插件丰富稳定,使用云服务的时候分为国内的通行证和国际服务,注意区分。