HTML5简介

HTML5发展历程

HTML5简介
HTML5是国际标准,广义的的HTML5通常是指 HTML, CSS3, Javascript 和API在内的一套技术组合。

HTML4和HTML5的区别

类型 文档类型设定 字符设定
HTML5 <!DOCTYPE html> <meta charset=“UTF-8”>
HTML4 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <meta http-equiv=“Content-Type” content=“text/html;charset=UTF-8”>

DOCTYPE错误可能造成页面错乱。
HTML5主要作用:

  • 减少网页浏览器对于需要插件的丰富性网络应用请求, 如Adobe Flash, Microsoft Sliverlight 与 Oracle JavaFX的需求;
  • 提供更多能有效机枪网络应用的标准集

HTML5设计目的

HTML5 的设计目的,是在移动设备上支持多媒体,为支持这一点:

  • 引入新的多媒体元素: 如video,audio;
  • 引进图形控制: canvas
  • 引进新的语义结构元素: footer, article, aside,nav
  • 引进新的表单控件: calender, date,time,email,url, search等
    Tips:新的多媒体元素使可以不依赖flash等插件;新的语义结构元素 优化了SEO,有利于搜索引擎抓取和索引网站内容,提供更多的功能,更好的体验;

HTML5已移除标签

<acronym> <applet> <basefont> <big>
<center> <dir> <font> <frame>
<frameset> <noframes> <strike> <tt>

浏览器兼容

Safari, Chrome, Firefox, IE9以上版本都支持。使用css hank支持IE低版本,使用if else判断支持JavaScript版本