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

导读: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” 应该慎重使用,因为它会使得页面不受用户控制.
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章