HTML中的meta

当我们用编辑器去快速生成HTML模板的时候之间会有一些 meta 标签，很多时候会忽略这个标签存在的意义，今天就来了解一下 meta 的用法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

在 HTML 中 meta 标签用于在HTML文档中模拟 HTTP 协议的响应头报文

meta 的属性有两种：name 和 http-equiv

name 属性

name的值 contect中的内容的说明
generator 用以说明生成工具
keywords 向搜索引擎说明你的网页关键词
description 向搜索引擎描述你的站点的主要内容
author 站点的作者
robots（机器人向导 all, none, index, noindex, follow, nofollow

robots属性说明：

  • all：文件将被检索，且页面上的链接可以被查询；

  • none：文件将不被检索，且页面上的链接不可以被查询；

  • index：文件将被检索；

  • follow：页面上的链接可以被查询；

  • noindex：文件将不被检索，但页面上的链接可以被查询；

  • nofollow：文件将不被检索，页面上的链接可以被查询。

http-equiv属性

  1. 用以说明主页制作所使用的文字以及语言
<meta http-equiv="Content-Type" contect="text/html";charset="utf-8">
<meta http-equiv="Content-Language" contect="zh-CN">
  1. 定时让网页在指定的时间n内，跳转到页面http://yourlink；
<meta http-equiv="Refresh" contect="n;url=http://yourlink">
  1. 可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">
  1. 是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
<meta http-equiv="Pragma" contect="no-cache">
  1. cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
  1. 网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
html
<meta http-equiv="Pics-label" contect="">
  1. 强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
<meta http-equiv="windows-Target" contect="_top">
  1. 设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。
<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">
<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">
posted @ 2020-04-01 14:13  故国神游  阅读(111)  评论(0)    收藏  举报