整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Chrome/Safari都输了:新Edge浏览器率先实现100%支持HTML5

软切换到Chromium平台打造的新Edge可谓一炮走红,今年1月才发布正式版的它,3月末跃居全球第二大浏览器,超越了FireFox火狐。

乘胜追击,微软不忘继续为Edge打Call,这次的底牌是“人文关怀”。

官方公布的图表显示,新Edge在HTML5的可访问性上实现100%支持,相较之下,Safari是98%、Chrome是92%、FireFox是89%、老IE 11更是只有56%。

不过,这里也有两点需要解释。

首先我们看测试软件版本,Edge用的是最新版v80,而Chrome还停留在v62,FireFox停留在v58。微软对此的回应是,这是HTML5 Accessibility团队的测试选择,并非微软“田忌赛马”。

当然,这种选择也有合理性,选取的Chrome和FireFox版本是用户量较高的存在。

再看这个HTML5 Accessibility(A11y),它反映的是针对残障人士(特别是视力障碍者)优化功能的完整程度。

如果考察HTML5性能,还是HTML5 TEST更具代表性,在这个成绩上,原版Chrome的表现依然最好。

TML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。

本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除;新的技术webworker, websocket, Geolocation.

新增标签

1、<article> 标记定义一篇文章

2、<header> 标记定义一个页面或一个区域的头部

3、<nav> 标记定义导航链接

4、<section> 标记定义一个区域

5、<aside> 标记定义页面内容部分的侧边栏

6、<hgroup> 标记定义文件中一个区块的相关信息

7、<figure> 标记定义一组媒体内容以及它们的标题

8、<figcaption> 标签定义 figure 元素的标题。

9、<footer> 标记定义一个页面或一个区域的底部

10、<dialog> 标记定义一个对话框(会话框)类似微信

11、<video> 标记定义一个视频

12、<audio> 标记定义音频内容

13、<source> 标记定义媒体资源

14、<canvas> 标记定义画布

15、<menu> 右键菜单

16、<meter> 范围条

17、<progress> 进度条

18、<datalist> 为input标记定义一个下拉列表,配合option

表单类型:

1、email 邮箱地址

2、url URL地址

3、date,time,month,week,datetime,datetime-local 日期类型

4、number 数字(max min step)

5、range 范围滑块(max min step)

6、search 搜索输入框

7、tel 电话号码输入框

8、color 颜色拾取器

表单属性

1、placeholder 输入框默认内容

2、required 必填内容(必须加name)

3、pattern 正则验证(必须加name)

4、autofocus 自动聚焦

5、autocomplete 自动完成(autocomplete="on/off")

6、novalidate 不验证此表单(form属性)

7、multiple 多个值上传

移除的元素:

纯表现的元素:basefont,big,center,font, s,strike,tt,u;

对可用性产生负面影响的元素:frame,frameset,noframes;

支持HTML5新标签:

IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式

当然也可以直接使用成熟的框架、比如html5shiv,地址:https://cdn.bootcss.com/html5shiv/r29/html5.min.js。

015-12-02 10:26:02 作者:马荣

【中关村在线软件资讯】12月2日消息:臭名昭著的Adobe Flash居然要改名了,Adobe今日宣布Flash Professional将在以后版本中更名为Adobe Animate CC。

Adobe Animate CC将加入对HTML5的支持,这应该算是对趋势的一种顺应。为此,Adobe将大部分Flash事业部员工转移到新的部门来开发HTML5,CSS3和SVG等。

在HTMML5逐渐普及之后,Adobe Flash Professional也加强了对HTML5的支持,帮助开发人员创建更多网站、广告和动画电影。不过Animate CC还将继续支持Flash SWF文件。

Adobe Animate CC

目前已经没有人使用Flash来制作网站,只有网络广告还在对Flash提出需求,但是,自从推出HTML5之后,Flash音频和视频源数量也已经显著下降。

在业界越来越多的人排斥Flash,所以Adobe将其更名为Adobe Animate CC也是情理之中的,当然也是转变的开始。这样一来CC家族的成员又壮大了。


上一篇:HTML 颜色
下一篇:如何使用CSS重置