龙空技术网

html5有哪些新特性、如何处理HTML5新标签的浏览器兼容问题?

代码开发 256

前言:

而今姐妹们对“ie7支持html5”可能比较注重,姐妹们都想要分析一些“ie7支持html5”的相关资讯。那么小编同时在网络上收集了一些对于“ie7支持html5””的相关资讯,希望同学们能喜欢,各位老铁们快快来了解一下吧!

HTML5 现在已经不是 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,地址:。

欢迎关注

标签: #ie7支持html5