Html5的概念

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改（这是一项正在进行中的一个草案、外语原文：This is a work in progress !）

HTML5是开放的Web网络平台的奠定石

支持Html5的浏览器包括 Firefox（火狐浏览器）， IE9及其更高版本， Chrome（谷歌浏览器）， Safari， Opera等；国内的遨游浏览器（Maxthon），以及基于IE或 Chromium（Chrome的工程版或称实验版）所推出的 360浏览器、 搜狗浏览器、 QQ浏览器、 猎豹浏览器等国产浏览器一样具有支持HTML5的能力。

在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。

JavaScript引擎的构建方法让制做手机网页游戏成为可能。因为界面层很复杂，已预订了一个 UI工具包去使用。

纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是不少人愿意去作这样的优化，但依然能够去尝试。

HTML5手机应用的最大优点就是能够在网页上直接 调试和修改。原先应用的开发人员可能须要花费很是大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。所以也有许多手机杂志客户端是基于HTML5标准，开发人员能够轻松调试修改。

 

语义特性（Class：Semantic）

 

HTML5赋予 网页更好的意义和结构。更加丰富的 标签将随着对 RDFa的，微数据与 微格式等方面的支持，构建对 程序、对用户都更有价值的数据 驱动的 Web。

本地存储特性（Class: OFFLINE & STORAGE）

基于HTML5开发的网页 APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和 API说明文档。

设备兼容特性 (Class: DEVICE ACCESS)

从 Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优点。HTML5提供了史无前例的数据与 应用接入开放接口。使外部应用能够直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

链接特性（Class: CONNECTIVITY）

更有效的链接工做效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流获得了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性可以帮助咱们实现服务器将数据“推送”到 客户端的功能。

网页 多媒体 特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS， 摄像头，影音功能相得益彰。

三维、图形及特效特性（Class: 3D, Graphics & Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

性能与集成特性（Class: Performance & Integration）

没有用户会永远等待你的Loading——HTML5会经过 XMLHttpRequest2等技术，解决之前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工做。

CSS3特性(Class: CSS3)

在不牺牲性能和语义结构的前提下， CSS3中提供了更多的风格和更强的效果。此外，较之之前的Web排版，Web的开放字体格式（ WOFF）也提供了更高的灵活性和控制性。

沿革

HTML5提供了一些新的元素和属性，例如<nav>（网站导航块）和<footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此以外，还为其余浏览要素提供了新的功能，如<audio>和<video>标记。

一、取消了一些过期的 HTML4标记

其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被 CSS取代。

HTML5 吸收了 XHTML2 一些建议，包括一些用来改善文档结构的功能，好比，新的HTML 标签 header, footer, dialog, aside, figure 等的使用，将使内容创做者更加语义地建立文档，以前的开发者在实现这些功能时通常都是使用 div。

二、将内容和展现分离

b 和 i 标签依然保留，但它们的意义已经和以前有所不一样，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。u，font，center，strike 这些标签则被彻底去掉了。

三、一些全新的表单输入对象

包括日期，URL，Email 地址，其它的对象则增长了对非拉丁 字符的支持。HTML5 还引入了微数据，这一使用机器能够识别的标签标注内容的方法，使语义Web 的处理更为简单。总的来讲，这些与结构有关的改进使内容建立者能够建立更干净，更容易管理的网页，这样的网页对搜索引擎，对读屏软件等更为友好。

四、全新的，更合理的Tag

多媒体对象将再也不所有绑定在 object或 embed Tag 中，而是视频有视频的Tag，音频有音频的 Tag。

五、本地数据库

这个功能将内嵌一个本地的SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线Web 程序也将所以获益匪浅。不须要插件的丰富动画。

六、Canvas 对象

将给浏览器带来直接在上面绘制 矢量图的能力，这意味着用户能够脱离Flash 和Silverlight，直接在浏览器中显示图形或动画。

七、浏览器中的真正程序

将提供 API 实现浏览器内的编辑，拖放，以及各类 图形用户界面的能力。内容修饰Tag 将被剔除，而使用CSS。

八、Html5取代Flash在移动设备的地位。

九、其突出的特色就是强化了web页的表现性,追加了本地数据库,[3]  

规范

HTML5和Canvas 2D规范的制定已经完成，尽管还不能算是 W3C标准，可是这些规范已经功能完整，企业和开发人员有了一个稳定的执行和规划目标。

W3C首席执行官Jeff Jaffe表示：“从今天起，企业用户能够清楚地知道，他们可以在将来依赖 HTML5。” HTML5是开放Web标准的基石，它是一个完整的编程环境，适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、普遍的网络功能等等。

为了减小浏览器碎片、实现于全部HTML工具的应用， W3C从今天开始着手W3C标准化的互操做性和测试。和以前宣布的规划同样， W3C计划在2014年完成 HTML5标准。

HTML工做组还发布了 HTML5.一、HTML Canvas 2D Context、Level 2以及主要元素的草案，让开发人员能提早预览下一轮标准。

 

网络标准

