svg和h5的关系（什么是H5技术）

本文目录

• 什么是H5技术
• vr跟h5是一个意思嘛
• h5是不是互联网产品
• h5开发和前端开发区别

什么是H5技术

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

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

技术要点：

1、重要标记

《video》标记

定义和用法

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

《audio》 标记。

定义和用法

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

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控件有：

HtmlTexArea\HtmlTable\HtmlImage\HtmlButton\HtmlSelect\HtmlForm\HtmlInput。

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

5、图表库

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

jChartFX亮点：

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

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

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

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

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

扩展资料：

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

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

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

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

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

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

3、连接特性（Class: CONNECTIVITY）

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

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

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

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

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

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

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

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

7、CSS3特性(Class: CSS3)

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

参考资料来源：中国经济网-传3·15曝光恶意App H5技术或成解决方案

参考资料来源：中国新闻网-H5发展势头不减：得朋友圈者得天下

vr跟h5是一个意思嘛

不是。
R和H5是两个不同的概念，不是一个意思,VR和H5是两种不同的技术，各自具有不同的应用场景和特点。
VR是虚拟现实（Virtual Reality）的缩写，是一种通过计算机技术模拟出的虚拟世界，H5是HTML5的缩写，是一种网页技术标准，具有更强的互动性和多媒体性。

h5是不是互联网产品

是的。

H5，其实并不是一项技术，而是一项标准。H5是指第5代HTML，也指用H5语言制作的一切数字产品(HTML是“超文本标记语言”的英文缩写)。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。

二、H5的特性

1、语义特性(Class：Semantic)

HTML5赋予网页更好的意义和结构，帮助编程人员更便捷地与浏览器沟通。

2、本地存储特性(Class:OFFLINE&STORAGE)

基于HTML5开发的网页App可以将一些常用、不常更新的内容存储在本地，令其拥有更短的启动时间，更快的联网速度。

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

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

4、连接特性(Class:CONNECTIVITY)

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

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

支持网页端的Audio、Video等多媒体功能。

6、三维、图形及特效特性(Class:3D,Graphics&Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能，视觉效果将大大增强，在线3D网游就是最典型的例子。

7、性能与集成特性(Class:Performance&Integration)

HTML5会通过XMLHttpRequest2等技术，帮助Web应用和网站在多样化的环境中更快速的工作。最直观的就是加载会更快。

8、CSS3特性(Class:CSS3)

如果把网页比喻成舞台，文字图片视频这些比喻成演员，那么CSS3就是化妆师和舞美，它控制着网页所有元素的视觉和动作效果。相对于旧的CSS版本，HTML5所支持的CSS3中提供了更多的风格和更强的效果，也提供了更高的灵活性和控制性。

h5开发和前端开发区别

　　HTML5其实是一种技术的集合，它包括了HTML5，CSS3，JS等技术。至于web前端开发，所涵盖的范围比html5更加大。web前端开发还包括了其它技能，比如说后台html，css，div等都是属于web前端开发的，html5和其它技能都是一样的，是属于web前端开发的一种技术，就是平时所说的移动端的网页制作，简称H5。

　　前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。