《HTML5和CSS3快速参考》——1.3HTML5的品牌化

本节书摘来自异步社区《HTML5和CSS3快速参考》一书中的第1章，第1.3节,作者： 【美】Sergey Mavrody 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.3HTML5的品牌化

2011年1月18日，W3C推出了HTML5视觉品牌，即它的logo以及涉及现代化网站和Web应用程序方方面面的各项技术类图标。这些logo、图标和网站都在知识共享署名协议3.0下获得了授权。

如果有相关网站或应用程序在构建过程中使用了HTML5技术，W3C鼓励视觉品牌来明示产品对这项技术的支持。

Logo
当然，有了HTML5的logo并不能保证相关代码的有效性和延续性。

技术类图标
语义元素

语义元素，即相关结构元素所代表的含义，是HTML5技术的前沿与核心。它包括一个较丰富的标签集、RDFa、微数据以及相关的微格式。这些技术将有利于我们为用户和相关程序开发出一个更为有用的、数据驱动的Web页面。

离线与存储

这项技术可以使Web应用程序在即便没有互联网连接的情况下也能快速启动并工作。这要归功于HTML5自身的App缓存、本地存储、索引数据库以及相关的文件API规则。

设备访问

从与地理定位相关的API开始，如今的Web应用程序已经具备了非常丰富的设备感知能力，包括它的视频/音频输入接口可以直接访问麦克风和摄像头，也可以访问本地数据（例如通信录、事件、倾斜度）1。

连通性

更有效的连通性意味着即时通信更实时、游戏更快速、沟通更便捷。并且在客户端与服务器端之间，Web Sockets以及服务器发送事件时的数据推送（双关语2）也比之前更为有效。

多媒体

https://yqfile.alicdn.com/93321e2f983d04081a554118ef6d7e8a7ff3382e.png" >

除了相关插件和外部播放器之外，HTML5还引入了< audio >、< vidio >等内置媒体元素，这将更便于我们在HTML文档中插入媒体。

3D图形与相关效果

有了SVG、Canvas、WebGL以及CSS3中的3D特性，我们就肯定能在浏览器中制造出令用户眼花缭乱的、非常震撼的视觉效果。

性能与集成

https://yqfile.alicdn.com/03a89d5de4834cc2020600c87ec6f3fc16fe07f1.png" >

这使我们能利用各种技巧与技术（例如Web Workers和XMLHttpRequest 2）使相关的Web应用以及某些动态的Web内容运行得更加快速。总而言之，“不要让用户来等你的表”。
CSS3

https://yqfile.alicdn.com/d5ed5fc604f7aecc59e5b40c77fd2454a748a5e3.png" >

CSS3提供了一系列用处广泛的程式和效果，可以在不改变相关结构语义和性能的前提下增强我们的Web应用。除此之外，如今的Web在开放字体格式、布局能力以及排版控制方面也比以前增强了许多。