JSRUN 用代码说话

HTML 5 简介

编辑教程

简介

HTML5是互联网的下一代标准,是构建与呈现互联网内容的一种语言方式
HTML5 全称 :HyperText Markup Language 5

HTML5是互联网的核心技术之一,是构建Web内容的一种语言描述方式。
HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。
HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。

HTML5中结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012 年已形成了稳定的版本

未来发展趋势

HTML5技术的移动端方向。HTML5技术在未来主要发展的市场还是在移动端互联网领域,现阶段移动浏览器有应用体验不佳、网页标准不统一的劣势,这两个方面是移动端网页发展的障碍,而HTML5技术能够解决这两个问题,并且将劣势转化为优势,整体推动整个移动端网页方面的发展;

Web内核标准提升。目前移动端网页内核大多采用Web内核,相信在未来几年内随着智能端逐渐普及,HTML5在Web内核方面应用将会得到极大的凸显;

提升Web操作体验。随着硬件能力的提升、WebGL标准化的普及以及手机页游的逐渐成熟,手机页游向3D化发展是大势所趋;

网络营销游戏化发展。通过一些游戏化、场景化以及跨屏互动等环节,不仅增加用户游戏体验,还能够满足广告主大部分的营销需求,在推销产品的过程中,让用户体验游戏的乐趣;

移动视频、在线直播。HTML5将会改变视频数据的传输方式,让视频播放更加流畅,与此同时,视频还能够与网页相结合,让用户看视频如看图片一样轻松。

新特性

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search

HTML5将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都进行了规范。

智能表单

表单是实现用户与页面后台交互主要组成部分,HTML5在表单的设计上功能更加强大。

绘图画布

HTML5的canvas元素可以实现画布功能,该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理,拥有实现绘制线条、弧线以及矩形,用样式和颜色填充区域,书写样式化文本,以及添加图像的方法,且使用JavaScript可以控制其每一个像素。HTML5的canvas元素使得浏览器无需Flash或Silverlight等插件就能直接显示图形或动画图像

多媒体

HTML5最大特色之一就是支持音频视频,在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持,只要在Web网页中嵌入这两个标签,而无需第三方插件(如Flash)就可以实现音视频的播放功能。HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖,加快了页面的加载速度,扩展了互联网多媒体技术的发展空间。

地理定位

现今移动网络备受青睐,用户对实时定位的应用越来,要求也越来越高。HTML5通过引入Geolocation的API可以通过GPS或网络信息实现用户的定位功能,定位更加准确、灵活。通过HTML5进行定位,除了可以定位自己的位置,还可以在他人对你开放信息的情况下获得他人的定位信息。

数据存储

HTML5较之传统的数据存储有自已的存储方式,允许在客户端实现较大规模的数据存储。为了满足不同的需求,HTML5支持DOM Storage和Web SQL Database 两种存储机制。其中,DOM Storage 适用于具有key/value对的基本本地存储;而WebSQLDatabase是适用于关系型数据库的存储方式,开发者可以使用SQL语法对这些数据进行查询、插入等操作。

多线程

HTML5利用Web Worker将Web应用程序从原来的单线程业界中解放出来,通过创建一个Web Worker对象就可以实现多线程操作。

历史

HTML产生于1990年,1997年HTML4成为互联网标准
1995年第一次尝试在HTML 3.0中扩展HTML
1997年完成了一种称为HTML 3.2的更实用的方法
1997年晚些时候,HTML 4.01出现了
1998年停止发展HTML,开始研究基于XML的等价物:XHTML,始于XML中的HTML 4.01重新编写,称为XHTML 1.0
1998年,W3C还开发了一种与早期HTML和XHTML语言不兼容的新语言,称之为XHTML 2.0。
2003年一个概念证明,可以扩展HTML 4.01的表单,提供XForms 1.0引入的许多功能
2004年 W3C研讨会上测试了HTML应该重新开放的想法
2006年,W3C表示有兴趣参与HTML 5.0的开发,并于2007年组建了一个工作组,专门与WHATWG合作开发HTML规范。
2011年,小组得出的结论是,他们有不同的目标:W3C希望为HTML 5.0推荐的功能划清界限
2012年中期,W3C推出了一个新的编辑团队,负责创建HTML 5.0推荐标准

HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发

在前五年(1990-1995),HTML经历了多次修订并经历了许多扩展,主要是在欧洲核子研究中心首先托管,然后是IETF。

随着W3C的创建,HTML的发展再次改变了场地。 1995年第一次尝试在HTML 3.0中扩展HTML,然后在1997年完成了一种称为HTML 3.2的更实用的方法。同一年晚些时候,HTML 4.01很快就出现了。

第二年,W3C成员决定停止发展HTML,而是开始研究基于XML的等价物,称为XHTML。这项工作始于XML中的HTML 4.01重新编写,称为XHTML 1.0,除了新的序列化之外没有添加任何新功能,并且在2000年完成。在XHTML 1.0之后,W3C的重点转向使其他工作组更容易在XHTML模块化的旗帜下扩展XHTML。与此同时,W3C还开发了一种与早期HTML和XHTML语言不兼容的新语言,称之为XHTML 2.0。

