HTML | <meta> 的详细属性使用 名称/值对

导读:meta的属性有name,http-equiv,content,charset 属性(HTML5 新属性), scheme (已弃用)。

元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。1

HTML < meta> 元素表示那些不能由其它HTML元相关元素 (< base>, < link>, < script>, < style> 或 < title>) 之一表示的任何元数据信息。

注: 全局属性 name 在 < meta> 元素中具有特殊的语义;另外, 在同一个 < meta> 标签中,name, http-equiv 或者 charset 三者中任何一个属性存在时,itemprop 属性不能被使用。


name 属性

name 属性提供了名称/值对中的名称,把 content 属性关联到一个名称。

属性值描述
application-name定义正运行在该网页上的网络应用名称2
author文档作者名称
description页面的描述,添加书签时,部分浏览器会使用这个元作为页面的默认描述
generator规定用于生成文档的一个软件包(不用于手写页面)。
keywords以逗号分隔的字符串,与页面内容相关的关键字
referrer控制与此文档发送的任何请求相关的HTTP Referer HTTP头的内容3
creator以自由格式定义文档创建者的名称。注:它可以是机构的名称。如果有不止一个,就应该使用几个< meta>元素
googlebot与robot功能一样,谷歌搜索的爬虫
publisher以自由格式定义文档的发布者的名称。注:它可以是机构的名称
robot机器人向导,用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引
slurp与robot功能一样,雅虎搜索的爬虫
viewport设定窗口初始大小,仅适用于移动设备。具体用法
http-equiv 属性

这个枚举属性定义了能改变服务器和用户引擎行为的编译。这个编译值使用content 来定义,如下:

属性值描述
content-security-policy允许页面作者定义当前页的 内容策略。 内容策略主要指定允许的服务器源和脚本端点,这有助于防止跨站点脚本攻击。CSP用法
content-type定义文档的字符编码,被淘汰并被charset属性所取代。
default-style指定在页面上使用的首选样式表。内容属性必须包含< link >元素的标题,其href属性链接到CSS样式表,或< style >元素的标题,其中包含CSS样式表。
refresh定义文档自动刷新的时间间隔4
set-cookie为页面定义一个 cookie ,已废弃,现使用HTTP头设置cookie
content

基于内容,这个属性为 http-equiv 或 name 属性提供了与其相关的值的定义.


charset 属性(HTML5 新属性)
属性值描述
character_set此特性声明当前文档所使用的字符编码,但该声明可以被任何一个元素的 lang 特性的值覆盖。(常用的值:UTF-8 - Unicode 字符编码;ISO-8859-1 - 拉丁字母表的字符编码)
scheme (已弃用)

由于没有真正被使用,没有可替代的语句,可忽略。

属性值描述
format/URI定义 content 属性内的值的格式(或指向一个包含信息的 URI)。

参考资料:
MDN < meta>
w3school MTHL/CSS参考手册< meta>
w3school HTML参考手册< meta>
meta_百度百科
前端安全配置之Content-Security-Policy(csp)
关于HTML5中meta name=”viewport” 的用法


  1. 引用自meta_百度百科
  2. 浏览器可能会通过使用该属性去区分应用,不同于< title >,它通常由应用名称组成,也可能包含一些像文档名或者状态这样的特殊信息;简单的网页不应该去定义application-name meta标签。
  3. 这是一个实验性的API,请尽量不要在生产环境使用它。
  4. 值 “refresh” 应该慎重使用,因为它会使得页面不受用户控制.
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值