01.HTML5与HTML4的区别

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键获取焦点的顺序