大约在1998年停止HTML演变的时候,浏览器供应商开发的HTML部分API被命名并以DOM Level 1(1998年)和DOM Level 2 Core和DOM Level 2 HTML(从2000年开始)发布。最终于2003年)。这些努力随后逐渐消失,2004年发布了一些DOM Level 3规范,但工作组在所有3级草案完成之前就已关闭。

2003年,作为下一代Web表单定位的技术XForms的出版引发了对HTML本身发展的新兴趣,而不是寻找它的替代品。这种兴趣来自于认识到XML作为Web技术的部署仅限于全新技术(如RSS和后来的Atom),而不是替代现有的已部署技术(如HTML)。

一个概念证明,可以扩展HTML 4.01的表单,提供XForms 1.0引入的许多功能,而不需要浏览器实现与现有HTML网页不兼容的渲染引擎,这是第一个结果。重新兴趣。在早期阶段,虽然草案已经公开发布,并且已经从所有来源征求意见,但该规范仅受Opera Software的版权保护。

在2004年的W3C研讨会上测试了HTML应该重新开放的想法,其中提出了HTML工作的一些原则(如下所述),以及上述早期草案提案,仅涉及与表单相关的功能,由Mozilla和Opera联合推出的W3C。该提案被驳回,理由是该提案与之前选择的网络发展方向相冲突; W3C的工作人员和成员投票决定继续开发基于XML的替代品。

此后不久,Apple,Mozilla和Opera联合宣布他们打算在一个名为WHATWG的新场地的保护下继续努力。创建了一个公共邮件列表,草案已移至WHATWG站点。随后将版权修改为由所有三个供应商共同拥有,并允许重复使用该规范。

WHATWG基于几个核心原则,特别是技术需要向后兼容,规范和实现需要匹配,即使这意味着更改规范而不是实现,并且规范需要足够详细,实现可以实现完整的互操作性,无需相互逆向工程。后一要求特别要求HTML规范的范围包括先前在三个单独的文档中指定的内容:HTML 4.01,XHTML 1.1和DOM Level 2 HTML。它还意味着包含比以前被认为是标准更多的细节。

2006年,W3C表示有兴趣参与HTML 5.0的开发,并于2007年组建了一个工作组,专门与WHATWG合作开发HTML规范。 Apple,Mozilla和Opera允许W3C在W3C版权下发布规范,同时保留WHATWG网站上限制较少的许可版本。多年来,两个小组在同一编辑下共同工作:Ian Hickson。在2011年,小组得出的结论是,他们有不同的目标:W3C希望为HTML 5.0推荐的功能划清界限,而WHATWG希望继续致力于HTML的生活标准,不断维护规范和添加新功能。 2012年中期,W3C推出了一个新的编辑团队,负责创建HTML 5.0推荐标准,并为下一个HTML版本准备工作草案。

优点

新一代网络标准能够让程序通过Web浏览器,消费者从而能够从包括个人电脑、笔记本电脑、智能手机或平板电脑在内的任意终端访问相同的程序和基于云端的信息

HTML5允许程序通过Web浏览器运行,并且将视频等目前需要插件和其它平台才能使用的多媒体内容也纳入其中,这将使浏览器成为一种通用的平台,用户通过浏览器就能完成任务

此外,消费者还可以访问以远程方式存储在“云”中的各种内容,不受位置和设备的限制

由于HTML5技术中存在较为先进的本地存储技术,所以其能做到降低应用程序的相应时间为用户带来更便捷的体验

缺点

开放性带来的困扰

在从前网络平台上存在大量的专利产品,想要实现HTML5技术的大量应用首先就需要将这些专利性的产品变为开放式的产品,由于各种原因,当前面对这一问题还存在许多争议

以视频格式为例,两大阵营对于视频格式的设置存在争议,一大阵营以苹果为代表,另一大阵营则以Opera、火狐、谷歌为代表

WPEG阵营是苹果所属阵营,由于其自身全部使用的是这一种格式,所以坚持认为应当将此格式作为标准,而WebM阵营则认为由于WPEG格式的专利依然没有解除,对于HTML5技术要求的开放性没有达标,所以不同意将其作为标准格式

发展的速度有待提升

在HTML5中提出了一些从前HTML技术中不具有的新技术,但是有许多主流浏览器在长时间的发展过程中已经完成了此种技术的开发,在自身浏览器中实现了此种功能,就这一情况来说HTML5的发展速度方面存在一定的问题

同时由于HTML5的不成熟,当前关于HTML5的相关技术标准还没有完全确定,所以在短时间想要将其投入大规模应用还比较困难

技术手段的不完善

HTML5 是如何起步的?

HTML5 是 W3C 与 WHATWG 合作的结果。

W3C 指 World Wide Web Consortium,万维网联盟。

WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

为 HTML5 建立的一些规则:

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
减少对外部插件的需求(比如 Flash)
更优秀的错误处理
更多取代脚本的标记
HTML5 应该独立于设备
开发进程应对公众透明

浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