您的当前位置:首页正文

html之meta

来源:华拓网

meta是什么

<meta>是一个HTML的标签(辅助性标签)。它的位置位于文档的头部<head>标签之中。

meta的组成

meta能做什么

  • 控制页面缓冲
  • 自动刷新并指向新的页面
  • SEO 搜索引擎优化
  • 定义页面使用的语言
  • 实现网页转换时的动态效果
  • 网页定级评价

meta的属性与值

  1. name 属性
    网页描述如内容的关键字、摘要、作者和定义robots行为等,为搜索引擎索引提供信息。
  • author网页作者
  • description网页信息的描述,有利于搜索引擎和用户了解网页摘要。因SE不同,以100字左右为宜。摘要需对不同页面给予不同的描述,明确包含标记性事实。
  • keywords向搜索引擎说明你的网页的关键词,宜选用稍冷的组合词,六组左右;SE对keyword比较敏感,作用不是很大,如果堆积关键词或名不符实,则可能会被搜索引擎惩罚,所以宁缺勿滥。
  • generator网页生成工具
  • Robots属性说明如下:name标签的属性设定为all:文件将被检索,且页面上的链接可以被查询;name标签的属性设定为none:文件将不被检索,且页面上的链接不可以被查询;name标签的属性设定为index:文件将被检索;name标签的属性设定为follow:页面上的链接可以被查询;name标签的属性设定为noindex:文件将不被检索,但页面上的链接可以被查询;标签的属性设定为nofollow:文件将不被检索,页面上的链接可以被查询。
  • revisit-after重访时间。有时页面不是经常更新或减轻服务器的负担,可以设置一个搜索引擎机器人下次重访的时间,当然如果时间过短,SE bot并不会按这个时间准时重访,它只会在大于这个时间访问。
  • Copyright版权所有,盗版必究。All Rights Reserve
  • viewport针对移动端网页优化过的页面的 viewport meta 标签大致如下:
    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
    width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
    height:和 width 相对应,指定高度。
    initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
    maximum-scale:允许用户缩放到的最大比例。
    minimum-scale:允许用户缩放到的最小比例。
    user-scalable:用户是否可以手动缩放

  1. Cache-Control指定请求和响应遵循的缓存机制。
    Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下:Public指示响应可被任何缓存区缓存

  • Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效
  • no-cache指示请求或响应消息不能缓存
  • no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
  • max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应
  • min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应
  • max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。
  1. Content-Script-Type
    <meta http-equiv="Content-Script-Type"Content="text/javascript">
    W3C网页规范,指明页面中脚本的类型。