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

qq_53789078

于 2021-11-12 16:46:24 发布

阅读量216

点赞数 1

CC 4.0 BY-SA版权

文章标签： html5 html 前端

本文链接：https://blog.youkuaiyun.com/qq_53789078/article/details/121291234

本文详细介绍了HTML5中的新特性，包括Draganddrop API、语义化标签、音频视频处理、Canvas画布、Geolocation定位、离线存储以及新的表单控件。同时，讨论了被移除的过时元素，并提供了使IE8/IE7/IE6支持HTML5新标签的方法。此外，还提及了webworker、websocket等新技术在现代网页开发中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新特性：

拖拽释放(Drag and drop) 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；

h5新标签兼容：

IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，当然最好的方式是直接使用成熟的框架、使用最多的是html5框架