[Web] Html Header

全部在 <head>...</head> 之间

1. <title></title>
标题元素, 帮助用户更好识别文件, 有且只有一个, 当作为首页或收藏时做文件名

2. <link></link>
显示本文档和其它文档之间的关系, <link rel="stylesheet" href="s.css"> 和外部样式表的连接

3. <style></style>
包含样式

4. <base></base>
指定相对路径的基准路径 url

<base href="http://www.sample.com/html/base.htm" target="_self">
...
<body><a href="../index.htm">to top</a></body>

url 格式: 通信协议://主机名/路径/文件名

5. <script></script>
包含脚本 (javascript VbScript 等)

6. <meta></meta>
meta标签的常见功能
１. 帮助主页被各大搜索引擎登录
２. 定义页面的使用语言
３. 自动刷新并指向新的页面
４. 实现网页转换时的动画效果
５. 网页定级评价
６. 控制页面缓冲
７. 控制网页显示的窗口

meta 是用来在 html 文档中模拟 http 协议的响应头报文
meta 的属性有两种, name 和 http-equiv

6-1. name 属性
主要用于描述网页, 对应于 content (网页内容), 以便于搜索引擎机器人查找, 分类 (目前几乎所有的搜索引擎都使用网上机器人自动查找 meta 值来给网页分类). 这其中最重要的是 description (站点在搜索引擎上的描述) 和 keywords (分类关键词)

6-1-1. <meta name="Generator" content="editplus">
网页生成工具 (如 Microsoft FrontPage 4.0) 等

6-1-2. <meta name="KEYWords" content="aaa,bbb">
网页的关键词

6-1-3. <meta name="Description" content="html tech">
网页的主要内容

6-1-4. <meta name="Author" content="go">
制作者

6-1-5. <meta name="Robots" content="all|none|index|noindex|follow|nofollow">
??? TODO ???
all: 文件将被检索, 且页面上的链接可以被查询
none: 文件将不被检索, 且页面上的链接不可以被查询
index: 文件将被检索
follow: 页面上的链接可以被查询
noindex: 文件将不被检索, 但页面上的链接可以被查询
nofollow: 文件将不被检索, 但页面上的链接可以被查询

6-2. http-equiv 属性

6-2-1.
<meta http-equiv="Content-Language" content="zh-CN">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
网页所使用的文字语言, 字符集, 浏览器通过 charset 来自动调整显示时所使用的字符集
post 方式提交表单时, 以此处的 charset 来编码后提交到服务器

6-2-2.
<meta http-equiv="Refresh" content="n; url=http://samepage">
让网页在指定的时间 n 秒内, 跳转到页面 http://samepage

6-2-3.
<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">
设定网页到期时间, 一旦过期则必须到服务器上重新调用, 使用 GMT 时间格式

6-2-4.
<meta http-equiv="Pragma" content="no-cache">
禁止浏览器从本地机的缓存中调阅页面内容, 设定后一旦离开网页就无法从 Cache 中再调出

6-2-5.
<meta http-equiv="set-cookie" content="Mon,12 May 2004 00:20:00 GMT">
cookie 的设定, 如果网页过期, 存盘的 cookie 将被删除, 使用 GMT 时间格式

6-2-6.
<meta http-equiv="Pics-label" content="">
网页等级评定, 在 IE 的 internet 选项中有一项内容设置, 可以防止浏览一些受限制的网站, 而网站的限制级别就是通过 meta 属性来设置的

6-2-7.
<meta http-equiv="windows-Target" content="_top">
强制页面在当前窗口中以独立页面显示, 可以防止自己的网页被别人当作一个 frame 页调用

6-2-8.
<meta http-equiv="Page-Enter" content="revealTrans(duration=1.0,transtion= 12)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=1.0,transtion= 12)">
进入离开页面时的特效, 所加的页面不能够是一个 frame 页面

duration: 网页动态过渡的时间, 单位为秒
transition: 过渡方式, 0 到 23, 分别对应 24 种过渡方式
0 : 盒状收缩
1 : 盒状放射
2 : 圆形收缩
3 : 圆形放射
4 : 由下往上
5 : 由上往下
6 : 从左至右
7 : 从右至左
8 : 垂直百叶窗
9 : 水平百叶窗
10: 水平格状百叶窗
11: 垂直格状百叶窗
12: 随意溶解
13: 从左右两端向中间展开
14: 从中间向左右两端展开
15: 从上下两端向中间展开
16: 从中间向上下两端展开
17: 从右上角向左下角展开
18: 从右下角向左上角展开
19: 从左上角向右下角展开
20: 从左下角向右上角展开
21: 水平线状展开
22: 垂直线状展开
23: 随机产生一种过渡方式