由于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;
除此之外还废除了相当多的属性