单标签 meta 的属性

太过爱你忘了你带给我的痛 2022-11-21 09:54 122阅读 0赞

### 目录 ###

*   *   *  介绍
         *  示例
         *  设置关键字
         *  指定网页的描述

### 介绍 ###

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

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

charset

这个属性声明了文档的字符编码。如果使用了这个属性，其值必须是与ASCII大小写无关（ASCII case-insensitive）的"utf-8"。

--------------------

content

此属性包含http-equiv 或name 属性的值，具体取决于所使用的值。

--------------------

http-equiv

属性定义了一个编译指示指令。这个属性叫做 http-equiv(alent) 是因为所有允许的值都是特定HTTP头部的名称，如下：

*  `content-security-policy`  
    它允许页面作者定义当前页的内容策略。 内容策略主要指定允许的服务器源和脚本端点，这有助于防止跨站点脚本攻击。
 *  `content-type`  
    如果使用这个属性，其值必须是"text/html; charset=utf-8"。注意：该属性只能用于 MIME type 为 text/html 的文档，不能用于MIME类型为XML的文档。
 *  `default-style`  
    设置默认 CSS 样式表组的名称。
 *  `x-ua-compatible`  
    如果指定，则 content 属性必须具有值 “IE=edge”。用户代理必须忽略此指示。
 *  `refresh`  
    这个属性指定:
    
     *  如果 content 只包含一个正整数，则为重新载入页面的时间间隔(秒)；
     *  如果 content 包含一个正整数，并且后面跟着字符串 ‘;url=’ 和一个合法的 URL，则是重定向到指定链接的时间间隔(秒)

设置了 refresh 值的页面可能有时间间隔太短的风险。使用诸如屏幕朗读这样的辅助技术来浏览网页的人可能会由于自动跳转而来不及读完或理解网页的内容。这样不经提示而突然进行的页面刷新也可能会让有视力障碍的人群感到迷惑。

*  `name`  
    name 和 content 属性可以一起使用，以名-值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。

### 示例 ###

--------------------

### 设置关键字 ###

使用meta标签可以用来设置网页的关键字。

--------------------

### 指定网页的描述 ###

搜索引擎在搜索页面时，会同时检索页面中的关键字的描述，但是这两个值不会影响页面在搜索引擎中的排名。

– 本文完 –