HTML5技术要点

From 【百度百科】

重要标记

<video> 标记

定义和用法：

</video> 标签定义视频，比如电影片段或其他 视频流。

<audio> 标记

定义和用法

</audio> 标签定义声音，比如音乐或其他 音频流。

实例：

一段简单的HTML 5 音频

<audio src="">

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

</audio>

<canvas> 标记

定义和用法：

<canvas> 标签定义图形，比如图表和其他图像。

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

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

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

实例：

通过 canvas 元素来显示一个红色的矩形：

<canvas id="myCanvas"></canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');

var ctx=canvas.getContext('2d');

1. fillStyle='#FF0000';
2. fillRect(0,0,80,100);

</script>

程序接口

除了原先的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推出的一套为HTML5、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图表类型，免费的图表控件中支持如此之多的图表展示类型实属难得。