欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html5那些新特性,移除了哪些元素?如何处理html5的兼容性问题?如何区分html和html5?

程序员文章站 2022-05-27 17:09:31
html5那些新特性,移除了哪些元素 1.新特性       html5 现在已经不是 sgml 的子集,主要是关于图像,位置,存储,多任务等功能的增加。 绘画 can...

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标签。