HTML系列(一)

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 :

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值