HTML5

  1. 云栖社区>
  2. 博客>
  3. 正文

HTML5

技术小甜 2017-11-09 17:07:00 浏览596
展开阅读全文

 HTML5是HTML下一个的主要修订版本,现在仍处于发展阶段。目标是取代1999年所定订的HTML 4.01和XHTML 1.0 标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。广义论及HTML5时,实际指的是包括HTML、CSSJavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe FlashMicrosoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集。

 

新标记

HTML 5提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似<div><span>标签,但有一定含义,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理、小屏幕设备和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准接口,如<audio><video>标记。[3]

一些过时的HTML 4标记将取消,其中包括纯粹用作显示效果的标记,如<font><center>,因为它们已经被CSS取代。还有一些通过DOM的网络行为。

应用程序接口(API)

除了原先的DOM接口,HTML5增加了更多样化的API[4]

  • 实时二维绘图
    • Canvas API:有关动态产出与渲染图形、图表、图像和动画的API。
  • 定时媒体播放
    • HTML5 音频与视频:HTML5里新增的元素,它们为开发者提供了一套通用的、集成的、脚本式的处理音频与视频的API,而无需安装任何插件。
  • 存储
    • Web Storage API:HTML5 Web存储(也就是 DOMStorage),该API令在多个Web请求间持久化数据变得简单。
  • 脱机
  • 编辑
  • 拖放
  • 通信/网络
    • Communication APIs:构建实时和跨源(cross-origin)通信的两大基础: 跨文档通信(Cross Document Messaging)与 XMLHttpRequest Level 2。
  • 后退按钮管理
  • MIME和协议处理程序时表头登记
  • Geolocation API:用户可共享地理位置,并在Web应用的协助下享用位置感知服务(location-aware services)。
  • Web Sockets API:定义全双工传输的通信通道,它在Web之上通过单个Sockets进行工作。
    • WebSocket是HTML5中非常重要的新特性,允许用户在浏览器中实现双向通信,以达服务器得以实现映射的数据实时推送技术,这个技术的意义在于我们可以通过网页实现以往难以达成的应用。用户不再需要频繁的更新页面以获取新数据,新数据会自动由服务器端推送至用户的电脑画面上。
  • Web Workers API:为Web应用提供后台处理的能力
  • 与HTML 4的不同之处

    以下为大略的不同之处,与例子:

    • 新的解析顺序:不再基于SGML
    • 新的元素:section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr
    • input元素的新属性:日期和时间,email, url
    • 新的通用属性:ping(用於a與area), charset(用於meta), async(用於script)
    • 全局属性:id, tabindex, repeat
    • 移除元素:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u

    [编辑]异常处理

    HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全地忽略掉新的HTML5代码。与HTML4.01相比,HTML5给出了解析的详细规则,力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。



























本文转自cnn23711151CTO博客,原文链接:http://blog.51cto.com/cnn237111/512452 ,如需转载请自行联系原作者

网友评论

登录后评论
0/500
评论
技术小甜
+ 关注