《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在开放字体格式、布局能力以及排版控制方面也比以前增强了许多。
《HTML5和CSS3快速参考》——1.3HTML5的品牌化相关推荐
- 《HTML5和CSS3快速参考》——第1章 走进HTML51.1 概述
本节书摘来自异步社区<HTML5和CSS3快速参考>一书中的第1章,第1.1节,作者: [美]Sergey Mavrody 更多章节内容可以访问云栖社区"异步社区"公众 ...
- 使用HTML5和CSS3碎语
当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭配,图标,留白和布局......所 ...
- Html5,Css3快速注释快捷键
在编写HTML5+CSS3中对于编写的每个模块十分有必要添加一个注释,在需要修改的时候便于快速查找到相应模块,对于新手来说快速添加注释就需要了解以下两个快速注释的快捷键. HTML5:快速注释快捷键为 ...
- 使用HTML5/CSS3快速制作便签贴特效
本篇文字将展示给你的是,如何利用HTML5/CSS3,仅用5步就可以制作便签贴效果的HTML页面,效果图如下: (注:图里的文字纯属杜撰,搞笑目的,如有雷同,纯属巧合,谢谢!) 注:该效果- 本篇文字 ...
- 《HTML5与CSS3实例教程》
<HTML5与CSS3实例教程> 基本信息 作者: (美)Brian P. Hogan 译者: 卢俊祥 丛书名: 图灵程序设计丛书 出版社:人民邮电出版社 ISBN:97871153634 ...
- 响应式Web设计:HTML5和CSS3实战 读书笔记
响应式Web设计:HTML5和CSS3实战 Responsive Web Design with HTML5 and CSS3 By : Pandao pandao####vip.qq.com ...
- 使用 HTML5 和 CSS3 创建现代 Web 站点
开始之前 本教程假定您具有 HTML.CSS 和 JavaScript 的一些基本经验.假定您知道什么是 HTML 元素或标记.属性表示什么.HTML 标记的基本语法.Web 页面的常规结构等等.关于 ...
- 前端开发:Html5和CSS3
1)Html5详解. 2)CSS3选择器详解. 3)CSS3属性详解(图文教程). 4)CSS预处理器之Less详解. 什么是 HTML5 HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更 ...
- 入门精通web前端:三大核心HTML5、CSS3 、JS必学
WEB前端三大基础核心内容[HTML5.CSS3 和 JavaScript] 对于前端的学习和提高,我的基本思路是这样的.首先,前端的三个最基本的东西 HTML5.CSS3 和 JavaScript( ...
最新文章
- 线性回归介绍及分别使用最小二乘法和梯度下降法对线性回归C++实现
- 【 Notes 】ML ALGORITHMS of TOA - Based Positioning
- error C2664: 'MessageBoxW' : cannot convert parameter 2 from 'const char [2]' to 'LPCWSTR'
- js实现简单的图片轮播
- vlan为什么能隔离广播域_路由交换技术-VLAN原理及配置
- php h5微信公众号支付接口,微信公众号H5支付接口调用方法
- 213. 打家劫舍 II(JavaScript)
- Oracle——集合运算
- 《工业设计史》第九章:职业工业设计师的出现
- vi删除选中内容_Vim快速选中、删除、复制引号或括号中的内容
- X轴间隔显示-长江水位
- P2973 [USACO10HOL]赶小猪
- 七、使用OpenCV徒手实现:RGB转HSI,并提取红色
- Vue实战:简易布局Dome
- 程序猿致富之路——(投资理财篇)
- 写给新手的深度学习综述,收藏了
- 真没想到,疫情让我实现了远程办公的夙愿
- Postgresql快照优化Globalvis新体系分析(性能大幅增强)
- python获取当前年月日_Python获取、格式化当前时间日期的方法
- validform使用