您的位置:首页 > Web前端 > HTML5

HTML5之启动篇-HTML5简介

2016-03-27 16:18 549 查看
2004年成立的web超文本应用技术工作组创立了HTML5的规范。2006年W3C介入HTML5的开发,并于2008年发不了HTML5的工作草案。2009年,W3C停止了对XHTML2的更新。2010年HTML5开始解决实际问题。

HTML5新特性

1.兼容性

HTML5的核心理念就是保持和过去技术的兼容和过渡。

2.合理性

HTML5新增加的元素都是对现有网页和用户习惯进行跟踪、分析和概括而退出的。

3.效率

HTML5规范把用户放在第一位,其次是页面作者,再次是实验者,接着是规范制定者,最后才考虑理论的纯随性。

4.安全性

HTML5规范中引入了一种新的基于来源的安全模型,该模型不仅易用,而且各种不同的API都可以通用。

5.分离

在清晰分离表现和内容方面,HTML5迈出了很大的一步。HTML5在所有可能的地方都努力进行了分离,包括HTML和CSS。

6.简化

以浏览器原生能力代替复杂的JavaScirpt代码

简化的DOCTYPE

简化的字符集声明。

简化而强大的HTML5 API

7.通用性

可访问行:HTML5与WAI和ARIA做到了紧密结合,WAI-ARIA中以屏幕阅读器为基础的元素已经被添加到HTML中;

媒体中介:如果可能的话,HTML5的功能在所有不同的设备和平台上应该都能正常运行;

支持所有语种

8.无插件

HTML5中提供了对很多插件或者复杂hack的原生支持。

特性

语义特性(Class:Semantic)

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

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

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

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

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

连接特性(Class: CONNECTIVITY)

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

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

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

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

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

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

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,帮助您的Web应用和网站在多样化的环境中更快速的工作。

CSS3特性(Class: CSS3)

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

HTML5构成

1.Canvas

2.Channel

3.Cross-document消息传送

4.Geolocation

5.MathML

6.Microdata

7.Server-Sent Events

8.Scalable Vector Graphics

9.WebSocket API 及协议

10.Web Origin Concept

11.Web Storage

12.Web SQL database

13.Web Workers

14.XMLHttpRequest Level 2

一些概念:

1.HTML5发展的速度非常快,不用担心浏览器的支持问题。

2.博斯塔尔法则:发送时要保守,接收时要开放。

3.doctype不是写给浏览器看的,而是写给验证器看的。

4.只要想构建一款浏览器,就必须记住一个原则:必须支持已有的内容。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: