码迷,mamicode.com
首页 > Web开发 > 详细

HTML5学习之路——(一)

时间:2016-07-03 17:19:26      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:

HTML5简介

HTML5 是最新的 HTML 标准,他是万维网的核心语言、标准通用标记语言下的一个应用“超文本标记语言”。

  HTML 的上一个标准 HTML4.01 诞生于 1999年,他的第一代标准诞生于 1995年,自此 Web 世界经历了巨变,在 HTML4.01 中提出了网页结构与表现相分离的原则,并提供了很多新特性,至此 HTML 的发展遇到瓶颈,停滞不前。

  HTML5 的第一份草案在 2004年 首次被 WHATWG 提交到 W3C,WHATWG 指 Web Hypertext Application Technology Working Group,即 Web 超文本应用技术工作组,他是一些互联网公司联合形成的组织,致力于 Web 表单和应用程序,而 W3C 却致力于 XHTML2.0 标准的制定,显然 XHTML2.0 并不是 HTML 所期望的,于是在 2006年,双方决定进行合作,共同创建一个新版本的 HTML。直到 2007年 该草案被 W3C 正式接纳,并成立了新的 HTML 工作团队,2008年 正式发布了第一份草案,最终在 2014年10月29号,万维网联盟经过接近 8年的艰苦努力,宣布该标准规范制定完成,被列为 W3C 推荐标准。可以说 HTML5 是 W3C 与 WHATWG 合作的结果。

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

  W3C 首席执行官 Jeff Jaffe 博士表示:“HTML5 将推动 Web 进入新的时代。不久以前,Web 还只是上网看一些基础文档,而如今,Web 是一个极大丰富的平台。我们已经进入一个稳定阶段,每个人都可以按照标准行事,并且可用于所有浏览器。如果我们不能携起手来,就不会有统一的 Web。” 

  HTML5 是开放 Web 标准的基石,它是一个完整的编程环境,适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛的网络功能等等。接下来,W3C 将致力于开发用于实时通信、电子支付、应用开发等方面的标准规范,还会创建一系列的隐私、安全防护措施。

  HTML5 的设计目的是为了在移动设备上支持多媒体。比如 video、audio 和 canvas 标记。HTML5 还引进了新的功能,可以真正改变用户与文档的交互方式,为桌面和移动平台带来无缝衔接的丰富内容。

  HTML5 的新特性:

    ①、用于绘画的 canvas 元素。

    ②、用于媒介回放的 video 和 audio 元素。

    ③、对本地离线存储的更好的支持。

    ④、本地 SQL 数据。

    ④、新的特殊内容元素,比如 article、header、nav、footer、section。

    ⑥、新的表单控件,比如 calendar、date、time、email、url、search。

  (1)、HTML5 图形

  使用 HTML5 可以简单的绘制图形:

    可以使用 <canvas> 元素,内联 SVG。

    CSS3 提供了一些新选择器,新属性。

    HTML5 使用 CSS3 可以实现 2D/3D 转换,动画,圆角、阴影效果,还可以下载字体。

  (2)、HTML5 多媒体

  使用 HTML5 可以简单的在网页中播放音频和视频:

    <audio> 可用于播放音频,<video> 可用于播放视频。

  (3)、HTML5 应用

  使用 HTML5 你可以简单地开发应用:

    本地数据存储,本地 SQL 数据,访问本地文件,缓存引用。

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

    基于 HTML5 开发 APP 应用。

    JavaScript 引擎的构建方法让制作手机网页游戏成为可能。

    XMLHttpRequest2 可以解决跨域等问题,能帮助 Web 应用和网站在多样化的环境中更快速的工作。

  (4)、HTML5 语义特性

  HTML5 添加了很多语义元素如:

    header,nav,main,section,footer,aside,article,figure,这8个新的语义元素都为块级元素。

    HTML5 赋予网页更好的意义和结构。

  (5)、HTML5 表单

  HTML5 添加了一些新表单元素,新属性和新输入类型,还增加了表单自动验证。

  最新版本的 IE9+,Chrome、Firefox、Safari 以及 Opera 支持某些 HTML5 特性。IE8 以及更早版本的 IE 浏览器都不支持 HTML5 新特性。

HTML5学习之路——(一)

标签:

原文地址:http://www.cnblogs.com/misssolo/p/5638167.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!