1. Htm5与Html4的区别 · 极客学院笔记

[toc] ## Html4与Html4的区别 > #### 推出的理由及目标 Html5的出现，对于web来说意义是非常重大的，因为他的意图是想要把目前web上存在的各种问题一并解决掉了。 * web浏览器之间的兼容性很低 * 文档结构不够明确 * web应用程序的功能受到了限制世界知名浏览器厂商对Html5的支持微软、Google、苹果、Opera、Mozilla > #### 语法的改变 * 内容类型 * DOCTYPE声明：只需要`<!DOCTYPE html>` * 指定字符编码：只需要`<meta charset="UTF-8">` * 可以省略标记的元素 * 具有boolean值的属性 * 省略引号 > #### 新增的元素和废除的元素 1. 新增的结构元素 `section`、`article`、 `aside`、`header`、`hgroup`、`footer`、`nav`、`figure` 2. 新增的其他元素 `video`、`audio`、`canvas`... 3. 新增的input元素的类型 `email`、`url`、 `number`、`ranger`、`Date Pickers` 4. 废除的元素 * 能使用css替代的元素：`basefont`、`big`、`center`、`font`、`s`、`tt`、`u` * 不再使用frame框架 * 只有部分浏览器支持的元素 * 其他被废除的元素 > #### 新增的属性和废除的属性 1. 新增的属性 * 表单相关的属性 * 链接相关的属性 * 其他属性 2. 废除的属性 >#### 全局属性 * contentEditable属性：是否可编辑 * designMode属性：是否可编辑，供js使用 * hidden属性：添加后隐藏 * spellcheck属性：针对input以及输入框进行语法检查 * tabindex属性：`tabindex="1"`按`table`键获取焦点的顺序