HTML的meta标签的用法

本文介绍了HTML中的meta标签使用方法,包括页面描述信息(name属性)及HTTP标题信息(http-equiv属性)。详细解释了各种meta标签的应用场景,如刷新页面、跳转链接、缓存控制、设置过期时间以及页面过渡效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

meta标签分为两部分:页面描述信息 (name)和HTTP标题信息(http-equiv)

<meta name = "XXX" content = "XXX"/>
<meta http-equiv = "XXX" content = "XXX"/>
  • 1
  • 2
  • 1
  • 2

name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)

5S后刷新本页面

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

5S后跳转到百度首页

<meta http-equiv="refresh" content="5; url="http://www.baidu.com"/>
  • 1
  • 1

禁止浏览器从本地计算机的缓存中访问页面内容,访问者将无法脱机浏览。

<meta http-equiv="Pragma" content="no-cache"/>
  • 1
  • 1

设置网页的过期时间

<meta http-equiv="expires" content="web,26 Feb 2007 10:20:31 GMT"/>
  • 1
  • 1

进入页面特效

<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)"/>
  • 1
  • 1

退出页面特效

<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"/>
  • 1
  • 1

duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值1-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 以上22种随机选择一种

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值