HTML系列(二):头部meta元素

本文详细介绍了HTML中元标签的应用,包括页面关键字、描述、作者信息的设置方法,以及如何利用元标签实现页面跳转、缓存管理等功能。

 有关name:

一、页面关键字

     网站关键字:用户通过搜索引擎能搜到该网站的词汇。最好控制在10个以内。

     基本语法:

     <meta name="keywords" content="具体的关键字">

     示例代码:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="GBK">
 5     <title>阿里旅行·去啊:机票预订,酒店查询,客栈民宿,旅游度假,门票签证</title>
 6     <meta name="keywords" content="机票,机票预订,飞机票查询,航班查询,酒店预订,特价酒店,酒店团购,特色客栈,旅游度假,门票,签证,台湾通行证,旅游,旅行,自由行线路,阿里旅行,去啊">
 7 </head>
 8 <body>
 9 </body>
10 </html>

 

二、页面描述

     基本语法:

     <meta name="description" content="具体的页面描述">

     示例代码:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="GBK">
 5     <title>阿里旅行·去啊:机票预订,酒店查询,客栈民宿,旅游度假,门票签证</title>
 6     <meta name="description" content="阿里旅行·去啊是阿里巴巴旗下的综合性旅游出行服务平台。阿里旅行·去啊整合数千家机票代理商、航空公司、旅行社、旅行代理商资源,直签酒店,客栈卖家等为广大旅游者提供特价机票,酒店预订,客栈查询,国内外度假信息,门票购买,签证代理,旅游卡券,租车,邮轮等旅游产品的信息搜索,购买及售后服务。全程采用支付宝担保交易,安全、可靠、有保证。"/>
 7     <meta name="keywords" content="机票,机票预订,飞机票查询,航班查询,酒店预订,特价酒店,酒店团购,特色客栈,旅游度假,门票,签证,台湾通行证,旅游,旅行,自由行线路,阿里旅行,去啊">
 8 </head>
 9 <body>
10 </body>
11 </html>

 

三、设定作者信息

     设定网站作者的名称,语法:

     <meta name="author" content="作者信息">

 

四、限制搜索方式

     robots用于定义网页搜索引擎索引方式,搜索引擎的定期搜索方式就是每隔一段时间,搜索引擎主动对一定IP地址内的网站进行检索,一旦发现新的网站就自动提取网站信息加入自己的数据库,搜索引擎的搜索机器人会沿着网页上的链接不断地检索资料建立自己的数据库。如何限制自己的网站不被检索到?

 

有关http-equiv:

五、网页语言文字

     基本语法一:

     <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等。

 

六、定时跳转页面

     基本语法:

     <meta http-equiv="refresh" content="10;url=http://www.cnblogs.com/csxiaoyu/"/>

     refresh用于刷新与跳转页面,content属性记录多少秒后跳转和跳转的网址。

     也可以刷新本页面,如5秒后刷新本页面:

     <meta http-equiv="refresh" content="5"/>

 

七、设定网页缓存过期时间

     基本语法:

     <meta http-equiv="expires" content="Sunday 20 October 2017 12:00 GMT"/>

     时间必须使用GMT格式,content设置具体的时间值。

 

八、删除过期的cookie

     如果网页过期,那么删除存盘的cookie:

     <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Sunday 20 October 2017 12:00 GMT;path="/>

 

九、设置网页过渡效果

     当用户进入或离开网页时呈现的不同效果。

     基本语法:

     <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随机

 

 

 

 

转载于:https://www.cnblogs.com/csxiaoyu/p/5229274.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值