《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鼓励视觉品牌来明示产品对这项技术的支持。


a4ab6ba6bc45b879a4143380cab761db88a1efcf

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

技术类图标
语义元素


32e1aa5c8bb28bbb3a1d5b390cfcf8df5358d7ca

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

离线与存储


68d3b18ae57c9f8e2124a36d7240a835aabdf9fc

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

设备访问


f9dea06388b3e27430f1fcebe8f119ec0d7a918e

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

连通性


f2d58c637d7afd5976139b7528ffc626aa36191c

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

多媒体


<a href=https://yqfile.alicdn.com/93321e2f983d04081a554118ef6d7e8a7ff3382e.png" >

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

3D图形与相关效果


1d058ade4c4ec8236bb76f01e21230241028cf73

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

性能与集成


<a href=https://yqfile.alicdn.com/03a89d5de4834cc2020600c87ec6f3fc16fe07f1.png" >

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


<a href=https://yqfile.alicdn.com/d5ed5fc604f7aecc59e5b40c77fd2454a748a5e3.png" >

CSS3提供了一系列用处广泛的程式和效果,可以在不改变相关结构语义和性能的前提下增强我们的Web应用。除此之外,如今的Web在开放字体格式、布局能力以及排版控制方面也比以前增强了许多。
相关文章
|
8天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
17 0
|
3天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
13 1
|
3天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
11天前
|
XML 前端开发 JavaScript
css和html
【4月更文挑战第7天】css和html
12 0
|
27天前
|
前端开发 容器 内存技术
使用CSS3画出一个叮当猫HTML源码
本文教程介绍了如何使用CSS3绘制叮当猫,通过HTML结构和CSS样式逐步构建叮当猫的各个部位,如头部、脸部、脖子、身体、手脚等。代码示例展示了如何利用渐变、边框、阴影和定位技巧实现三维效果和细节特征。此外,还添加了眼珠的动画效果,让叮当猫的眼睛能够转动。整个过程适合对CSS3感兴趣的读者参考学习,以提升动态图形创作技能。
16 0
使用CSS3画出一个叮当猫HTML源码
|
1月前
使用html+css制作一个发光立方体特效
使用html+css制作一个发光立方体特效
20 2
使用html+css制作一个发光立方体特效
|
1月前
超简单的html+css魔幻霓虹灯文字特效
超简单的html+css魔幻霓虹灯文字特效
13 3
超简单的html+css魔幻霓虹灯文字特效
|
1月前
|
搜索推荐 前端开发 JavaScript
打造个性化的个人网页:从HTML到个人品牌
打造个性化的个人网页:从HTML到个人品牌
19 0
|
1月前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
24 0