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版本