initial commit

2 files changed, 432 insertions, 0 deletions

diff --git a/files/zh-cn/web/html/element/meta/index.html b/files/zh-cn/web/html/element/meta/index.html
new file mode 100644
index 0000000000..4594e71125
--- /dev/null
+++ b/files/zh-cn/web/html/element/meta/index.html
@@ -0,0 +1,122 @@
+---
+title: <meta>：文档级元数据元素
+slug: Web/HTML/Element/meta
+tags:
+  - HTML
+  - metadata
+  - 元数据
+  - 元素
+translation_of: Web/HTML/Element/meta
+---
+<div>{{HTMLRef}}</div>
+
+<p><strong>HTML <code>&lt;meta&gt;</code> 元素</strong>表示那些不能由其它 HTML 元相关（meta-related）元素（({{HTMLElement("base")}}、{{HTMLElement("link")}}, {{HTMLElement("script")}}、{{HTMLElement("style")}} 或 {{HTMLElement("title")}}）之一表示的任何{{Glossary("Metadata","元数据")}}信息。</p>
+
+<ul class="htmlelt">
+ <li><dfn><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories">内容分类</a></dfn>元数据内容，如果 {{htmlattrxref("itemprop", "meta")}} 属性存在：<a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">流数据</a>，<a href="/en-US/docs/HTML/Content_categories#Phrasing_content">表述内容</a></li>
+ <li><dfn>允许的内容</dfn> 无，这是一个 {{Glossary("空元素")}}</li>
+ <li><dfn>标签省略</dfn>因为这是一个void元素，必须有开始标签而闭合标签可以省略</li>
+ <li><dfn>允许的父元素</dfn><code>&lt;meta charset&gt;</code>, <code>&lt;meta http-equiv&gt;</code>: {{HTMLElement("head")}} 元素. 如果 {{htmlattrxref("http-equiv", "meta")}} 不是编码声明, 它也可以放在{{HTMLElement("noscript")}}元素内，它本身在 {{HTMLElement("head")}}元素内部。</li>
+ <li></li>
+ <li><dfn>默认无障碍语义</dfn><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">没有相应的语义</a></li>
+ <li><dfn>允许的无障碍语义</dfn>没有允许的语义（<code>role</code>）</li>
+ <li><dfn>DOM 接口</dfn> {{domxref("HTMLMetaElement")}}</li>
+</ul>
+
+<p><code>meta</code> 元素定义的元数据的类型包括以下几种：</p>
+
+<ul>
+ <li>如果设置了 {{htmlattrxref("name", "meta")}} 属性，<code>meta</code> 元素提供的是文档级别（<em>document-level</em>）的元数据，应用于整个页面。</li>
+ <li>如果设置了 {{htmlattrxref("http-equiv", "meta")}} 属性，<code>meta</code> 元素则是编译指令，提供的信息与类似命名的HTTP头部相同。</li>
+ <li>如果设置了 {{htmlattrxref("charset", "meta")}} 属性，<code>meta</code> 元素是一个字符集声明，告诉文档使用哪种字符编码。</li>
+ <li>如果设置了 {{htmlattrxref("itemprop")}} 属性，<code>meta</code> 元素提供用户定义的元数据。</li>
+</ul>
+
+<h2 id="属性">属性</h2>
+
+<p>此元素包括<a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>。</p>
+
+<div class="note">
+<p>注意: 全局属性 {{htmlattrxref("name", "meta")}} 在 {{HTMLElement("meta")}} 元素中具有特殊的语义；另外， 在同一个 &lt;meta&gt; 标签中，{{htmlattrxref("name", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} 或者 {{htmlattrxref("charset", "meta")}} 三者中任何一个属性存在时，{{htmlattrxref("itemprop", "meta")}} 属性不能被使用。</p>
+</div>
+
+<p><strong>{{htmlattrdef("charset")}}</strong></p>
+
+<p>这个属性声明了文档的字符编码。如果使用了这个属性，其值必须是与ASCII大小写无关（ASCII case-insensitive）的"<code>utf-8</code>"。</p>
+
+<dl>
+ <dt>{{htmlattrdef("content")}}</dt>
+ <dd>此属性包含{{htmlattrxref("http-equiv", "meta")}} 或{{htmlattrxref("name", "meta")}} 属性的值，具体取决于所使用的值。</dd>
+ <dt>{{htmlattrdef("http-equiv")}}</dt>
+ <dd>属性定义了一个编译指示指令。这个属性叫做 <code><strong>http-equiv</strong>(alent)</code> 是因为所有允许的值都是特定HTTP头部的名称，如下：
+ <ul>
+  <li><code>content-security-policy</code><br>
+   它允许页面作者定义当前页的<a href="/en-US/docs/Web/Security/CSP/CSP_policy_directives">内容策略</a>。 内容策略主要指定允许的服务器源和脚本端点，这有助于防止跨站点脚本攻击。</li>
+  <li><code>content-type</code><br>
+   如果使用这个属性，其值必须是"<code>text/html; charset=utf-8</code>"。注意：该属性只能用于 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME type</a> 为 <code>text/html</code> 的文档，不能用于MIME类型为XML的文档。</li>
+  <li><code>default-style</code>
+   <p>设置默认 <a href="/zh-CN/docs/Web/CSS">CSS 样式表</a>组的名称。</p>
+  </li>
+  <li>
+   <p><code>x-ua-compatible</code><br>
+    如果指定，则 <code>content</code> 属性必须具有值 "<code>IE=edge</code>"。用户代理必须忽略此指示。</p>
+  </li>
+  <li><code>refresh</code><br>
+   这个属性指定:
+   <ul>
+    <li>如果 {{htmlattrxref("content", "meta")}} 只包含一个正整数，则为重新载入页面的时间间隔(秒)；</li>
+    <li>如果 {{htmlattrxref("content", "meta")}} 包含一个正整数，并且后面跟着字符串 '<code>;url=</code>' 和一个合法的 URL，则是重定向到指定链接的时间间隔(秒)</li>
+   </ul>
+  </li>
+ </ul>
+
+ <h5 id="可访问性相关考虑">可访问性相关考虑</h5>
+
+ <p>设置了 <code>refresh</code> 值的页面可能有时间间隔太短的风险。使用诸如屏幕朗读这样的辅助技术来浏览网页的人可能会由于自动跳转而来不及读完或理解网页的内容。这样不经提示而突然进行的页面刷新也可能会让有视力障碍的人群感到迷惑。</p>
+
+ <ul>
+  <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.2_%E2%80%94_Enough_Time_Provide_users_enough_time_to_read_and_use_content">MDN Understanding WCAG, Guideline 2.1 explanations</a></li>
+  <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Understandable#Guideline_3.2_%E2%80%94_Predictable_Make_Web_pages_appear_and_operate_in_predictable_ways">MDN Understanding WCAG, Guideline 3.1 explanations</a></li>
+  <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-required-behaviors.html">Understanding Success Criterion 2.2.1 | W3C Understanding WCAG 2.0</a></li>
+  <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html">Understanding Success Criterion 2.2.4 | W3C Understanding WCAG 2.0</a></li>
+  <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-no-extreme-changes-context.html">Understanding Success Criterion 3.2.5 | W3C Understanding WCAG 2.0</a></li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd><code>name</code> 和 <code>content</code> 属性可以一起使用，以名-值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。</dd>
+ <dd>在<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name">标准元数据名称</a>中查看 HTML 规范等规范中定义的标准元数据名称。</dd>
+</dl>
+
+<h2 id="示例">示例</h2>
+
+<pre class="notranslate">&lt;meta charset="utf-8"&gt;
+
+&lt;!-- Redirect page after 3 seconds --&gt;
+&lt;meta http-equiv="refresh" content="3;url=https://www.mozilla.org"&gt;
+
+</pre>
+
+<h2 id="规范">规范</h2>
+
+<table>
+ <thead>
+  <tr>
+   <th scope="col"><strong>规范</strong></th>
+   <th scope="col"><strong>状态</strong></th>
+   <th scope="col"><strong>注释</strong></th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-meta-element', '&lt;meta&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+
+
+<div>{{Compat("html.elements.meta")}}</div>
diff --git a/files/zh-cn/web/html/element/meta/name/index.html b/files/zh-cn/web/html/element/meta/name/index.html
new file mode 100644
index 0000000000..3f0b9fc74d
--- /dev/null
+++ b/files/zh-cn/web/html/element/meta/name/index.html
@@ -0,0 +1,310 @@
+---
+title: 标准元数据名称
+slug: Web/HTML/Element/meta/name
+tags:
+  - HTML
+  - 元数据
+  - 参考
+  - 属性
+translation_of: Web/HTML/Element/meta/name
+---
+<div>{{HTMLRef}}</div>
+
+<p><span class="seoSummary">The {{htmlelement("meta")}} 元素可用于提供 名称-值 对形式的文档元数据，{{htmlattrxref("name", "meta")}} 属性为元数据条目提供名称，而 {{htmlattrxref("content", "meta")}} 属性提供值。</span></p>
+
+<h3 id="HTML_规范中定义的标准元数据名称">HTML 规范中定义的标准元数据名称</h3>
+
+<p>HTML 规范定义了以下标准元数据名称：</p>
+
+<ul>
+ <li>
+  <p><code>application-name</code>：网页中所运行的应用程序的名称。</p>
+
+  <div class="note"><strong>备注：</strong>
+
+  <ul>
+   <li>浏览器可能使用此名称来识别应用程序。It is different from the {{HTMLElement("title")}} element, which usually contain the application name, but may also contain information like the document name or a status.</li>
+   <li>简单的网页不应当使用 <code>application-name</code>。</li>
+  </ul>
+  </div>
+ </li>
+ <li><code>author</code>：文档作者的名字。</li>
+ <li><code>description</code>：一段简短而精确的、对页面内容的描述。一些浏览器，比如 Firefox 和 Opera，将其用作书签的默认描述。</li>
+ <li><code>generator</code>：生成此页面的软件的标识符（identifier）。</li>
+ <li><code>keywords</code>：与页面内容相关的关键词，使用逗号分隔。</li>
+ <li><code>referrer</code>：控制由当前文档发出的请求的 HTTP {{httpheader("Referer")}} 请求头。
+  <table class="standard-table">
+   <caption><code>&lt;meta name="referrer"&gt;</code> 的 <code>content</code> 属性的值</caption>
+   <tbody>
+    <tr>
+     <td><code>no-referrer</code></td>
+     <td>不发送 HTTP {{httpheader("Referer")}} 请求头。</td>
+    </tr>
+    <tr>
+     <td><code>origin</code></td>
+     <td>只发送当前文档的 {{glossary("origin")}}。</td>
+    </tr>
+    <tr>
+     <td><code>no-referrer-when-downgrade</code></td>
+     <td>如果请求目标与当前页面一样安全或者更加安全（HTTP(S)→HTTPS），则发送完整 URL；如果请求目标更加不安全（HTTPS→HTTP），则不发送  referrer。这是默认行为。</td>
+    </tr>
+    <tr>
+     <td><code>origin-when-cross-origin</code></td>
+     <td>对同源请求发送完整 URL（不含 URL 参数），其他情况下，只发送 origin。</td>
+    </tr>
+    <tr>
+     <td><code>same-origin</code></td>
+     <td>对同源请求发送完整 URL（不含 URL 参数），其他情况下，请求不包含 referrer 请求头。</td>
+    </tr>
+    <tr>
+     <td><code>strict-origin</code></td>
+     <td>如果请求目标与当前页面一样安全或者更加安全（HTTP(S)→HTTPS），则发送 origin；如果请求目标更加不安全（HTTPS→HTTP），则不发送  referrer。</td>
+    </tr>
+    <tr>
+     <td><code>strict-origin-when-cross-origin</code></td>
+     <td>对同源请求发送完整 URL（不含 URL 参数）；其他情况下，如果请求目标与当前页面一样安全或者更加安全（HTTP(S)→HTTPS），则发送 origin；如果请求目标更加不安全（HTTPS→HTTP），则不发送  referrer。</td>
+    </tr>
+    <tr>
+     <td><code>unsafe-URL</code></td>
+     <td>对同源请求和跨源请求发送完整 URL（不含 URL 参数）。</td>
+    </tr>
+   </tbody>
+  </table>
+
+  <div class="note"><strong>备注：</strong>
+
+  <ul>
+   <li>动态插入 <code>&lt;meta name="referrer"&gt;</code>（使用 {{domxref("Document.write", "document.write()")}} 方法或者 {{domxref("Node.appendChild", "appendChild()")}} 等方法）会使 referrer 行为变得不可预测。</li>
+   <li>如果定义了互相冲突的策略，则会转而使用 <code>no-referrer</code> 策略。</li>
+  </ul>
+  </div>
+ </li>
+ <li><code><a href="/zh-CN/docs/Web/HTML/Element/meta/name/theme-color">theme-color</a></code>：表示当前页面的建议颜色，在自定义当前页面从或页面周围的用户界面的显示时，用户代理应当使用此颜色。<code>content</code> 属性应当包含一个有效的 CSS {{cssxref("&lt;color&gt;")}} 值。</li>
+</ul>
+
+<h3 id="其他规范中定义的标准元数据名称">其他规范中定义的标准元数据名称</h3>
+
+<p>CSS 颜色调整规范（CSS Color Adjustment specification）定义了以下元数据名称：</p>
+
+<ul>
+ <li>
+  <p><code>color-scheme</code>: 指定与当前文档兼容的一种或多种配色方案。</p>
+
+  <p>浏览器将优先采用此元数据的值，然后再使用用户的浏览器或设备设置，来确定页面上的各种默认颜色和元素外观，例如背景色、前景色、窗体控件和滚动条。<code>&lt;meta name="color-scheme"&gt;</code> 的主要用途是指示当前页面与浅色模式和深色模式的兼容性，以及选用这两种模式时的优先顺序。</p>
+
+  <p><code>color-scheme</code> 的 {{htmlattrxref("content", "meta")}} 属性的值应当为以下值中的一个：</p>
+
+  <dl>
+   <dt><code>normal</code></dt>
+   <dd>该文档未指定（unaware of）配色方案，应当仅使用默认配色进行渲染。</dd>
+   <dt>[<code>light</code> | <code>dark</code>]+</dt>
+   <dd>文档所支持的一种或多种配色方案。如果多次指定同一个配色方案，则与仅指定一次效果相同。如果指定了多种配色方案，则表示文档优先选择第一种方案——如果用户更倾向于选择第二种配色方案，则可以接受第二种。</dd>
+   <dt><code>only light</code></dt>
+   <dd>表示文档<em>仅</em>支持浅色模式，也就是浅色背景色和深色前景色。按照规范，<code>only dark</code> <em>是无效的</em>。如果在文档不支持深色模式的情况下强迫其以深色模式进行渲染，会导致内容不可读。所以，在未经配置的情况下，所有主要浏览器均默认使用浅色模式。</dd>
+  </dl>
+
+  <p>For example, to indicate that a document prefers dark mode but does render functionally in light mode as well:</p>
+
+  <pre class="brush: html notranslate">&lt;meta name="color-scheme" content="dark light"&gt;</pre>
+
+  <p>This works at the document level in the same way that the CSS {{cssxref("color-scheme")}} property lets individual elements specify their preferred and accepted color schemes. Your styles can adapt to the current color scheme using the {{cssxref("@media/prefers-color-scheme", "prefers-color-scheme")}} CSS media feature.</p>
+ </li>
+</ul>
+
+<p>CSS 设备适配规范（CSS Device Adaptation specification）定义了以下元数据名称：</p>
+
+<ul>
+ <li><code>viewport</code>: 为{{glossary("viewport")}}（视口）的初始大小提供指示（hint）。目前仅用于移动设备。</li>
+ <li>
+  <table class="fullwidth-table">
+   <caption><code>&lt;meta name="viewport"&gt;</code> 的 <code>content</code> 属性的值</caption>
+   <thead>
+    <tr>
+     <th scope="col">值</th>
+     <th scope="col">可能的附加值</th>
+     <th scope="col">描述</th>
+    </tr>
+   </thead>
+   <tbody>
+    <tr>
+     <td><code>width</code></td>
+     <td>一个正整数，或者字符串 <code>device-width</code></td>
+     <td>定义 viewport 的宽度，如果值为正整数，则单位为像素。</td>
+    </tr>
+    <tr>
+     <td><code>height</code></td>
+     <td>一个正整数，或者字符串 <code>device-height</code></td>
+     <td>定义 viewport 的高度。未被任何浏览器使用。</td>
+    </tr>
+    <tr>
+     <td><code>initial-scale</code></td>
+     <td>一个 <code>0.0</code> 和 <code>10.0</code> 之间的正数</td>
+     <td>定义设备宽度（宽度和高度中更小的那个：如果是纵向屏幕，就是 <code>device-width</code>，如果是横向屏幕，就是 <code>device-height</code>）与 viewport 大小之间的缩放比例。</td>
+    </tr>
+    <tr>
+     <td><code>maximum-scale</code></td>
+     <td>一个 <code>0.0</code> 和 <code>10.0</code> 之间的正数</td>
+     <td>定义缩放的最大值，必须大于等于 <code>minimum-scale</code>，否则表现将不可预测。浏览器设置可以忽略此规则；iOS 10 开始，Safari iOS 默认忽略此规则。</td>
+    </tr>
+    <tr>
+     <td><code>minimum-scale</code></td>
+     <td>一个 <code>0.0</code> 和 <code>10.0</code> 之间的正数</td>
+     <td>定义缩放的最小值，必须小于等于 <code>maximum-scale</code>，否则表现将不可预测。浏览器设置可以忽略此规则；iOS 10 开始，Safari iOS 默认忽略此规则。</td>
+    </tr>
+    <tr>
+     <td><code>user-scalable</code></td>
+     <td><code>yes</code> 或者 <code>no</code></td>
+     <td>默认为 <code>yes</code>，如果设置为 <code>no</code>，用户将无法缩放当前页面。浏览器设置可以忽略此规则；iOS 10 开始，Safari iOS 默认忽略此规则。</td>
+    </tr>
+    <tr>
+     <td><code>viewport-fit</code></td>
+     <td><code>auto</code>、<code>contain</code> 或者 <code>cover</code></td>
+     <td>
+      <p>The <code>auto</code> value doesn’t affect the initial layout viewport, and the whole web page is viewable.</p>
+
+      <p>The <code>contain</code> value means that the viewport is scaled to fit the largest rectangle inscribed within the display.</p>
+
+      <p>The <code>cover</code> value means that the viewport is scaled to fill the device display. It is highly recommended to make use of the <a href="/zh-CN/docs/Web/CSS/env">safe area inset</a> variables to ensure that important content doesn't end up outside the display.</p>
+     </td>
+    </tr>
+   </tbody>
+  </table>
+
+  <div class="note"><strong>备注：</strong>
+
+  <ul>
+   <li>虽然此元数据条目未被标准化，但是，由于此条目在事实上处于支配地位，大多数移动浏览器都遵守此条目的声明。</li>
+   <li>不同设备和浏览器的默认值可能有不同。</li>
+   <li>若想了解 Firefox 移动版对此声明的支持和处理，请参考<a href="/zh-CN/docs/Mobile/Viewport_meta_tag" title="Mobile/Viewport meta tag">这篇文章</a>。</li>
+  </ul>
+  </div>
+
+  <h5 id="关于_viewport_缩放的可访问性考量">关于 viewport 缩放的可访问性考量</h5>
+
+  <div>将 <code>user-scalable</code> 设置为 <code>no</code> 会阻止一切意义上的缩放，视力不好的人可能会因此无法阅读和理解页面内容。</div>
+
+  <ul>
+   <li><a href="/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">MDN Understanding WCAG, Guideline 1.4 explanations</a></li>
+   <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html">Understanding Success Criterion 1.4.4 | W3C Understanding WCAG 2.0</a></li>
+  </ul>
+
+  <h5 id="参见">参见</h5>
+
+  <p><a href="/zh-CN/docs/Web/CSS/@viewport"><code>@viewport</code></a> CSS @ 规则。</p>
+ </li>
+</ul>
+
+<h3 id="其他元数据名称">其他元数据名称</h3>
+
+<p>The <a class="external" href="https://wiki.whatwg.org/wiki/MetaExtensions">WHATWG Wiki MetaExtensions page</a> contains a large set of non-standard metadata names that have not been formally accepted yet; however, some of the names included there are already used quite commonly in practice — including the following:</p>
+
+<ul>
+ <li><code>creator</code>：当前文档的创建者，例如某个组织或者机构。如果有不止一个创建者，则应当使用多个名称为 <code>creator</code> 的 {{HTMLElement("meta")}} 元素。（而不是像关键词一样使用逗号分隔：关键词不应包含逗号，但创建者名称可能含有逗号。）</li>
+ <li><code>googlebot</code>：<code>robots</code> 的替代名称，只被 Googlebot（Google 的网页爬虫/索引搜寻器）使用。</li>
+ <li><code>publisher</code>：当前文档的发布者/出版者。</li>
+ <li><code>robots</code>：爬虫、协作搜寻器，或者“机器人”，对此页面的处理行为，或者说，应当遵守的规则。是一个使用逗号分隔的、由下列值构成的列表：
+  <table class="standard-table">
+   <caption><code>&lt;meta name="robots"&gt;</code> 的 <code>content</code> 属性的值</caption>
+   <thead>
+    <tr>
+     <th scope="col">值</th>
+     <th scope="col">描述</th>
+     <th scope="col">被用于</th>
+    </tr>
+   </thead>
+   <tbody>
+    <tr>
+     <td><code>index</code></td>
+     <td>允许机器人索引此页面（默认）。</td>
+     <td>所有爬虫</td>
+    </tr>
+    <tr>
+     <td><code>noindex</code></td>
+     <td>要求机器人不索引此页面。</td>
+     <td>所有爬虫</td>
+    </tr>
+    <tr>
+     <td><code>follow</code></td>
+     <td>允许机器人跟随此页面上的链接（默认）。</td>
+     <td>所有爬虫</td>
+    </tr>
+    <tr>
+     <td><code>nofollow</code></td>
+     <td>要求机器人不跟随此页面上的链接。</td>
+     <td>所有爬虫</td>
+    </tr>
+    <tr>
+     <td><code>all</code></td>
+     <td>与 <code>index, follow</code> 等价</td>
+     <td><a class="external" href="https://support.google.com/webmasters/answer/79812">Google</a></td>
+    </tr>
+    <tr>
+     <td><code>none</code></td>
+     <td>与 <code>noindex, nofollow</code> 等价</td>
+     <td><a class="external" href="https://support.google.com/webmasters/answer/79812">Google</a></td>
+    </tr>
+    <tr>
+     <td><code>noarchive</code></td>
+     <td>要求搜索引擎不缓存页面内容。</td>
+     <td><a class="external" href="https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives">Google</a>、<a class="external" href="https://help.yahoo.com/kb/search-for-desktop/SLN2213.html">Yahoo</a>、<a class="external" href="https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240">Bing</a></td>
+    </tr>
+    <tr>
+     <td><code>nosnippet</code></td>
+     <td>Prevents displaying any description of the page in search engine results.</td>
+     <td><a class="external" href="https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives">Google</a>、<a class="external" href="https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240">Bing</a></td>
+    </tr>
+    <tr>
+     <td><code>noimageindex</code></td>
+     <td>Requests this page not to appear as the referring page of an indexed image.</td>
+     <td><a class="external" href="https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives">Google</a></td>
+    </tr>
+    <tr>
+     <td><code>nocache</code></td>
+     <td><code>noarchive</code> 的替代名称。</td>
+     <td><a class="external" href="https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240">Bing</a></td>
+    </tr>
+   </tbody>
+  </table>
+
+  <div class="note"><strong>备注：</strong>
+
+  <ul>
+   <li>只有正规的爬虫/协作搜寻器/机器人遵守这些规则。不要指望爬取电子邮件地址的恶意爬虫也这么做。</li>
+   <li>只有访问相应的页面之后，机器人才能读取到这些规则。为避免这一点带来的带宽消耗，可以在 <em>{{Glossary("robots.txt")}}</em> 文件中声明一些规则。</li>
+   <li>如果你想从机器人的索引中移除某个页面，<code>noindex</code> 可以做到这一点，但机器人还是得先访问那个页面，读取到 <code>noindex</code> 规则。遇到这种情况时，请确保 <code>robots.txt</code> 文件没有阻止机器人重新访问那个页面。</li>
+   <li>一些规则是互相矛盾的比如 <code>index</code> 和 <code>noindex</code>，或者 <code>follow</code> 和 <code>nofollow</code>。这种情况下，机器人的表现是不可预测的，而且不同机器人的表现可能有不同。</li>
+   <li>一些爬虫机器人，比如 Google、Yahoo 和 Bing 的搜索引擎爬虫，支持在 HTTP <code>X-Robots-Tag</code> 请求头中应用相同的规则。这允许非 HTML 文档和文件等应用这些规则。</li>
+  </ul>
+  </div>
+ </li>
+</ul>
+
+<h2 id="规范">规范</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">规范</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#standard-metadata-names', 'standard metadata names')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS Color Adjust', '#color-scheme-meta', 'the "color-scheme" metadata name')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Device', '#viewport-meta', 'the "viewport" metadata name')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-meta', 'the "referrer" metadata name')}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+<div class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>
+
+<p>{{Compat("html.elements.meta.name")}}</p>