zoukankan      html  css  js  c++  java
  • Html5概述

    HTML5不仅仅是一次简单的技术升级,更代表了未来web开发的方向。

    概述分为三大部分:

    1、html5简介:发展史、开发者、新的特性及功能等。

    2、html5主要的web应用:绘图、后台处理、地理位置获取等应用。

    3、html5的未来。

    一、HTML5简介

    1.1HTML5发展史

    Ø  1993年,制定草案。
    Ø  90年代,2.0版,3.2版,4.0版
    Ø  1999年,4.01版。W3C掌握了对HTML规范的控制权。
    Ø  2004年,Web超文本应用技术工作组创立了HTML5规范。
    Ø  2006年,W3C重新介入HTML。
    Ø  2008年,W3C发布了HTML5的工作草案。
    Ø  2009年,很多浏览器已经支持HTML5。
    Ø  2012年,目标是发布候选推荐版。意味着HTML5规范编写完成。
    Ø  2020年,目标是发布计划推荐版。

    1.2HTML5开发者

      WHATWGWeb超文本应用技术工作组:由来自Apple、Mozilla、Google、Opera等浏览器厂商的人组成,2004年成立。开发HTML和web应用API,同时为各浏览器厂商以及其他有意向组织提供开放式合作。

    W3C:目前负责发布HTML5规范。

    IETF:(因特网工程任务组):负责Internet协议。开发HTML5依赖的WebSocket协议。

    1.3新的认识

       特点:

    1)兼容性:

    同以前的html相比,Html5并不是颠覆性的革新,保持一切新特性平滑过渡。一旦浏览器不支持HTML5的某项新功能,针对功能的备选行为就会运行。支持现存的HTML文档。

    2)效率和用户优先:

      遇到无法解决的冲突时,规范会把用户放在第一位。

      id=”prohtml5”

      Id=prohtml5

      ID=”prohtml5”

    都支持。虽然不严格,但是用户不在乎代码怎么写,在乎结果。

    3)化繁为简

               以浏览器原生能力替代复杂的Javascript代码。简化了以前需要依靠复杂的脚本技巧才能实现的功能。

               新的简化的DOCTYPE;

               新的简化的字符集声明;

               简单而强大的HTML5 API。很多写好的函数。

    4)无插件

            以前很多功能只能通过插件或者其他复杂的方式来实现,插件的方式存在很多问题:插件安装失败、插件被禁用等。HTML5可以用CSS和Javascript的方式控制页面,像绘图等等,添加了对脚本和布局之间的原生的交互能力,可以现实以前不能实现的效果。

    1.4新功能

       1、新的DOCTYPE和字符集

    2、新的标签

    3、语义化的标记

    通过分析大量的页面,发现DIV标签的通用ID名称重复量很大。HTML5里面就引入了一组新的标记元素。

    4、用于查找页面DOM元素的快捷方式

    可以使用更加精确的方式来指定希望获取的元素,而不必再用标准dom的方式循环遍历。

    5、JSON格式的数据变成了HTML5应用内部数据交换的事实标准。

    Json是一种相对来说比较新的数据交换格式。

    1.5 各个功能的简介

    1、绘图(Canvas)

    动态生成和展示二维图形、图表、图像以及动画。实现图片甚至视频的像素级处理。

    2、实时和跨源通讯(Communication)

    出于安全考虑,运行在同一浏览器中的框架、标签页、窗口间的通信一直都受到了严格的限制。

    3、通讯(Web Sockets)

       它定义了一个全双工通信信道,仅通过Web上的一个Socket即可进行通信。WebSocket不仅仅是对常规HTTP通信的另一种增量加强,它更代表着一次巨大的进步,对实时的、事件驱动的Web应用程序而言更是如此。

    4、后台处理(Web Workers)

    HTML5 Web Workers可以让Web应用程序具备后台处理能力。它对多线程的支持性非常好,因此,使用了HTML5的Javascript应用程序可以充分利用多核CPU带来的优势。

    5、HTML表单(Forms)

    6、音频和视频支持(Audio and Video)

    7、地理定位(Geolocation)

    8、数据存储 (Web Storage)

    开发者可以将需要跨源请求重复访问的数据直接存储在客户端浏览器中,还可以在关闭浏览器很久后再次打开时恢复数据,以减少网络流量。

    Cookie的大小受限,只能设置大约4kb的数据。在服务器和浏览器间来回传送,不安全、消耗网络带宽。Web Storage存储数据不会在网络上传输,重新浏览网页时也容易获取到。高达兆字节。

    9、离线应用(Offline)

    HTML5的离线应用缓存使得在无网络连接状态下运行应用程序成为可能。

    适合阅读和写电子邮件、编辑文档等等。避免了加载应用程序时所需的常规网络请求。从缓存中加载资源可以节省带宽。

    二、主要web应用

    2.1绘图(Canvas

    由苹果公司提出,Canvas出现之前开发人员要在浏览器中绘图,只能使用Flash、SVG,以及IE才支持的VML。

    Canvas本质上是位图画布,其上绘制的图形是不可缩放的。绘制出来的对象不属于页面DOM机构或者任何命名空间。<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。

    使用:

    <canvas></ canvas >,坐标左上角为原点,x轴沿水平方向向右,y轴沿垂直方向向下。

    2.2通讯 (Web Sockets

    一旦连接建立成功,就可以在全双工模式下在客户端和服务器之间来回传送消息。这意味着在同一时间、任何方向,都可以全双工发送基于文本的消息。

    2.3HTML表单 (Forms

    主要是针对移动设备,通过识别不同的类型,显示不同的输入界面。

    2.4地理定位(Geolocation

    允许用户在web应用程序中共享他们的位置,使其能够享受位置感知服务,包括了解周围情况等。地理位置信息的来源:经纬度和其他特性。获取这些数据途径有GPS、Wi-Fi和蜂窝站点等。保护用户隐私的机制:除非得到用户明确许可,否则不可获取位置信息。该位置信息是通过支持HTML5地理定位功能的底层设备(例如笔记本电脑、手机)提供给浏览器。

    三、HTML5的未来

    1、3D绘图。可以像2D绘图那样,实现3D绘图及图像操作。

    2、支持更多的设备。  Web应用很可能要访问多种硬件设备,如网络摄像头、麦克风等,未来的html5将提供更多的支持。

    3、通过浏览器对音频的创建和编辑。目前只能播放和简单的控制。

    4、实现更多的交互式事件。Web访问方式越来越多地从台式机和笔记本电脑转到了手机和平板电脑上,因此HTML5的交互处理方式也在逐渐发生变化。方向事件、手势事件、触摸事件等。

    5、P2P网络。P2P网络允许客户端之间直接通信,通常情况下比从服务器发送数据更高效,而且有助于降低托管成本,提高应用的性能。在HTML5中,P2P结合设备元素可以构建高效视频聊天应用。

    6、拖放式上传

       会极大改善基于Web的文件上传操作,甚至可以实现直接将文件从桌面拖放至Web,使得文件上传操作接近桌面程序的体验。

    最终目标:

       HTML5会使HTML这个一度单纯的标记语言成为Web开发者的强力工具,将彻底改变现有的Web应用模式,最终完成将Web带入一个成熟应用平台的使命。

  • 相关阅读:
    字符串的比较方法---Java
    [模板]二进制枚举
    [唯一分解定理]感谢ZLY讲解
    [数学] 小数点后第n位
    [模板]二维前缀和
    [模板]欧拉函数及其应用
    [51nod] 1024 矩阵中不重复的元素
    Codeforces Round #521 (Div. 3) D. Cutting Out
    [差分] [POJ] 3276 Face The Right Way
    Educational Codeforces Round 54 (Rated for Div. 2) C. Meme Problem
  • 原文地址:https://www.cnblogs.com/leanfish/p/2963682.html
Copyright © 2011-2022 走看看