HTML5与HTML4的区别

HTML 5 与HTML 4 的区别

• 推出的理由及目标和语法的改变
• 新增的元素和废除的元素以及新增的属性和废除的属性
• 全局属性

---

推出的理由及目标

HTML5的出现，对于Web来说意义是非常重大的，因为它的意图是想要把目前Web上存在的各种问题一并解决掉了

• Web浏览器之间的兼容性很低
• 文档结构不够明确
• Web应用程序的功能收到了限制

世界知名浏览器厂商对HTML5的支持

• 微软、Google、苹果、Opera、Mozilla

• 语法的改变

  • 内容类型
  • DOCTYPE声明
    -<DOCTYPE html>
  • 指定字符编码
    -<meta charset="UTF-8">
  • 可以省略标记的元素
  • 具有boolean值的属性

  <input type="checkbox" checked>
  <input type="checkbox">
  <input type="checkbox" checked="checked">
  <input type="checkbox" checked="">

  • 省略引号

  新增的元素

  新增的结构元素
  section、artical、aside、header、hgroup、footer、nav、figure
  新增的其他元素
  video、audio、embed、mark、progress、meter、time、ruby、rt、rp、wbr、canvas、command、details、detalist、datagrid、keygen、output、source、menu
  新增的input元素的类型
  email、url、number、range、DatePickers

  废除的元素

  • 能使用CSS替代的元素：basefont、big、center、font、s、tt、u等
  • 不再使用frame框架
  • 只有部分浏览器支持的元素
  • 其他被废除的元素

  新增的属性

  • 表单相关的属性
  • 链接相关的属性
  • 其他属性

  新增的属性和废除的属性

  • conentEditable属性
  • designMode属性
  • hidden属性
  • spellcheck属性
  • tabindex属性