本节书摘来自异步社区《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在开放字体格式、布局能力以及排版控制方面也比以前增强了许多。

《HTML5和CSS3快速参考》——1.3HTML5的品牌化相关推荐

  1. 《HTML5和CSS3快速参考》——第1章 走进HTML51.1 概述

    本节书摘来自异步社区<HTML5和CSS3快速参考>一书中的第1章,第1.1节,作者: [美]Sergey Mavrody 更多章节内容可以访问云栖社区"异步社区"公众 ...

  2. 使用HTML5和CSS3碎语

    当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭配,图标,留白和布局......所 ...

  3. Html5,Css3快速注释快捷键

    在编写HTML5+CSS3中对于编写的每个模块十分有必要添加一个注释,在需要修改的时候便于快速查找到相应模块,对于新手来说快速添加注释就需要了解以下两个快速注释的快捷键. HTML5:快速注释快捷键为 ...

  4. 使用HTML5/CSS3快速制作便签贴特效

    本篇文字将展示给你的是,如何利用HTML5/CSS3,仅用5步就可以制作便签贴效果的HTML页面,效果图如下: (注:图里的文字纯属杜撰,搞笑目的,如有雷同,纯属巧合,谢谢!) 注:该效果- 本篇文字 ...

  5. 《HTML5与CSS3实例教程》

    <HTML5与CSS3实例教程> 基本信息 作者: (美)Brian P. Hogan 译者: 卢俊祥 丛书名: 图灵程序设计丛书 出版社:人民邮电出版社 ISBN:97871153634 ...

  6. 响应式Web设计:HTML5和CSS3实战 读书笔记

    响应式Web设计:HTML5和CSS3实战 Responsive Web Design with HTML5 and CSS3 By : Pandao    pandao####vip.qq.com  ...

  7. 使用 HTML5 和 CSS3 创建现代 Web 站点

    开始之前 本教程假定您具有 HTML.CSS 和 JavaScript 的一些基本经验.假定您知道什么是 HTML 元素或标记.属性表示什么.HTML 标记的基本语法.Web 页面的常规结构等等.关于 ...

  8. 前端开发:Html5和CSS3

    1)Html5详解. 2)CSS3选择器详解. 3)CSS3属性详解(图文教程). 4)CSS预处理器之Less详解. 什么是 HTML5 HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更 ...

  9. 入门精通web前端:三大核心HTML5、CSS3 、JS必学

    WEB前端三大基础核心内容[HTML5.CSS3 和 JavaScript] 对于前端的学习和提高,我的基本思路是这样的.首先,前端的三个最基本的东西 HTML5.CSS3 和 JavaScript( ...

最新文章

  1. 线性回归介绍及分别使用最小二乘法和梯度下降法对线性回归C++实现
  2. 【 Notes 】ML ALGORITHMS of TOA - Based Positioning
  3. error C2664: 'MessageBoxW' : cannot convert parameter 2 from 'const char [2]' to 'LPCWSTR'
  4. js实现简单的图片轮播
  5. vlan为什么能隔离广播域_路由交换技术-VLAN原理及配置
  6. php h5微信公众号支付接口,微信公众号H5支付接口调用方法
  7. 213. 打家劫舍 II(JavaScript)
  8. Oracle——集合运算
  9. 《工业设计史》第九章:职业工业设计师的出现
  10. vi删除选中内容_Vim快速选中、删除、复制引号或括号中的内容
  11. X轴间隔显示-长江水位
  12. P2973 [USACO10HOL]赶小猪
  13. 七、使用OpenCV徒手实现:RGB转HSI,并提取红色
  14. Vue实战:简易布局Dome
  15. 程序猿致富之路——(投资理财篇)
  16. 写给新手的深度学习综述,收藏了
  17. 真没想到,疫情让我实现了远程办公的夙愿
  18. Postgresql快照优化Globalvis新体系分析(性能大幅增强)
  19. python获取当前年月日_Python获取、格式化当前时间日期的方法
  20. validform使用

热门文章

  1. html5 canvas系列教程-像素操作(反色,黑白,亮度,复古,蒙版,透明)
  2. 大数据会如何影响VC领域?
  3. Application Constants
  4. Wayland 协议的解析
  5. 注册表只改一个值 马上加快宽带上网速度
  6. Zookeeper 如何选举master 主节点?
  7. 喜报|聚焦信创——360云计算管理平台生态建设的又一里程碑!
  8. Quartz的定时任务实现
  9. rpc调试工具grpcui的安装使用
  10. laravel构造函数和中间件执行顺序问题