1 HTML文档类型
HTML版本众多,浏览器如何得知使用的是哪个版本呢?在文档的开始,有一个DOCTYPE声明,它用来识别HTML的版本,由一个单独的标签组成。声明引用DTD(文档类型定义),规定了标记语言的规则。HTML4和XHTML 1.0时代有好几种DOCTYPE,每种都会指明使用的HTML是严格型还是过渡性模式。
//严格模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
//过渡模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
而HTML5就简单多了,所有浏览器通用,不用担心兼容性问题,只需要写:
<!DOCTYPE html>
2 meta元素定义页面元信息
<!DOCTYPE html>
<html lang="en">//定义英文网页
<head>
<meta charset="UTF-8">//文档字符编码方式,不声明的话可能会乱码
<title>Document</title>
</head>
<body>
</body>
</html>
lang属性只有H5中才需要指定。该属性定义了创建文档的语言类型,en表示英文,zh表示中文。
标签的属性定义了与文档相关联的名称/值对。
有关http-equiv :
(1)网页语言文字
基本语法一:
<meta http-equiv="content-language" content="zh-CN"/>
content-language为http-equiv属性值,用以标记页面语言,content取值为语言代码,格式为“语言代码-国家代码”,“zh-CN”表示中文-中国。
基本语法二:
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
content-type用于定义文件的类型和网页的编码。常见编码类型有ASCII, ISO8859-1, GB2312, GBK, UTF-8, UTF-16等。
(2)定时跳转页面
基本语法:
<meta http-equiv="refresh" content="10;url=http://www.cnblogs.com/csxiaoyu/"/>
refresh用于刷新与跳转页面,content属性记录多少秒后跳转和跳转的网址。
也可以刷新本页面,如5秒后刷新本页面:
<meta http-equiv="refresh" content="5"/>
(3)设定网页缓存过期时间
基本语法:
<meta http-equiv="expires" content="Sunday 20 October 2017 12:00 GMT"/>
时间必须使用GMT格式,content设置具体的时间值。
(4)删除过期的cookie
如果网页过期,那么删除存盘的cookie:
<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Sunday 20 October 2017 12:00 GMT;path="/>
(5)设置网页过渡效果
当用户进入或离开网页时呈现的不同效果。
基本语法:
<meta http-equiv="page-enter" content="revealtrans(duration=5,transtion=1)"/>
<meta http-equiv="page-exit" content="revealtrans(duration=5,transtion=1)"/>
page-enter表示进入页面时启用特效,page-exit表示离开页面启用特效,duration表示持续时间,transition是滤镜类型,表示想用哪种特效,取值0到23。
取值 | 效果 |
---|---|
0 | 盒状收缩 |
1 | 盒状展开 |
2 | 圆形收缩 |
3 | 圆形展开 |
4 | 向上擦除 |
5 | 向下擦除 |
6 | 向左擦除 |
7 | 向右擦除 |
8 | 垂直百叶窗 |
9 | 水平百叶窗 |
10 | 横向棋盘式 |
11 | 纵向棋盘式 |
12 | 溶解 |
13 | 左右向中部收缩 |
14 | 中部向左右展开 |
15 | 上下向中部收缩 |
16 | 中部向上下展开 |
17 | 阶梯状向左下展开 |
18 | 阶梯状向左上展开 |
19 | 阶梯状向右下展开 |
20 | 阶梯状向右上展开 |
21 | 随机水平线 |
22 | 随机垂直线 |
23 | 随机 |
有关name :