您的位置:首页 > Web前端 > HTML5

HTML5新增元素

2015-12-24 13:22 495 查看
由于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;

除此之外还废除了相当多的属性
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: