新增的元素有绘画 canvas ,用于媒介回放的 video 和 audio 元素,本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失,而sessionStorage的数据在浏览器关闭后自动删除,此外,还新增了以下的几大类元素。
内容元素,article、footer、header、nav、section。
表单控件,calendar、date、time、email、url、search。
控件元素,webworker, websockt, Geolocation。
移出的元素有下列这些:
显现层元素:basefont,big,center,font, s,strike,tt,u。
性能较差元素:frame,frameset,noframes。
如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
处理兼容问题有两种方式:
1.IE8/IE7/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签。
2.使用是html5shim框架
另外,DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素,此外,还可以根据新增的结构、功能元素来加以区分。
通过removeChild() 方法指定元素的某个指定的子节点来完成javascript删除一个html元素。
javascript删除一个html元素的步骤:
<!--创建一个html文件-->
<div id="div">
<div id="div1">知道</div>
<input type="button" value="删除div1" id="btn"/>
</div>
<script>
var o=document.getElementById("div")//获取父节点
var a=document.getElementById("div1")//获取需要删除的子节点
var b=document.getElementById("btn")//获取触发事件的节点
b.onclick=function(){o.removeChild(a)//从父节点o上面移除子节点a}
</script>
h5新特性:语义化标签:<hrader></header>、<footer></footer>、<nav></nav>、<section></section>、<article></article>、<aside></aside>、<video></video>、<audio></audio>
新增表单元素:email、month、number、range、search、tel、url、week、time、date、datatime、datetime-local
新增表单属性:placeholder、required、autofocus、autocomplete、maxlength、novalidate、max、min、step、multipe、disabled、checked
新增的视频和音频标签:<video></video>、<audio></audio>
canvas绘图
SVG绘图
拖拽
WebWorker、WebStorage、WebSocket
h5新标签的兼容问题:
(1)IE8/IE7/IE6支持通过 document.createElement
(2)将html5shiv.js引入到head中(IE9及以下)
<!--[if lt IE9]><script src="dist/html5shiv.js"></script><![endif]-->
载入后,初始化新标签的CSS:
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
如何区分html和html5:
(1)在文档类型声明上,h5为<!DOCTYPE html>,之前版本比较长
(2)h5有语义化标签,如<header></header>