频道栏目
首页 > 程序开发 > web前端 > HTML 5 > 正文
html5那些新特性,移除了哪些元素?如何处理html5的兼容性问题?如何区分html和html5?
2018-05-15 10:18:36         来源:youning222的博客  
收藏   我要投稿

html5那些新特性,移除了哪些元素

1.新特性

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

绘画 canvas;

      用于媒介回放的 video 和 audio 元素,用来处理视频和音频数据;

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

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

      语意化更好的内容元素,比如 article、footer、header、nav、section;

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

      新的技术webworker, websockt, Geolocation;

2.移除了哪些元素

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

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

如何处理html5的兼容性问题:

       IE8/IE7/IE6支持通过document.createElement方法产生的标签,

       可以利用这一特性让这些浏览器支持HTML5新标签,

       浏览器支持新标签后,还需要添加标签默认的样式。

       当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架

       <!--[if lt IE 9]>

       <script> src="https://html5shim.googlecode.com/svn/trunk/html5.js"</script>

       <![endif]-->

如何区分html和html5:

基本说明:

       html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言;可以简单点理解成为HTML 5 ≈ HTML4.0+CSS3+JS+API。定义的这些标签,更加有利于优化,蜘蛛能识别。节省程序员写代码的时间。最主要还是在SEO的优化上。

1、在文档声明上:html有很长的一段代码,并且很难记住这段代码,都是靠工具直接生成,而html5却是不同,只有简简单单的声明,也方便人们的记忆,更加精简。

2、在结构语义上:html4.0没有体现结构语义化的标签,这样表示网站的头部。html5在语义上却有很大的优势。提供了一些新的html5标签。

点击复制链接 与好友分享!回本站首页
上一篇:在html5中嵌入视频的方法教程
下一篇:分享一个H5数组去重的前端面试题
相关文章
图文推荐
文章
推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站