<meta>标签

226 阅读3分钟

一、位置

  • 位于<head>标签内,方便抓取,描述页面信息

二、属性

1.可选择的属性

  • name:提供名称/值对
  • http-equiv:指示服务器在发送文档前,要传给浏览器的头部名称/值对
  • scheme:翻译属性值的方案

2.必需属性(定义可选属性)

  • content:名称/值对中的值

3.name属性对应值

  • <meta name="author" content="作者名称">

  • <meta name="description" content="页面描述内容,SEO优化元素,控制在300字符以内,前150字符体现关键词相关内容">

  • <meta name="keywords" content="关键词,方便抓取,逗号隔开">

  • <meta name="generator" content="网页生成工具"/>

  • <meta name="revised" content="页面修改时间"/>

  • <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" /> 移动端页面缩放 width=device-width(页面宽度=屏幕宽度) initial-scale(页面初始化缩放比例) maximum-scale(最小缩放比例) user-scalable(是否可以缩放可视区域)

  • <meta name="revised" content="页面修改时间"/>

  • <meta name="revised" content="页面修改时间"/>

  • <meta name="copyright" name="版权信息"/>

  • <meta name="renderer" content="webkit|使用哪种内核显示网页|竖线隔开">

4.http-equiv属性对应值

  • <meta charset="utf-8"/>设置字符集
  • <meta http-equiv="expires" content="页面过期时间">
  • <meta http-equiv="refresh" content="页面停留时间;URL=停留后跳转的页面">
  • <meta http-equiv="set-cookie" content="cookies名=cookies值;cookies名=cookies值,GMT格式的过期时间; path=/能触发cookies的访问">cookies过期后自动删除
  • <meta http-equiv="Pragma" content="no-cache">禁止浏览器从本地调用缓存
  • <meta http-equiv="Window-target" content="_top">强制页面独立显示
  • <meta http-equiv="cache-control" content="no-cache">清除缓存
  • <meta http-equiv="Pics-label" contect=""> 网页安全等级评定
  • <meta http-equiv="description" content="页面描述">
  • <meta http-equiv="keywords" content="关键词,逗号隔开">
  • <meta http-equiv="Page-Enter" contect="revealTrans(duration=过渡时间/秒,transtion=过渡方式序号)"进入页面时的特殊效果>
  • <meta http-equiv="Page-Exit" contect="revealTrans(duration=过渡时间/秒,transtion=过渡方式序号)"离开页面时的特殊效果>

5.过渡方式序号:

  • 0 盒状收缩;1 盒状放射;2 圆形收缩;3 圆形放射;
  • 4 由下往上;5 由上往下; 6 从左至右; 7 从右至左;
  • 8 垂直百叶窗;9 水平百叶窗;10 水平格状百叶窗;11 垂直格状百叶窗;
  • 12 随意溶解; 13 从左右两端向中间展开;14 从中间向左右两端展开;
  • 15 从上下两端向中间展开;16 从中间向上下两端展开;
  • 17 从右上角向左下角展开; 18 从右下角向左上角展开;
  • 19 从左上角向右下角展开; 20 从左下角向右上角展开;
  • 21 水平线状展开; 22 垂直线状展开; 23 随机产生一种过渡方式

6.scheme属性对应值

  • <meta scheme="ISBN" name="identifier" content="0-14-XXXXXX-1" >翻译content属性值的格式