什么是HTML5?

HTML5是HTML最新的订正版本，2014年10月由万维网联盟（W3C）实现规范制订。设计目标是为了在挪动设施上反对多媒体。HTML5是最新的html规范，领有新的语义、图形以及多媒体元素，简化web利用，对应程序员来说也是简略易学。通常简称 “H5”。

反对HTML5的浏览器包含Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的 漫游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称试验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备反对HTML5的能力。

HTML5与HTML比拟

区别1：html5 不辨别是否是严格模式还是传统模式，而html 申明时有严格、传统、框架模式。文档申明变得简单明了。

html5 的申明：<!DOCTYPE html>

html的申明：

  • html 4.01 Strict：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • html 4.01 Transitional：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • html 4.01 Framest：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    区别2：html没有语义化标签，而html5 增加了许多语义标签，使代码构造清晰，进步代码可读性。

如：header、nav、footer、main、artical、section等。
区别3：html无奈在网页上动静的绘制图片，而 html5 新增了canvas画布，canvas绘制的图片放大后会失真，而SVG可绘制矢量图形。

H5 新增个性

  1. Canvas、SVG -- 用于绘画的元素，canvas绘制的图片会失真而SVG绘制的不会失真。
  2. video、audio -- 用于播放视频和音频的媒体。
  3. Drag 、Drop -- 用于拖放的 。
  4. Geolocation -- 用于获取地理位置。
  5. localStorage、sessionStorage -- 用于本地离线存储。
  6. webSQL、IndexDB -- 前端数据库操作，因为安全性极低，目前h5已放弃。
  7. web Worker -- 独立于其余脚本，不影响页面性能运行在后盾的javascript。
  8. webSocket -- 单个TCP连贯上进行全双工通信的协定。
  9. 新的非凡内容元素 -- 如：article、footer、header、nav、section。

  10. 新的表单控件 -- 如：date、time、email、url、search。

    H5 的优缺点

    概括html5有以下几点劣势：

  • 进步可用性和可维护性，改良了用户体验。
  • 新增语义化标签，有助于开发人员定义清晰的构造。
  • 能够播放视频音频，减少多媒体元素。
  • 利用h5动画，敌对地代替了flash和silverlight。
  • 爬虫抓取网站的时候，对于SEO很敌对。
  • H5被大量利用于挪动利用和游戏开发。
  • 可移植性好。

毛病：
当初大多数高版本浏览器都反对html5，然而少部分的低版本浏览器目前不反对html5，因新标签的引入，各浏览器之间将短少一种对立的数据形容格局，造成用户体验不佳。