diff options
Diffstat (limited to 'files/zh-cn/web/html/element/link/index.html')
| -rw-r--r-- | files/zh-cn/web/html/element/link/index.html | 86 |
1 files changed, 43 insertions, 43 deletions
diff --git a/files/zh-cn/web/html/element/link/index.html b/files/zh-cn/web/html/element/link/index.html index b8b9fe0246..f374f95e59 100644 --- a/files/zh-cn/web/html/element/link/index.html +++ b/files/zh-cn/web/html/element/link/index.html @@ -11,7 +11,7 @@ translation_of: Web/HTML/Element/link --- <div>{{HTMLRef}}</div> -<p><strong>HTML外部资源链接元素 </strong>(<strong><code><link></code></strong>) 规定了当前文档与外部资源的关系。该元素最常用于链接<a href="/zh-CN/docs/Glossary/CSS">样式表</a>，此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。</p> +<p><strong>HTML 外部资源链接元素 </strong>(<strong><code><link></code></strong>) 规定了当前文档与外部资源的关系。该元素最常用于链接<a href="/zh-CN/docs/Glossary/CSS">样式表</a>，此外也可以被用来创建站点图标 (比如 PC 端的 “favicon” 图标和移动设备上用以显示在主屏幕的图标) 。</p> <div>{{EmbedInteractiveExample("pages/tabbed/link.html")}}</div> @@ -19,7 +19,7 @@ translation_of: Web/HTML/Element/link <pre class="brush: html no-line-numbers notranslate"><link href="main.css" rel="stylesheet"></pre> -<p>在这个简单的例子中，使用了 <code>href</code> 属性设置外部资源的路径，并设置 <code>rel</code> 属性的值为“<code>stylesheet</code>”(样式表)。<code>rel</code> 表示“关系 (relationship) ”，它可能是<code><link></code>元素其中一个关键的特性——属性值表示<code><link></code>项的链接方式与包含它的文档之间的关系。你将在我们的<a href="/en-US/docs/Web/HTML/Link_types">链接类型</a>中看到很多不同类型的关系。</p> +<p>在这个简单的例子中，使用了 <code>href</code> 属性设置外部资源的路径，并设置 <code>rel</code> 属性的值为 “<code>stylesheet</code>”(样式表)。<code>rel</code> 表示 “关系 (relationship) ”，它可能是<code><link></code>元素其中一个关键的特性——属性值表示<code><link></code>项的链接方式与包含它的文档之间的关系。你将在我们的<a href="/en-US/docs/Web/HTML/Link_types">链接类型</a>中看到很多不同类型的关系。</p> <p>这里有一些你经常遇到的其它类型。例如，这里是一个网站图标的链接：</p> @@ -30,7 +30,7 @@ translation_of: Web/HTML/Element/link <pre class="brush: html notranslate"><code><link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-icon-114.png" type="image/png"></code></pre> -<p><code>sizes</code>属性表示图标大小，<code>type</code>属性包含了链接资源的MIME类型。这些属性为浏览器选择最合适的图标提供了有用的提示。</p> +<p><code>sizes</code>属性表示图标大小，<code>type</code>属性包含了链接资源的 MIME 类型。这些属性为浏览器选择最合适的图标提供了有用的提示。</p> <p>你也可以提供一个媒体类型，或者在<code>media</code>属性内部进行查询；这种资源将只在满足媒体条件的情况下才被加载进来。例如：</p> @@ -42,16 +42,16 @@ translation_of: Web/HTML/Element/link <pre class="brush: html notranslate"><code><link rel="preload" href="myFont.woff2" as="font" type="font/woff2" crossorigin="anonymous"></code></pre> -<p>将<code>rel</code>设定为<code>preload</code>，表示浏览器应该预加载该资源 (更多细节见<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content">使用rel="preload"预加载内容</a>) 。<code>as</code>属性表示获取特定的内容类。<code>crossorigin</code>属性表示该资源是否应该使用一个{{Glossary("CORS")}}请求来获取。</p> +<p>将<code>rel</code>设定为<code>preload</code>，表示浏览器应该预加载该资源 (更多细节见<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content">使用 rel="preload"预加载内容</a>) 。<code>as</code>属性表示获取特定的内容类。<code>crossorigin</code>属性表示该资源是否应该使用一个{{Glossary("CORS")}}请求来获取。</p> <p>其它用法的注解：</p> <ul> - <li><code><link></code>元素可以出现在{{HTMLElement("head")}}元素或者{{HTMLElement("body")}}元素中，具体取决于它是否有一个<strong>body-ok</strong>的<a href="https://html.spec.whatwg.org/multipage/links.html#body-ok">链接类型</a>。例如，<code>stylesheet</code>链接类型是body-ok的，因此<code><link rel="stylesheet"></code>允许出现在body中。然而，这不是一种好的可遵循的实践方式；更合理的方式是，将你的<code><link></code>元素从你的body内容中分离出来，将其放在<code><head></code>中。</li> - <li>当使用<code><link></code>为网站创建一个favicon时，你的网站使用内容安全策略 (Content Security Policy，CSP) 来增强它的安全性，这种策略适用于favicon。如果你遇到favicon未加载的问题，验证{{HTTPHeader("Content-Security-Policy")}}头的<a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src"><code>img-src</code> directive</a>没有在阻止对它的访问。</li> - <li>HTML和XHTML规范为<code><link></code>元素定义了一些事件处理器 (<em>event handler</em>) ，但是对于它们的使用方法不明确。</li> - <li>在XHTML 1.0下，例如<code><link></code>的空元素需要一个尾斜杠：<code><link /></code>。</li> - <li>WebTV支持<code>rel</code>使用<code>next</code>值，用于在一个document series中预加载下一页。</li> + <li><code><link></code>元素可以出现在{{HTMLElement("head")}}元素或者{{HTMLElement("body")}}元素中，具体取决于它是否有一个<strong>body-ok</strong>的<a href="https://html.spec.whatwg.org/multipage/links.html#body-ok">链接类型</a>。例如，<code>stylesheet</code>链接类型是 body-ok 的，因此<code><link rel="stylesheet"></code>允许出现在 body 中。然而，这不是一种好的可遵循的实践方式；更合理的方式是，将你的<code><link></code>元素从你的 body 内容中分离出来，将其放在<code><head></code>中。</li> + <li>当使用<code><link></code>为网站创建一个 favicon 时，你的网站使用内容安全策略 (Content Security Policy，CSP) 来增强它的安全性，这种策略适用于 favicon。如果你遇到 favicon 未加载的问题，验证{{HTTPHeader("Content-Security-Policy")}}头的<a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src"><code>img-src</code> directive</a>没有在阻止对它的访问。</li> + <li>HTML 和 XHTML 规范为<code><link></code>元素定义了一些事件处理器 (<em>event handler</em>) ，但是对于它们的使用方法不明确。</li> + <li>在 XHTML 1.0 下，例如<code><link></code>的空元素需要一个尾斜杠：<code><link /></code>。</li> + <li>WebTV 支持<code>rel</code>使用<code>next</code>值，用于在一个 document series 中预加载下一页。</li> </ul> <h2 id="属性">属性</h2> @@ -126,26 +126,26 @@ translation_of: Web/HTML/Element/link </table> </dt> <dt>{{htmlattrdef("crossorigin")}}</dt> - <dd>此枚举属性指定在加载相关资源时是否必须使用 CORS. <a href="/en-US/docs/Web/HTML/CORS_Enabled_Image">启用 CORS 的图片</a> 可以在 {{HTMLElement("canvas")}} 元素中重复使用, 并避免其被<em>污染</em>. 可取的值如下: + <dd>此枚举属性指定在加载相关资源时是否必须使用 CORS. <a href="/en-US/docs/Web/HTML/CORS_Enabled_Image">启用 CORS 的图片</a> 可以在 {{HTMLElement("canvas")}} 元素中重复使用，并避免其被<em>污染</em>. 可取的值如下： <dl> <dt><code>"anonymous"</code></dt> - <dd>会发起一个跨域请求(即包含 <code>Origin:</code> HTTP 头). 但不会发送任何认证信息 (即不发送 cookie, X.509 证书和 HTTP 基本认证信息). 如果服务器没有给出源站凭证 (不设置 <code>Access-Control-Allow-Origin:</code> HTTP 头), 资源就会被<em>污染并限制使用</em>.</dd> + <dd>会发起一个跨域请求 (即包含 <code>Origin:</code> HTTP 头). 但不会发送任何认证信息 (即不发送 cookie, X.509 证书和 HTTP 基本认证信息). 如果服务器没有给出源站凭证 (不设置 <code>Access-Control-Allow-Origin:</code> HTTP 头), 资源就会被<em>污染并限制使用</em>.</dd> <dt><code>"use-credentials"</code></dt> <dd>会发起一个带有认证信息 (发送 cookie, X.509 证书和 HTTP 基本认证信息) 的跨域请求 (即包含 <code>Origin:</code> HTTP 头). 如果服务器没有给出源站凭证 (不设置 <code>Access-Control-Allow-Origin:</code> HTTP 头), 资源就会被<em>污染并限制使用</em>.</dd> </dl> - 当不设置此属性时, 资源将会不使用 CORS 加载 (即不发送 <code>Origin:</code> HTTP 头), 这将阻止其在 {{HTMLElement('canvas')}} 元素中进行使用. 若设置了非法的值, 则视为使用 <strong>anonymous</strong>. 前往 <a href="/en-US/docs/Web/HTML/CORS_settings_attributes">CORS settings attributes</a> 获取更多信息.</dd> + 当不设置此属性时，资源将会不使用 CORS 加载 (即不发送 <code>Origin:</code> HTTP 头), 这将阻止其在 {{HTMLElement('canvas')}} 元素中进行使用。若设置了非法的值，则视为使用 <strong>anonymous</strong>. 前往 <a href="/en-US/docs/Web/HTML/CORS_settings_attributes">CORS settings attributes</a> 获取更多信息。</dd> <dt>{{htmlattrdef("disabled")}}</dt> <dd> - <p>仅对于<code>rel="stylesheet"</code> ，<code>disabled</code> 的Boolean属性指示是否应加载所描述的样式表并将其应用于文档。 如果在加载HTML时在HTML中指定了Disabled，则在页面加载期间不会加载样式表。 相反，如果禁用属性更改为false或删除时，样式表将按需加载。</p> + <p>仅对于<code>rel="stylesheet"</code> ，<code>disabled</code> 的 Boolean 属性指示是否应加载所描述的样式表并将其应用于文档。 如果在加载 HTML 时在 HTML 中指定了 Disabled，则在页面加载期间不会加载样式表。 相反，如果禁用属性更改为 false 或删除时，样式表将按需加载。</p> - <p>但是，一旦加载样式表，对Disabled属性的值所做的更改将不再与{{domxref("StyleSheet.disabled")}} 属性的值有任何关系。 相反，更改此属性的值只是启用和禁用应用于文档的样式表表单。</p> + <p>但是，一旦加载样式表，对 Disabled 属性的值所做的更改将不再与{{domxref("StyleSheet.disabled")}} 属性的值有任何关系。 相反，更改此属性的值只是启用和禁用应用于文档的样式表表单。</p> - <p>这与StyleSheet的disable属性不同； 将其更改为true会将样式表从文档的{{domxref("document.styleSheets")}} 列表中删除，并且在切换回false时不会自动重新加载样式表。</p> + <p>这与 StyleSheet 的 disable 属性不同； 将其更改为 true 会将样式表从文档的{{domxref("document.styleSheets")}} 列表中删除，并且在切换回 false 时不会自动重新加载样式表。</p> </dd> <dt>{{htmlattrdef("href")}}</dt> <dd>此属性指定被链接资源的{{glossary("URL")}}。 URL 可以是绝对的，也可以是相对的。</dd> <dt>{{htmlattrdef("hreflang")}}</dt> - <dd>此属性指明了被链接资源的语言. 其意义仅供参考。可取的值参见 <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>。仅当设置了 {{htmlattrxref("href", "a")}} 属性时才应设置该属性。</dd> + <dd>此属性指明了被链接资源的语言。其意义仅供参考。可取的值参见 <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>。仅当设置了 {{htmlattrxref("href", "a")}} 属性时才应设置该属性。</dd> <dt id="name-attribute">{{HTMLAttrDef("importance")}} {{Experimental_Inline}}</dt> <dd>指示资源的相对重要性。 优先级提示使用以下值委托：</dd> <dd> @@ -156,34 +156,34 @@ translation_of: Web/HTML/Element/link <p><strong><code>low</code></strong>: 向浏览器指示资源的优先级较低。</p> <div class="blockIndicator note"> - <p><strong>Note: </strong>只有存在rel=“preload”或rel=“prefetch”时，importance属性才能用于<link>元素。</p> + <p><strong>Note: </strong>只有存在 rel=“preload” 或 rel=“prefetch” 时，importance 属性才能用于<link>元素。</p> </div> </dd> <dt>{{htmlattrdef("integrity")}} {{experimental_inline}}</dt> - <dd>包含行内元数据，它是一个你用浏览器获取的资源文件的哈希值，以base64编码的方式加的密，这样用户能用它来验证一个获取到的资源,在传送时未被非法篡改，详情查看<a href="https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity">Subresource Integrity</a>。</dd> + <dd>包含行内元数据，它是一个你用浏览器获取的资源文件的哈希值，以 base64 编码的方式加的密，这样用户能用它来验证一个获取到的资源，在传送时未被非法篡改，详情查看<a href="https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity">Subresource Integrity</a>。</dd> <dt>{{htmlattrdef("media")}}</dt> <dd>这个属性规定了外部资源适用的媒体类型。它的值必须是"<a href="https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries">媒体查询</a>"。这个属性使得用户代理能选择最适合设备运行的媒体类型。 <div class="note"><strong>使用注意：</strong> <ul> - <li>在HTML 4中，该属性只能是一组以空白符作为分隔的媒体描述文字，比如"<a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media">媒体类型</a>"规定了该元素可取的属性，如print、screen、aural、braille。HTML5将该属性值扩展为任意类型的"<a href="https://developer.mozilla.org/zh-CN/docs/CSS/Media_queries">媒体查询</a>"，"媒体查询"将HTML4的属性值都包括在内。</li> - <li>不支持"<a href="https://developer.mozilla.org/zh-CN/docs/CSS/Media_queries">CSS3 媒体查询</a>"的浏览器并不会强行识别这些链接，因此别忘了设置备用link，即那些可用于HTML4的link。</li> + <li>在 HTML 4 中，该属性只能是一组以空白符作为分隔的媒体描述文字，比如"<a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media">媒体类型</a>"规定了该元素可取的属性，如 print、screen、aural、braille。HTML5 将该属性值扩展为任意类型的"<a href="https://developer.mozilla.org/zh-CN/docs/CSS/Media_queries">媒体查询</a>"，"媒体查询"将 HTML4 的属性值都包括在内。</li> + <li>不支持"<a href="https://developer.mozilla.org/zh-CN/docs/CSS/Media_queries">CSS3 媒体查询</a>"的浏览器并不会强行识别这些链接，因此别忘了设置备用 link，即那些可用于 HTML4 的 link。</li> </ul> </div> </dd> <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt> - <dd>一个字符串，指示在获取资源时使用哪个引荐来源网址: + <dd>一个字符串，指示在获取资源时使用哪个引荐来源网址： <ul> <li><code>'no-referrer'</code> 表示{{HTTPHeader("Referer")}} 标头将不会发送。</li> <li><code>'no-referrer-when-downgrade'</code> 的原始位置时不会发送任何{{HTTPHeader("Referer")}}标头。 如果未指定其他政策，这是用户代理的默认行为。</li> <li><code>'origin'</code> 意味着引荐来源网址将是页面的来源，大致是方案，主机和端口。</li> <li><code>'origin-when-cross-origin'</code> 这意味着导航到其他来源将仅限于方案，主机和端口，而在同一来源上导航将包括引荐来源网址的路径。</li> - <li><code>'unsafe-url'</code> 意味着引荐来源网址将包含来源和路径（但不包括片段，密码或用户名）。 这种情况是不安全的，因为它可能会将来源和路径从受TLS保护的资源泄漏到不安全的来源。</li> + <li><code>'unsafe-url'</code> 意味着引荐来源网址将包含来源和路径（但不包括片段，密码或用户名）。 这种情况是不安全的，因为它可能会将来源和路径从受 TLS 保护的资源泄漏到不安全的来源。</li> </ul> </dd> <dt>{{htmlattrdef("rel")}}</dt> <dd>此属性命名链接文档与当前文档的关系。 该属性必须是<a href="/zh-CN/docs/Web/HTML/Link_types">链接类型值</a>的用空格分隔的列表。</dd> <dt>{{htmlattrdef("sizes")}}</dt> - <dd>这个属性定义了包含相应资源的可视化媒体中的icons的大小。它只有在{{htmlattrxref("rel","link")}}包含icon的<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Link_types">link类型值</a>。它可能有如下的规则。 + <dd>这个属性定义了包含相应资源的可视化媒体中的 icons 的大小。它只有在{{htmlattrxref("rel","link")}}包含 icon 的<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Link_types">link 类型值</a>。它可能有如下的规则。 <ul> <li><code>any</code> 表示图标可以按矢量格式缩放到任意大小，例如<code>image/svg+xml。</code></li> <li>一个由空白符分隔的尺寸列表。每一个都以<code><em><width in pixels></em>x<em><height in pixels></em></code> 或 <code><em><width in pixels></em>X<em><height in pixels>给出。</em></code>尺寸列表中的每一个尺寸都必须包含在资源里。</li> @@ -192,21 +192,21 @@ translation_of: Web/HTML/Element/link <div class="note"><strong>用法注意：</strong> <ul> - <li>大多数的icon格式只能存储一个icon。因此绝大多数使用 {{htmlattrxref("sizes")}}时只包含一个值。微软的ICO格式和苹果的ICNS格式都是这样，ICO使用得更加广泛，推荐你使用它。</li> - <li>苹果的IOS系统并不支持这个属性，于是苹果的IPhone以及IPad使用特殊的、非标准的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Link_types">link类型值</a>去定义作为Web Clip或开始占位符：<code>apple-touch-icon</code> 和 <code>apple-touch-startup-icon。</code></li> + <li>大多数的 icon 格式只能存储一个 icon。因此绝大多数使用 {{htmlattrxref("sizes")}}时只包含一个值。微软的 ICO 格式和苹果的 ICNS 格式都是这样，ICO 使用得更加广泛，推荐你使用它。</li> + <li>苹果的 IOS 系统并不支持这个属性，于是苹果的 IPhone 以及 IPad 使用特殊的、非标准的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Link_types">link 类型值</a>去定义作为 Web Clip 或开始占位符：<code>apple-touch-icon</code> 和 <code>apple-touch-startup-icon。</code></li> </ul> </div> </dd> <dt>{{HTMLAttrDef("title")}}</dt> <dd>属性在<code><link></code>元素上有特殊的语义。当用于<code><link rel="stylesheet"></code>时，它定义了一个<a href="/zh-CN/docs/Web/CSS/Alternative_style_sheets">首选样式表或备用样式表</a>。不正确地使用它可能会导致<a href="/zh-CN/docs/Correctly_Using_Titles_With_External_Stylesheets">样式表被忽略</a>。</dd> <dt>{{htmlattrdef("type")}}</dt> - <dd>这个属性被用于定义链接的内容的类型。这个属性的值应该是像text/html，text/css等MIME类型。这个属性常用的用法是定义链接的样式表，最常用的值是表明了CSS的text/css。</dd> + <dd>这个属性被用于定义链接的内容的类型。这个属性的值应该是像 text/html，text/css 等 MIME 类型。这个属性常用的用法是定义链接的样式表，最常用的值是表明了 CSS 的 text/css。</dd> <dt></dt> <dt> <h3 id="非标准属性">非标准属性</h3> </dt> <dt>{{HTMLAttrDef("methods")}} {{Non-standard_Inline}}</dt> - <dd>此属性的值提供有关可能在对象上执行的功能的信息。 这些值通常在使用时由HTTP协议给出，但是（出于与“<strong>title</strong>”属性类似的原因）将其预先包含在链接中可能是有用的。 例如，浏览器可能根据指定的方法选择不同的链接呈现方式。 可搜索的内容可能会得到其他图标，或者外部链接可能会显示离开当前站点的指示。 即使定义的浏览器Internet Explorer 4也无法很好地理解或支持此属性。</dd> + <dd>此属性的值提供有关可能在对象上执行的功能的信息。 这些值通常在使用时由 HTTP 协议给出，但是（出于与 “<strong>title</strong>” 属性类似的原因）将其预先包含在链接中可能是有用的。 例如，浏览器可能根据指定的方法选择不同的链接呈现方式。 可搜索的内容可能会得到其他图标，或者外部链接可能会显示离开当前站点的指示。 即使定义的浏览器 Internet Explorer 4 也无法很好地理解或支持此属性。</dd> <dt>{{HTMLAttrDef("prefetch")}} {{Non-standard_Inline}} {{secureContext_inline}}</dt> <dd>此属性标识下一个导航可能需要的资源，用户代理应检索该资源。 这允许用户代理在将来请求资源时更快地做出响应。</dd> <dt>{{HTMLAttrDef("target")}} {{Non-standard_Inline}}</dt> @@ -215,27 +215,27 @@ translation_of: Web/HTML/Element/link <h3 id="已淘汰的属性">已淘汰的属性</h3> </dt> <dt>{{htmlattrdef("charset")}}{{obsolete_inline}}</dt> - <dd>此属性定义链接资源的字符编码。 该值为{{rfc(2045)}}中定义的字符集的空格和/或逗号分隔列表。 缺省值为iso-8859-1。 + <dd>此属性定义链接资源的字符编码。 该值为{{rfc(2045)}}中定义的字符集的空格和/或逗号分隔列表。 缺省值为 iso-8859-1。 <div class="blockIndicator note"> <p><strong>使用说明：</strong>该属性已淘汰且禁止使用<strong>。要</strong>实现相同效果，可在外链资源中使用<code>Content-Type</code> HTTP header。</p> </div> </dd> <dt>{{htmlattrdef("rev")}}{{obsolete_inline}}</dt> - <dd>此属性的值显示了 {{HTMLAttrxRef("href", "link")}} 属性所定义的当前文档与链接文档的关系。 因此，该属性定义了与rel属性的值相比的反向关系。 该属性的<a href="/zh-CN/docs/Web/HTML/Link_types">Link type value</a>类似于{{HTMLAttrxRef("rel", "link")}}的可能值。</dd> + <dd>此属性的值显示了 {{HTMLAttrxRef("href", "link")}} 属性所定义的当前文档与链接文档的关系。 因此，该属性定义了与 rel 属性的值相比的反向关系。 该属性的<a href="/zh-CN/docs/Web/HTML/Link_types">Link type value</a>类似于{{HTMLAttrxRef("rel", "link")}}的可能值。</dd> <dd> <div class="blockIndicator note"> - <p><strong>Note:</strong> WHATWG HTML生活标准（MDN将其视为规范的规范）认为该属性已过时。 但是，值得注意的是，rev在W3C规范中并未过时。 就是说，鉴于不确定性，依靠rev是不明智的。</p> + <p><strong>Note:</strong> WHATWG HTML 生活标准（MDN 将其视为规范的规范）认为该属性已过时。 但是，值得注意的是，rev 在 W3C 规范中并未过时。 就是说，鉴于不确定性，依靠 rev 是不明智的。</p> - <p>相反，您应该使用具有相反链接类型值的{{HTMLAttrxRef("rel", "link")}}属性。 例如，要建立反向链接，请指定作者。 而且，即使许多站点都以这种方式滥用此属性，该属性也不代表“修订”，并且不得与版本号一起使用。</p> + <p>相反，您应该使用具有相反链接类型值的{{HTMLAttrxRef("rel", "link")}}属性。 例如，要建立反向链接，请指定作者。 而且，即使许多站点都以这种方式滥用此属性，该属性也不代表 “修订”，并且不得与版本号一起使用。</p> </div> </dd> </dl> <h2 id="示例">示例</h2> -<h3 id="引入一个css文件">引入一个css文件</h3> +<h3 id="引入一个css文件">引入一个 css 文件</h3> -<p>用下面的语法来引入一个css文件：</p> +<p>用下面的语法来引入一个 css 文件：</p> <pre class="brush: html notranslate"><link href="style.css" rel="stylesheet"> </pre> @@ -268,7 +268,7 @@ translation_of: Web/HTML/Element/link <h3 id="通过媒体查询有条件地加载资源">通过媒体查询有条件地加载资源</h3> -<p>您可以在<code>media</code>属性中提供媒体类型或查询; 然后，只有在媒体条件为true时，才会加载此资源。 例如：</p> +<p>您可以在<code>media</code>属性中提供媒体类型或查询; 然后，只有在媒体条件为 true 时，才会加载此资源。 例如：</p> <pre class="brush: html notranslate"><code><link href="print.css" rel="stylesheet" media="print"> <link href="mobile.css" rel="stylesheet" media="all"> @@ -292,7 +292,7 @@ function sheetError() { <link rel="stylesheet" href="mystylesheet.css" onload="sheetLoaded()" onerror="sheetError()"> </pre> -<div class="note"><strong>注意：</strong> 当样式表以及它引用的部分全部加载完毕，load事件就会在样式表应用到内容之前立即触发。</div> +<div class="note"><strong>注意：</strong> 当样式表以及它引用的部分全部加载完毕，load 事件就会在样式表应用到内容之前立即触发。</div> <h3 id="预加载例子">预加载例子</h3> @@ -304,7 +304,7 @@ function sheetError() { <tbody> <tr> <th><a href="/en-US/docs/Web/HTML/Content_categories">内容类型</a></th> - <td>元数据。如果使用了 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/itemprop">itemprop</a> 属性, 则为 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Flow_content">flow content</a> 和 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + <td>元数据。如果使用了 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/itemprop">itemprop</a> 属性，则为 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Flow_content">flow content</a> 和 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> </tr> <tr> <th>允许的元素内容</th> @@ -316,14 +316,14 @@ function sheetError() { </tr> <tr> <th>允许的父元素</th> - <td>任何可以接受元数据的元素.。如果使用了 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/itemprop">itemprop</a>属性,，则其父元素可以是任何可接受 <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a> 的元素。</td> + <td>任何可以接受元数据的元素.。如果使用了 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/itemprop">itemprop</a>属性，，则其父元素可以是任何可接受 <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a> 的元素。</td> </tr> <tr> <th>允许的 ARIA roles</th> <td>无</td> </tr> <tr> - <th>DOM接口</th> + <th>DOM 接口</th> <td>{{domxref("HTMLLinkElement")}}</td> </tr> </tbody> @@ -332,11 +332,11 @@ function sheetError() { <h2 id="注意">注意</h2> <ul> - <li> <code><link></code> 标签只能出现在head元素中，然而可以出现多个<link>标签。</li> - <li>HTML 3.2只为link元素定义了<strong>href</strong>, <strong>methods</strong>, <strong>rel</strong>，<strong>rev</strong>，<strong>title</strong>，和<strong>urn</strong>属性。</li> - <li>HTML 2为link标签定义了 <strong>href</strong>, <strong>methods</strong>，<strong>rel</strong>，<strong>rev</strong>，<strong>title，</strong>和 <strong>urn</strong> 属性，<strong>methods</strong> 和 <strong>urn</strong>随后从规范中移除。</li> - <li>HTML和XHTML规范为link定义了事件处理，但是并不清楚它们将会怎样被使用。</li> - <li>在XHTML 1.0中，空元素link要求有尾随斜线，像这样<link />。</li> + <li> <code><link></code> 标签只能出现在 head 元素中，然而可以出现多个<link>标签。</li> + <li>HTML 3.2 只为 link 元素定义了<strong>href</strong>, <strong>methods</strong>, <strong>rel</strong>，<strong>rev</strong>，<strong>title</strong>，和<strong>urn</strong>属性。</li> + <li>HTML 2 为 link 标签定义了 <strong>href</strong>, <strong>methods</strong>，<strong>rel</strong>，<strong>rev</strong>，<strong>title，</strong>和 <strong>urn</strong> 属性，<strong>methods</strong> 和 <strong>urn</strong>随后从规范中移除。</li> + <li>HTML 和 XHTML 规范为 link 定义了事件处理，但是并不清楚它们将会怎样被使用。</li> + <li>在 XHTML 1.0 中，空元素 link 要求有尾随斜线，像这样<link />。</li> </ul> <h2 id="Specifications" name="Specifications">标准规范</h2> |