Html5笔记之第八天
HTML字符实体
| 显示结果 | 描述 | 实体名称 | 实体编号 | 
|---|---|---|---|
| 空格 |   | ||
| < | 小于号 | < | < | 
| > | 大于号 | > | > | 
| & | 和号 | & | & | 
| " | 引号 | " | " | 
| ' | 撇号 | ' (IE不支持) | ' | 
| ¢ | 分 | ¢ | ¢ | 
| £ | 镑 | £ | £ | 
| ¥ | 日元 | ¥ | ¥ | 
| € | 欧元 | € | € | 
| § | 小节 | § | § | 
| © | 版权 | © | © | 
| ® | 注册商标 | ® | ® | 
| ™ | 商标 | ™ | ™ | 
| × | 乘号 | × | × | 
| ÷ | 除号 | ÷ | ÷ | 
什么是应用程序缓存(Application Cache)?
HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。
应用程序缓存为应用带来三个优势:
- 离线浏览 - 用户可在应用离线时使用它们
 - 速度 - 已缓存资源加载得更快
 - 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
 
Cache Manifest 基础
如需启用应用程序缓存,请在文档的<html> 标签中包含 manifest 属性:
<html manifest="demo.appcache">
...
</html>
每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。
manifest 文件的建议的文件扩展名是:".appcache"。
 请注意,manifest 文件需要配置正确的 MIME-type,即 "text/cache-manifest"。必须在 web 服务器上进行配置。
Manifest 文件
manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。
manifest 文件可分为三个部分:
- CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
 - NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
 - FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
 
CACHE MANIFEST
第一行,CACHE MANIFEST,是必需的:
/theme.css
/logo.gif
/main.js
上面的 manifest 文件列出了三个资源:一个 CSS 文件,一个 GIF 图像,以及一个 JavaScript 文件。当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。然后,无论用户何时与因特网断开连接,这些资源依然是可用的。
NETWORK
下面的 NETWORK 小节规定文件 "login.php" 永远不会被缓存,且离线时是不可用的:
login.php
可以使用星号来指示所有其他其他资源/文件都需要因特网连接:
*
FALLBACK
下面的 FALLBACK 小节规定如果无法建立因特网连接,则用 "offline.html" 替代 /html5/ 目录中的所有文件:
/html/ /offline.html
注意: 第一个 URI 是资源,第二个是替补。
更新缓存
一旦应用被缓存,它就会保持缓存直到发生下列情况:
- 用户清空浏览器缓存
 - manifest 文件被修改(参阅下面的提示)
 - 由程序来更新应用缓存
 
Web安全色
数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。
我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。
最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 色调色板时,所有的计算机能够正确地显示所有的颜色。
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF | 
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF | 
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF | 
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF | 
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF | 
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF | 
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF | 
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF | 
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF | 
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF | 
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF | 
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF | 
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF | 
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF | 
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF | 
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF | 
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF | 
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF | 
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF | 
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF | 
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF | 
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF | 
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF | 
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF | 
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF | 
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF | 
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF | 
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF | 
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF | 
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF | 
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF | 
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF | 
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF | 
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF | 
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF | 
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF | 
Html5笔记之第八天的更多相关文章
- HTML5笔记3——Web Storage和本地数据库
		
上一篇:HTML5笔记2——HTML5音/视频标签详解 Web Storage概述 在HTML5中,除了Canvas元素之外,另一个新增的非常重要的功能是可以再客户端本地保存数据的Web Storag ...
 - Html5笔记  表格 布局
		
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
 - HTML5笔记2——HTML5音/视频标签详解
		
音视频的发展史 早期:<embed>+<object>+文件 问题:不是所有浏览器都支持,而且embed不是标准. 现状:Realplay.window media.Quick ...
 - HTML5笔记:跨域通讯、多线程、本地存储和多图片上传技术
		
最近做项目在前端我使用了很多新技术,这些技术有bootstrap.angularjs,不过最让我兴奋的还是使用了HTML5的技术,今天我想总结一些HTML5的技术,好记性不如烂笔头,写写文章可以很好的 ...
 - HTML5笔记1——HTML5的发展史及标签的改变
		
记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,那是用的最新的IE浏览器版本还是IE9, ...
 - html5笔记
		
出处:http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html HTML5 LocalStorage 本地存储 HTML5 ...
 - HTML5笔记(一)
		
1.HTML5提供了一些新的元素和属性,例如<nav>(网站导航块)和<footer>.这些标签较有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视频人士使用,除此之外,还 ...
 - Html5笔记之小结
		
随着Android,IOS手机,平板等各种App的不断扩增,加上对过去传统HTML的的各种不完善,例如视频依靠Flash,对手机和桌面的不兼容等等.HTML5来了,来解决这些问题了. Html5是W3 ...
 - Html5笔记之第七天
		
视频格式 格式 MIME-type MP4 video/mp4 WebM video/webm Ogg video/ogg MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 ...
 
随机推荐
- 苹果APP发布
			
1 发布方式 苹果发布上架有两种方式,一种是上传到苹果商店,一种是挂在web服务器上扫描下载,下面分别介绍这两种发布方式 1.1 上传AppStore 1. 用公司账号或者个人开发账号生成上架.p12 ...
 - 初次配置git与github出现push不了的问题
			
ssh: connect to host gmail.com port 22: No route to host fatal: Could not read from remote repositor ...
 - C++引用形参,函数返回多个值
			
之前编代码有遇到过想让一个函数返回多个值的情况,low low的我不知道有什么办法,直接使用的全局变量将函数里的值传出去. 今天看书,<C++primer>第五版中文版第189页:使用引用 ...
 - centos6.8 静默安装 oracle 11.2.0.4
			
安装环境及系统要求 (下文具体参数值与路径根据自己的环境调整)操作系统:Red Hat Enterprise Linux 6 (x86) 或者CentOS 6 (x64) 数据库:Oracle ...
 - webpack模块解析
			
前面的话 在web存在多种支持JavaScript模块化的工具(如requirejs和r.js),这些工具各有优势和限制.webpack基于从这些系统获得的经验教训,并将模块的概念应用于项目中的任何文 ...
 - Qt之对话框消失动画
			
一.效果展示 最近做了一个提示框消失的功能,觉着挺有意思,以前一直以为Qt子窗口不能做淡出效果,其实Qt的淡出功能已经帮我们封装好了,我们仅仅只需要几行代码就可以做出酷炫的窗口关闭效果,写此篇文章的时 ...
 - Android中的Activity
			
Android四大组件 活动(Activity) 广播接收者(BroadCastReceiver) 服务(Service) 内容提供者(Contentprovider) Activity 先来看And ...
 - HPU--1280   Divisible
			
题目描述 给定一个很大的整数,我想知道它能否被9整除. 输入 有t组测试数据,每组数据给定一个整数N不存在前导0.(1 <= t <= 20,1 <= N <= 10^200) ...
 - 再起航,我的学习笔记之JavaScript设计模式08(建造者模式)
			
我的学习笔记是根据我的学习情况来定期更新的,预计2-3天更新一章,主要是给大家分享一下,我所学到的知识,如果有什么错误请在评论中指点出来,我一定虚心接受,那么废话不多说开始我们今天的学习分享吧! 前几 ...
 - 地铁间谍 洛谷 p2583
			
题目描述 特工玛利亚被送到S市执行一个特别危险的任务.她需要利用地铁完成他的任务,S市的地铁只有一条线路运行,所以并不复杂. 玛利亚有一个任务,现在的时间为0,她要从第一个站出发,并在最后一站的间谍碰 ...