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;

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

上一篇:HTML5/CSS3图片左右切换弹性动画


下一篇:HTML5新增元素和移除的元素?