1.出现的意图想要将目前web存在的问题解决掉
- Web浏览器之间的兼容性低
- 文档结构不明确
- Web应用程序功能受限
2.DOCTYPE,文档声明
之前声明时需要指出html的版本,html5不需要
<!DOCTYPE html>
3.指定字符编码
4.boolean类型的属性
前三个都选中最后一个不选中5.省略引号
6.新增的元素和废除的元素
6.1结构元素:
-
section元素
对页面中的内容进行分块,表示一个章节,一段。一个section元素通常由内容及标题组成,表示文档的结构。
注意:
i.不要将section元素作为设置样式的页面容器,那是div的工作
ii.如果article、aside、nav元素更符合使用条件,就不要使用section元素
iii.没有标题内容,不要使用section -
article元素
表示与上下文不相关的独立内容,比如博客中的一篇文章,报纸中的一篇文章。
article元素可以嵌套使用
article元素可以用来表示插件 -
aside元素
表示article内容之外的,与article内容相关的辅助信息。
在article内使用
在页面中使用 -
header元素
页面中的内容区域块,通常用来表示标题 -
hgroup元素
对网页或区段(section)的标题进行组合
-
footer元素
页面中内容区域块,通常表示脚部。 -
nav元素
可以用作页面导航的链接组,其中导航元素链接到其他页面或当前页面的其他部分。
应用场景:
导航条,翻页操作 -
figure元素
一段独立的流的内容,表示文档主题流独立的内容单元 -
time元素与微格式
pubdate属性:发布日期 boolean类型
表明是一个发布时间 -
address元素
用来在文档中呈现联系信息。
6.2其他元素
- video
表示视频 - audio
表示音频 - canvas
画布
6.3新增的input元素类型
email:表示邮件地址
url:表示url地址
number:数值
range:范围
Date Pickers:和日历相关
7.新增的属性和废除的属性
8.全局属性
html5中新增了全局属性的概念,表示对所有元素可以使用的属性
-
contentEditable属性
该元素内容可被编辑,boolean元素,true为可编辑,false为不可编辑。未指定该属性根据继承的父元素的状态来指定,父元素可编辑,子元素即可编辑。
写属性,或赋值为true,赋值为“”,都是可编辑
可以编辑 - designMode属性
整个页面是否可编辑,当页面可编辑时,页面中所有支持contentEditable的属性都变成可编辑状态。只能在javascript脚本里被修改编辑。
on表示页面可编辑,off表示页面不可编辑 - hidden属性
true:元素可见
false:元素不可见 - spellcheck属性
对用户输入的内容进行文本检查 -
tabindex属性
按tab键获取焦点的顺序
网友评论