meta标签

- 日理万妓 2024-02-18 18:43 54阅读 0赞

## meta标签的常用属性 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">属性名</th> 
   <th align="right">属性值</th> 
   <th align="center">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">charset</td> 
   <td align="right">charset=”UTF-8”</td> 
   <td align="center">设置页面编码</td> 
  </tr> 
  <tr> 
   <td align="left">name</td> 
   <td align="right">name=”viewport” content=”width=device-width, initial-scale=1.0”</td> 
   <td align="center">设置页面自适应设备大小</td> 
  </tr> 
  <tr> 
   <td align="left">name</td> 
   <td align="right">keywords</td> 
   <td align="center">网页的关键字，关键字之间用逗号隔开</td> 
  </tr> 
  <tr> 
   <td align="left">name</td> 
   <td align="right">description</td> 
   <td align="center">网页的描述内容</td> 
  </tr> 
  <tr> 
   <td align="left">name</td> 
   <td align="right">robots</td> 
   <td align="center">告诉搜索引擎是否允许索引与查询，默认值为all</td> 
  </tr> 
  <tr> 
   <td align="left">name</td> 
   <td align="right">author</td> 
   <td align="center">标注网页的作者</td> 
  </tr> 
  <tr> 
   <td align="left">http-equiv</td> 
   <td align="right">http-equiv=”X-UA-Compatible” content=”ie=edge”</td> 
   <td align="center">开启浏览器最高内核</td> 
  </tr> 
  <tr> 
   <td align="left">http-equiv</td> 
   <td align="right">http-equiv=”Refresh” content=”5;url=<a href="http://www.baidu.com" rel="nofollow">http://www.baidu.com</a>”</td> 
   <td align="center">5秒后跳转到百度</td> 
  </tr> 
  <tr> 
   <td align="left">http-equiv</td> 
   <td align="right">set-cookie</td> 
   <td align="center">设置页面缓存过期时间</td> 
  </tr> 
  <tr> 
   <td align="left">http-equiv</td> 
   <td align="right">expires</td> 
   <td align="center">设置页面到期时间</td> 
  </tr> 
 </tbody> 
</table>

#### 实例代码 ####

这是一个页面跳转效果

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta http-equiv="Refresh" content="5;url=http://www.baidu.com">
        <meta name="keywords" content="网站关键字">
        <meta name="description" content="网站描述">
        <meta name="author" content="页面作者">
        <meta name="robots" content="all">
        <title>html标签练习2</title>
    </head>
    <body>
        Meta标签的使用，5秒后进入百度
    </body>
    </html>

> ![\#\#\#\#页面效果][Image 1]

--------------------

[Image 1]: