HTML5 的新特性以及新标签的浏览器兼容问题

新特性:

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

1)  拖拽释放(Drag and drop) API

2)  语义化更好的内容标签(header,nav,footer,aside,article,section)

3)  音频、视频API(audio,video)

4)  画布(Canvas) API

5)  地理(Geolocation) API

6)  本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;

7)  sessionStorage 的数据在浏览器关闭后自动删除

8)  表单控件,calendar、date、time、email、url、search

9)  新的技术webworker, websocket, Geolocation

移除的元素:

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

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

支持HTML5新标签:

1. IE8/IE7/IE6支持通过 document.createElement 方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5 新标签,浏览器支持新标签后,还需要添加标签默认的样式(当然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架):

1 <!--[if lt IE 9]>
2 <script> src="http://html5shiv.googlecode.com/svn/trunk/html5.js"</script>
3 <![endif]--> 

如何区分:

DOCTYPE声明新增的结构元素、功能元素

时间: 2024-10-14 23:57:45

HTML5 的新特性以及新标签的浏览器兼容问题的相关文章

html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

新特性: 1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签(header,nav,footer,aside,article,section) 3. 音频.视频API(audio,video) 4. 画布(Canvas) API 5. 地理(Geolocation) API 6. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失: 7. sessionStorage 的数据在浏览器关闭后自动删除 8. 表单控件,calendar.date

html5有哪些新特性?如何处理html5新标签的浏览器兼容问题?如何区分html和html5?

h5新特性: 语义化标签:<hrader></header> .<footer></footer>.<nav></nav>.<section></section>.<article></article>.<aside></aside>.<video></video>.<audio></audio> 新增表单元素:em

HTML5新特性 之canvas标签(Day1-4)

canvas 1.什么是canvas? 1.1 是HTML5提供的一种新标签 1.2 canvas是一个矩形区域的画布,可以用JavaScript在上面绘画.控制其每一个像素 1.3 canvas 拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. 1.4 HTML5之前的web页面只能用一些固定样式的标签:比如p.div.h1等,但有了canvas Web页面可以可以丰富多彩. 2.canvas主要应用的领域 2.1 游戏:canvas在基于Web的图像显示方面比Flash更加立体.更加精

【HTML5】如何处理HTML5新标签的浏览器兼容版问题

HTML5规范毕竟是刚刚才定义完成的规范,还有一些浏览器并不能支持其中的新标签和新属性,尤其是IE8及以下版本浏览器.以下介绍一些在页面中使用HTML5新标签的实践方法,目的是让HTML5中的新标签在低级浏览器中也得到有限的支持,不至于影响整个的页面功能. 让浏览器识别HTML5规范中的新标签 IE8浏览器中还没有添加对HTML5新标签的支持,所以在IE8中无法直接展现HTML5新标签中的内容.庆幸的是IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以

[PHP7.0-PHP7.2]的新特性和新变更

php7发布已经升级到7.2.里面发生了很多的变化.本文整理php7.0至php7.2的新特性和一些变化. 参考资料: http://php.net/manual/zh/migration70.new-features.php http://php.net/manual/zh/migration71.new-features.php http://php.net/manual/zh/migration72.new-features.php PHP7.0 PHP7.0新特性 1. 组合比较符 (<

JDK14的新特性-Switch新功能

2020年3月17日,Oracle正式发布了JDK14版本,共新增了16项新特性 本文重点写一下关于switch的新功能: switch 表达式扩展了 switch 语句,使其不仅可以作为语句(statement),还可以作为表达式(expression),并且两种写法都可以使用传统的 switch 语法,或者使用简化的“case L ->”模式匹配语法作用于不同范围并控制执行流. JDK14之前的switch写法: public class SwitchTest { public static

Kubernetes1.3新特性:新的资源回收控制器

(一)  核心概念 在kubernetes1.3中新增了一个资源回收控制器GarbaseCollector,用这个控制器来替代kubernetes1.3中的资源回收控制器GC. 如下为kubernetes1.2中的资源回收控制器结构体: 如下为kubernetes1.3中的资源回收控制器结构体: 在kubernetes1.2中,如果要实现对资源级联回收功能,需要通过客户端进行资源级联回收调用的方式实现,比如存在一个replica set类型的资源,在这个资源下面存在多个POD资源,如果我们使用命

H5新特性&#183;语义化标签

所谓[语义化],便是[见名知意]! 在笔者基础阶段学习搭建页面结构的过程中,常常使用div划分页面结构,通过给div命名才能大概知晓每个模块的功能: 而H5语义化标签的出现与补充,解决了困扰笔者的这一问题:使得页面结构的搭建,不再复杂,每个版块的功能都清晰可见>>>(*^▽^*) 下面就让我们一起看看,新添加了哪些强大的语义化标签吧!!! [借鉴出处]http://caibaojian.com/html5/ele.html 笔者也亲自验证了一部分,如下图: ①[局部]time标签的使用,

iOS 11 Xcode9开发 新特性学习 (新方法篇)

1 .  引入github (1) 在Xcode 9 中,引入了 gitHub,新源代码管理导航器 可以展示branch分支和 tag标签. (2)点进去,就可以看指定一次commit了哪些东西 2 . 创建新的颜色 asset catalog 通常我们会New image  set, 现在 可以New color set . 然后填充 rgb alpha 值 调用: 3 .  真机无线调试(手机系统也得是iOS11) 暂不添加