什么是H5技术

HTML5并不是一项技术，而是一个标准。”H5“本应是一个技术合集，却被意会成了一项技术。

HTML，全程为,中文直意为“超级文本标记语言"从94年由万维网(W3C)发明至今，已逐渐成为了网页标记语言的行业规范，它是构成网页的一种标记编写语言，html目前也历经了5次小大修改，也可以说H5是html的第5代语言。

技术要点：

1、重要标记

定义和用法

标签定义视频，比如**片段或其他视频流。

标记。

定义和用法

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

2、程序接口

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

（1）、用于即时2D绘图的Canvas标签；

（2）、定时媒体回放；

（3）、离线数据库存储；

（4）、文档编辑；

（5）、拖拽控制；

（6）、浏览历史管理。

3、元素变化

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

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

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

全域属性：id,tabindex,repeat。

移除元素：center,font,strike。

4、控件

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

基本Html控件有：

HtmlTexAreaHtmlTableHtmlImageHtmlButtonHtmlSelectHtmlFormHtmlInput。

自定义的Html控件是根据自己的需求定义。当自主开发效率低，可以从技术社区、源码网站下载需要的控件。比如，需要插入table,image,links等标签。不必自己开发，可以使用WijmoEditor等。

5、图表库

Net图表控件ChartFX相信大家已经非常熟悉了。ChartFX的开发商SoftwareFX推出的一套为HTML5、jQuery和JavaScript开发者设计的免费HTML5图表库——jChartFX！

jChartFX亮点：

（1）、jChartFX充分利用了HTML5，CSS和SVG，让您能够在浏览器提供美观优越的图表和更丰富的最终用户体验。

（2）、jChartFX拥有很多令人振奋的功能，它在无插件纯JavaScript的浏览器上运行，这意味着在提高了网站安全性和速度的同时，最大程度的减少了网站服务器的负荷。

（4）、jChartFX还能够自动整合到jQueryUIThemeRoller，自动读取并解释jQuery的主题和CSS文件，能够快速适应您的页面布局和设计，无需一行代码。

（4）、jChartFX支持JSON，JSON能够帮助您实现，任何数据源中的数据都可以展现到图表中。

（5）、jChartFX还支持超过40种的2D、3D图表类型，免费的图表控件中支持如此之多的图表展示类型实属难得。

扩展资料：

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

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

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

2、设备兼容特性(Class:DEVICEACCESS)

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。

HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

3、连接特性（Class:）

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。

HTML5拥有更有效的服务器推送技术，Server-SentEvent和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

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

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

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

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

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

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

7、CSS3特性(Class:CSS3)

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

1、有网站专门做这个，你可以选个模版去制作一个。

2、如果你是程序员，可以自己个页面。上传到web服务器上。我就是程序员我写了一个供参考。

源代码：码云