前端教程:HTML5有哪些新特性?

开课吧开课吧锤锤2021-07-23 14:49

当我们进行Web开发时,使用Html是非常重要的,因为它包含了最基本的网页结构,尽管Html只能帮助我们构建静态网页,但这是我们最不能缺少的部分,如果将网页比作房屋,那么Html就是基础,今天就跟随小编学习一下HTML5有哪些新特性?  

HTML5有哪些新特性?

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

拖拽释放(Draganddrop)API  

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

音频、视频API(audio,video)  

画布(Canvas)API  

地理(Geolocation)API  

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

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

新的技术webworker,websocket,Geolocation  

移除的元素  

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

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

支持HTML5新标签:  

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

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

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

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

<!--[ifltIE9]>  

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

<![endif]-->  

如何区分:DOCTYPE声明\新增的结构元素\功能元素  

以上就是开课吧广场小编为大家整理发布的“前端教程:HTML5有哪些新特性?”一文,更多Web教程相关内容尽在开课吧Web教程频道。  

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享