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

HTML5有哪些新特性?HTML5新特性详解

程序员文章站 2022-03-21 17:46:02
...
本篇文章给大家带来的内容是关于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只需要写<!DOCTYPE> ,而html声明

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

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

以上就是HTML5有哪些新特性?HTML5新特性详解的详细内容,更多请关注其它相关文章!