HTML5自己是由W3C推荐出来的，它的开发是经过 谷歌、 苹果， 诺基亚、 中国移动等几百家公司一块儿酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每个公开的标准均可以根据 W3C的资料库找寻根源。另外一方面，W3C经过的HTML5标准也就意味着每个浏览器或每个平台都会去实现。

多设备跨平台

用HTML5的优势主要在于，这个技术能够进行跨平台的使用。好比你开发了一款HTML5的游戏，你能够很轻易地移植到UC的开放平台、Opera的游戏中心、 Facebook应用平台，甚至能够经过封装的技术发放到App Store或Google Play上，因此它的跨平台性很是强大，这也是大多数人对HTML5有兴趣的主要缘由。

自适应网页设计

很早就有人设想，能不能“一次设计，广泛适用”，让同一张网页自动适应不一样大小的屏幕，根据屏幕宽度，自动调整布局（layout）。

2010年，Ethan Marcotte提出了”自适应网页设计“这个名词，指能够自动识别屏幕宽度、并作出相应调整的网页设计。

这就解决了传统的一种局面——网站为不一样的设备提供不一样的网页，好比专门提供一个mobile版本，或者iPhone / iPad版本。这样作当然保证了效果，可是比较麻烦，同时要维护好几个版本，并且若是一个网站有多个portal（入口），会大大增长架构设计的复杂度。

 

总结归纳HTML5有如下优势：

一、提升可用性和改进用户的友好体验；

二、有几个新的标签，这将有助于开发人员定义重要的内容；

三、能够给站点带来更多的多媒体元素(视频和音频)；

四、能够很好的替代FLASH和Silverlight；

五、当涉及到网站的抓取和索引的时候，对于 SEO很友好；

六、将被大量应用于移动应用程序和游戏；

七、可移植性好。

 

<video>[7]  标记

定义和用法：

</video> 标签订义视频，好比电影片断或其余 视频流。

<audio> 标记

定义和用法

</audio> 标签订义声音，好比音乐或其余 音频流。

实例：

一段简单的HTML 5 音频

<audio src="">

您的浏览器不支持 audio 标签。

</audio>

<canvas> 标记

定义和用法：

<canvas> 标签订义图形，好比图表和其余图像。

HTML5 的 canvas 元素使用JavaScript 在网页上绘制图像。

画布是一个矩形区域，您能够控制其每一像素。

canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

 

程序接口

除了原先的DOM接口，HTML5增长了更多API,如：

1． 用于即时2D绘图的Canvas标签

2． 定时媒体回放

3． 离线数据库存储

4． 文档编辑

5． 拖拽控制

6． 浏览历史管理

元素变化

新的解析顺序新的元素：section, video, progress, nav, meter, time, aside, canvasinput

元素的新属性：日期和时间，email, url。

新的通用属性：ping, charset, async

全域属性：id, tabindex, repeat。

移除元素：center, font, strike。

控件

就是Html标注的属性里加上runat="server"所构成的控件，至于Html标注和Html控件之间的区别很明显，Html控件是运行于服务器端，Html标注是运行于客户端。

基本Html控件有：HtmlTexArea\HtmlTable\HtmlImage\HtmlButton\HtmlSelect\HtmlForm\HtmlInput。

自定义的Html控件是根据本身的需求定义。当自主开发效率低，能够从技术社区、源码网站下载须要的控件。好比，须要插入table, image, links 等标签。没必要本身开发，可使用：ComponentOne Wijmo Editor等。

免费HTML5图表库——.Net图表控件Chart FX，深受你们喜好，相信你们已经很是熟悉了。不过慧都从Chart FX的开发商SoftwareFX得到一个激动人心的消息：该公司已推出一套为HTML5，jQuery和JavaScript开发者设计的图表库——jChartFX，并且jChartFX是免费的！

图表库

.Net图表控件Chart FX相信你们已经很是熟悉了。Chart FX的开发商SoftwareFX推出的一套为HTML五、jQuery和JavaScript开发者设计的免费HTML5图表库——jChartFX！

jChartFX亮点：

1. jChartFX充分利用了HTML5，CSS和SVG，让您可以在浏览器提供美观优越的图表和更丰富的最终用户体验。
2. jChartFX拥有不少使人振奋的功能，它在无插件纯JavaScript的浏览器上运行，这意味着在提升了网站安全性和速度的同时，最大程度的减小了网站服务器的负荷。
3. jChartFX还可以自动整合到jQuery UI ThemeRoller，自动读取并解释jQuery的主题和CSS文件，可以快速适应您的页面布局和设计，无需一行代码。
4. jChartFX支持JSON，JSON可以帮助您实现，任何数据源中的数据均可以展示到图表中。
5. jChartFX还支持超过40种的2D、3D图表类型，免费的图表控件中支持如此之多的图表展现类型实属可贵。

HTML 5 元素可拥有事件属性，这些属性在浏览器中触发行为，好比当用户单击一个HTML 5元素时启动一段 JavaScript。下面列出的事件属性，能够把它们插入 HTML 标签来定义事件行为。

HTML 5 中的新事件属性：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。

 

还有好多好多 。。。。。。