HTML5有哪些新特性？

百变鹏仔 2个月前 (10-17) #H5教程

文章标签新特性

本篇文章给大家带来的内容是关于HTML5有哪些新特性？HTML5新特性详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。【推荐教程：Html5教程】

一：新增的功能

更加语义化的元素。 article、footer、header、nav、section

本地化储存。 localStorage 和 sessionStorage

立即学习“前端免费学习笔记（深入）”；

离线应用，离线缓存。 manifest

拖曳以及释放的api。 Drag and drop

媒体播放。 video 和 audio

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

地理位置。 Geolocation

多任务。 webworker

全双工通信协议。 websocket

历史管理 history

跨域资源共享（CORS） Access-Control-Allow-Origin

页面可见性改变事件 visibilitychange

跨窗口通信 PostMessage

Form Data 对象

绘画：canvas

二：HTML5移除了那些元素？

纯表现的元素：basefont、big、center、font、s、strike、tt、u

对可用性产生负面影响的元素：frame、frameset、noframes

三：怎么样处理h5新标签的兼容问题

第一可以使用 document.createElement 来创建新标签

使用垫片 html5shiv.js

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

三：怎么样区分HTML和HTML5

很明显的区别就是DOCTYPE声明，h5只需要写，而html声明

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

可以根据h5新增的功能元素如canvas来进行判断

文章推荐