html meta标签

<meta />标签位于文档头部(head标签内),可用于定义文档内的元数据(采用键值对的格式)

一、通用属性
content: 元数据的值

元数据键值对中的值

name: 元数据的键

name属性主要用于描述网页

  1. 常见的name值
    name描述
    Author标注网页的作者
    Keywords文档的关键词,供搜索引擎用的
    Description页面的描述,供搜索显示页面搜索结果时对页面进行简短描述(该meta必须放到Keywords的meta后)
    Robots告诉搜索机器人哪些页面需要索引,哪些页面不需要索引(content可以是all,none,index,noindex,follow,nofollow。默认是all)
    *Pics-Label网页的限制等级(暴力、sex…)
http-equiv: 元数据的键(会被添加到HTTP请求头中)

http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容

  1. 服务器发送该页面时,会将元数据的键值对添加到HTTP请求头中(当然只有能被浏览器理解的请求头才会发挥作用

    <head>
    	<meta http-equiv="content-type" content="text/html" />
    	<meta http-equiv="cache-control" content="no-cache" />
    </head>
    <!-- 
    	服务器会将其添加到请求头
    	Content-Type: text/html
    	Cache-Control: no-cache
    -->
    
  2. 常见的http-equiv值

    http-equiv描述
    Content-Type文档类型
    Cache-Control浏览器缓存控制
    Expires文档缓存过期时间
    Set-Cookiecookie的设置
    Refresh文档自动重定向
    (eg: content="2;url=https://www.baidu.com/")
    Window-Target设置文档的窗口显示模式(可用于防止其他页面嵌套我们的页面)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值