HTML5新增元素

由于DIV的滥用，导致页面结构混乱，所以，与HTML4相比，HTML5主要新增了结构元素

新增的元素

1、结构元素：

section  表示页面中的一个块或者章节，比如页眉、页脚，或者页面中的其它部分，也可以与h1-h6搭配使用，表示文档的结构；

article   表示页面中的一块与上下文部相关的独立内容，比如文章正文；

aside    表示article以外的与article相关的辅助信息；

header  表示页面中的独立区域块，通常用来表示标题；

hgroup  对整个页面或者一个区域块的标题进行集合；

footer    表示页面中的一个区域块，通常用来表示页面的底部；

nav       页面中的导航链接部分；

figure    页面中的独立单元；

2、新增的其他元素

video    定义视频流；

audio    定义音频流；

canvas  定义画布-显示api或者javascript动画；除了这三个之外还新增了其它元素；

3、新增了input元素的类型

 

新增的属性

HTML5中提出了“全局属性”的概念，全局属性可以在所有元素中使用。新增的全局属性有：

contenteditable  文本可编辑 它的默认值是true，规定该文本可以被编辑，只能用于可以获取焦点的元素，在浏览器显示时，用户可以在其后面添加文本；

designmode 页面可编辑属性

hidden 元素不可见，默认值是true，规定浏览器不渲染该元素；

spellcheck 语法检查，对可编辑元素进行语法检查；

tabindex 规定元素是否获取焦点并可以指定元素的焦点顺序；

 

废除的元素

1、能够使用CSS代替的元素：big、center、font等；

2、不再使用frame和frameset；

除此之外还废除了相当多的属性