diff options
| author | Jason Lee <huacnlee@gmail.com> | 2022-01-26 15:37:51 +0800 |
|---|---|---|
| committer | Irvin <irvinfly@gmail.com> | 2022-02-16 00:05:53 +0800 |
| commit | 1269ba9bb27f208d13ec792d8dbe3c3f5476b6b2 (patch) | |
| tree | bf0f6a3ea3f846841bdb8e9b6b0428edeb453e6f /files/zh-cn | |
| parent | 48775b07d0867f298e78553cde9b5fbafc03549f (diff) | |
| download | translated-content-1269ba9bb27f208d13ec792d8dbe3c3f5476b6b2.tar.gz translated-content-1269ba9bb27f208d13ec792d8dbe3c3f5476b6b2.tar.bz2 translated-content-1269ba9bb27f208d13ec792d8dbe3c3f5476b6b2.zip | |
Correct copywriting for files/zh-cn/web/html/* except element.
Ref: #3490 #3834
Diffstat (limited to 'files/zh-cn')
31 files changed, 188 insertions, 188 deletions
diff --git a/files/zh-cn/web/html/attributes/autocomplete/index.html b/files/zh-cn/web/html/attributes/autocomplete/index.html index 6bc4fb0db7..312d6d1d4a 100644 --- a/files/zh-cn/web/html/attributes/autocomplete/index.html +++ b/files/zh-cn/web/html/attributes/autocomplete/index.html @@ -16,16 +16,16 @@ original_slug: Web/HTML/Attributes/自动完成属性 --- <div>{{HTMLSidebar("Global_attributes")}}</div> -<p>HTML <code>autocomplete</code> 属性可用于以文本或数字值作为输入的 {{HTMLElement("input")}} 元素 ， {{HTMLElement("textarea")}} 元素, {{HTMLElement("select")}} 元素, 和{{HTMLElement("form")}} 元素。 <span class="seoSummary"><code>autocomplete</code> </span>允许web开发人员指定，如果有任何权限<span class="seoSummary"> {{Glossary("user agent")}} </span>必须提供填写表单字段值的自动帮助，并为浏览器提供关于字段中所期望的信息类型的指导。</p> +<p>HTML <code>autocomplete</code> 属性可用于以文本或数字值作为输入的 {{HTMLElement("input")}} 元素 ， {{HTMLElement("textarea")}} 元素，{{HTMLElement("select")}} 元素，和{{HTMLElement("form")}} 元素。 <span class="seoSummary"><code>autocomplete</code> </span>允许 web 开发人员指定，如果有任何权限<span class="seoSummary"> {{Glossary("user agent")}} </span>必须提供填写表单字段值的自动帮助，并为浏览器提供关于字段中所期望的信息类型的指导。</p> <p>建议值的来源通常取决于浏览器。 通常，值来自用户输入的过去值，但它们也可能来自预先配置的值。 例如，浏览器可能允许用户保存其姓名，地址，电话号码和电子邮件地址，以实现自动完成目的。 也许浏览器提供了保存加密的信用卡信息的功能，以便在身份验证过程后自动完成。</p> -<p>如果 {{HTMLElement("input")}}, {{HTMLElement("select")}} 或{{HTMLElement("textarea")}} 元素 没有 <code>autocomplete</code> 属性, t则该浏览器将使用该元素的表单的 <code>autocomplete</code> 属性所有者，它们可是元素的后代 {{HTMLElement("form")}} 元素 也可以是其 <code>id</code> 由元素{{htmlattrxref("form", "input")}} 属性指定的 <code><form></code>。</p> +<p>如果 {{HTMLElement("input")}}, {{HTMLElement("select")}} 或{{HTMLElement("textarea")}} 元素 没有 <code>autocomplete</code> 属性，t 则该浏览器将使用该元素的表单的 <code>autocomplete</code> 属性所有者，它们可是元素的后代 {{HTMLElement("form")}} 元素 也可以是其 <code>id</code> 由元素{{htmlattrxref("form", "input")}} 属性指定的 <code><form></code>。</p> <p>有关更多信息，请参见 {{HTMLElement("form")}} 中的{{htmlattrxref("autocomplete", "form")}} 属性。</p> <div class="blockIndicator note"> -<p>为了提供自动完成功能，用户代理可能需要<code><input></code>/<code><select></code>/<code><textarea></code> 元素才能:</p> +<p>为了提供自动完成功能，用户代理可能需要<code><input></code>/<code><select></code>/<code><textarea></code> 元素才能：</p> <ol> <li>具有 <code>name</code> 和/或 <code>id</code> 属性</li> @@ -39,7 +39,7 @@ original_slug: Web/HTML/Attributes/自动完成属性 <dl> <dt>"<code>off</code>"</dt> <dd>浏览器不允许为此字段自动输入或选择一个值。 文档或应用程序可能提供其自己的自动完成功能，或者出于安全方面的考虑，要求不要自动输入该字段的值。 - <div class="note"><strong>注意:</strong> 在大多数现代浏览器中， <code>autocomplete</code> 设置为 "<code>off</code>" 不会阻止密码管理器询问用户是否要保存用户名和密码信息，或者自动在网站的登录表单中填写这些值。 请参阅 <a href="/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">the autocomplete attribute and login fields</a>.</div> + <div class="note"><strong>注意：</strong> 在大多数现代浏览器中， <code>autocomplete</code> 设置为 "<code>off</code>" 不会阻止密码管理器询问用户是否要保存用户名和密码信息，或者自动在网站的登录表单中填写这些值。 请参阅 <a href="/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">the autocomplete attribute and login fields</a>.</div> </dd> <dt>"<code>on</code>"</dt> <dd>允许浏览器自动完成输入。 没有提供有关该字段中期望的数据类型的指导，因此浏览器可以使用自己的判断。</dd> @@ -110,7 +110,7 @@ original_slug: Web/HTML/Attributes/自动完成属性 <dt>"<code>cc-exp-year</code>"</dt> <dd>付款方式到期的年份。.</dd> <dt>"<code>cc-csc</code>"</dt> - <dd>付款工具的安全码； 在信用卡上，这是信用卡背面的3位数验证码。</dd> + <dd>付款工具的安全码； 在信用卡上，这是信用卡背面的 3 位数验证码。</dd> <dt>"<code>cc-type</code>"</dt> <dd>付款方式的类型（例如“ Visa”或“ Master Card”）。</dd> <dt>"<code>transaction-currency</code>"</dt> @@ -147,17 +147,17 @@ original_slug: Web/HTML/Attributes/自动完成属性 <dt>"<code>tel-extension</code>"</dt> <dd>电话号码中的电话分机代码，例如旅馆中的房间或套房号或公司中的办公室分机号。</dd> <dt>"<code>impp</code>"</dt> - <dd>即时消息协议端点的URL，例如“ xmpp：username@example.net”。</dd> + <dd>即时消息协议端点的 URL，例如“ xmpp：username@example.net”。</dd> <dt>"<code>url</code>"</dt> <dd>URL，例如在给定表单中其他字段的上下文的情况下的主页或公司网站地址等。</dd> <dt>"<code>photo</code>"</dt> - <dd>代表表单中其他字段中提供的个人，公司或联系信息的图像的URL。</dd> + <dd>代表表单中其他字段中提供的个人，公司或联系信息的图像的 URL。</dd> </dl> <p>有关更多详细信息，请参见 <a href="https://html.spec.whatwg.org/multipage/forms.html#autofill">WHATWG 标准。 </a></p> <div class="note"> -<p><strong>注意:</strong> 与其他浏览器不同， <code>autocomplete</code> 属性还控制Firefox是否会跨页面加载保持— <a href="https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">是否在整个页面加载期间保持</a> <code><input></code> 元素, <code><textarea></code> 元素, 或整个 <code><form></code> 的动态禁用状态和（如果适用）动态检查状态。 持久性功能默认情况下处于启用状态。 将 <code>autocomplete</code> 属性的值设置为<code>off</code> 将禁用此功能。即使<code>autocomplete</code> 属性通常由于其<code>type</code>而不适用，也可以这样做。 参考 {{bug(654072)}}.</p> +<p><strong>注意：</strong> 与其他浏览器不同， <code>autocomplete</code> 属性还控制 Firefox 是否会跨页面加载保持— <a href="https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">是否在整个页面加载期间保持</a> <code><input></code> 元素，<code><textarea></code> 元素，或整个 <code><form></code> 的动态禁用状态和（如果适用）动态检查状态。 持久性功能默认情况下处于启用状态。 将 <code>autocomplete</code> 属性的值设置为<code>off</code> 将禁用此功能。即使<code>autocomplete</code> 属性通常由于其<code>type</code>而不适用，也可以这样做。 参考 {{bug(654072)}}.</p> </div> <h2 id="例子">例子</h2> @@ -185,20 +185,20 @@ original_slug: Web/HTML/Attributes/自动完成属性 <p>美国境内的典型家庭住址如下所示：</p> -<p>大街432号<br> +<p>大街 432 号<br> Exampleville CA 95555</p> <p>在美国，地址中最不明确的部分是州，在这种情况下为“ CA”（美国邮政服务的正式缩写为“ California”）。 因此，<code>address-level1</code> 是状态，在这种情况下为“ CA”。</p> <p>地址的倒数第二个特定部分是城市或城镇名称，因此在此示例地址中， <code>address-level2</code> 为“ Exampleville”。</p> -<p>美国地址不使用3级及更高级别。</p> +<p>美国地址不使用 3 级及更高级别。</p> <h4 id="英国">英国</h4> <p>在英国，地址输入表单通常包含两个地址级别以及一个，两个或三个地址行，具体取决于地址。 完整的地址如下所示：</p> -<p>Frogmarch街103号<br> +<p>Frogmarch 街 103 号<br> 上层包装<br> 苏塞克斯<br> TN99 8ZZ</p> @@ -208,10 +208,10 @@ original_slug: Web/HTML/Attributes/自动完成属性 <ul> <li><code>address-level1</code>: 在这种情况下，该县为“苏塞克斯”。</li> <li><code>address-level2</code>: 在这种情况下，城镇为“上层包装”。.</li> - <li><code>address-line1</code>: 房屋/街道详情-“ Frogmarch 街道103号”</li> + <li><code>address-line1</code>: 房屋/街道详情 - “ Frogmarch 街道 103 号”</li> </ul> -<p>邮政编码是分开的。 请注意，您实际上可以仅使用邮政编码和 <code>address-line1</code> 在英国成功发送邮件, 因此它们应该是唯一的必填项，但通常人们会提供更多详细信息。</p> +<p>邮政编码是分开的。 请注意，您实际上可以仅使用邮政编码和 <code>address-line1</code> 在英国成功发送邮件，因此它们应该是唯一的必填项，但通常人们会提供更多详细信息。</p> <h4 id="中国">中国</h4> diff --git a/files/zh-cn/web/html/attributes/crossorigin/index.html b/files/zh-cn/web/html/attributes/crossorigin/index.html index 333536126b..b7bd9b969e 100644 --- a/files/zh-cn/web/html/attributes/crossorigin/index.html +++ b/files/zh-cn/web/html/attributes/crossorigin/index.html @@ -14,7 +14,7 @@ tags: translation_of: Web/HTML/Attributes/crossorigin original_slug: Web/HTML/CORS_settings_attributes --- -<p><span class="seoSummary">在HTML5中，一些 HTML 元素提供了对 <a href="/en-US/docs/HTTP/Access_control_CORS">CORS</a> 的支持， 例如</span> {{ HTMLElement("audio") }}、{{ HTMLElement("img") }}、{{ HTMLElement("link") }}、{{ HTMLElement("script") }} 和 {{ HTMLElement("video") }} <span class="seoSummary">均有一个跨域属性 (<code>crossOrigin</code> property)，它允许你配置元素获取数据的 CORS 请求。</span> </p> +<p><span class="seoSummary">在 HTML5 中，一些 HTML 元素提供了对 <a href="/en-US/docs/HTTP/Access_control_CORS">CORS</a> 的支持， 例如</span> {{ HTMLElement("audio") }}、{{ HTMLElement("img") }}、{{ HTMLElement("link") }}、{{ HTMLElement("script") }} 和 {{ HTMLElement("video") }} <span class="seoSummary">均有一个跨域属性 (<code>crossOrigin</code> property)，它允许你配置元素获取数据的 CORS 请求。</span> </p> <p>在媒体元素上被使用的 <code>crossorigin</code> 内容属性是一个 CORS 设置属性。</p> @@ -32,7 +32,7 @@ original_slug: Web/HTML/CORS_settings_attributes </tr> <tr> <td><code>use-credentials</code></td> - <td>对此元素的CORS请求将设置凭证标志；这意味着请求将提供凭据。</td> + <td>对此元素的 CORS 请求将设置凭证标志；这意味着请求将提供凭据。</td> </tr> <tr> <td><code>""</code></td> diff --git a/files/zh-cn/web/html/attributes/index.html b/files/zh-cn/web/html/attributes/index.html index 48c6d1913a..2d675e2799 100644 --- a/files/zh-cn/web/html/attributes/index.html +++ b/files/zh-cn/web/html/attributes/index.html @@ -11,7 +11,7 @@ tags: - 属性 translation_of: Web/HTML/Attributes --- -<p>HTML中的元素拥有属性（attribute）；这些额外的属性值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。</p> +<p>HTML 中的元素拥有属性（attribute）；这些额外的属性值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。</p> <h2 id="属性列表">属性列表</h2> @@ -42,7 +42,7 @@ translation_of: Web/HTML/Attributes <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/action">action</a></td> <td>{{ HTMLElement("form") }}</td> - <td>表单信息提交的url地址，指向进行处理的程序。</td> + <td>表单信息提交的 url 地址，指向进行处理的程序。</td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/align">align</a></td> @@ -84,14 +84,14 @@ translation_of: Web/HTML/Attributes <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/autoplay">autoplay</a></td> <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> - <td> audio或video应该自动播放</td> + <td> audio 或 video 应该自动播放</td> </tr> <tr> <td>background</td> <td>{{ HTMLElement("body") }}, {{ HTMLElement("table") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td> - <td>指定图像文件的URL。 + <td>指定图像文件的 URL。 <div class="blockIndicator note"> - <p>注意：虽然浏览器和电子邮件客户端可能仍然支持此属性，但它已过时。改用css{{Cssxref("back-image")}}。</p> + <p>注意：虽然浏览器和电子邮件客户端可能仍然支持此属性，但它已过时。改用 css{{Cssxref("back-image")}}。</p> </div> </td> </tr> @@ -101,7 +101,7 @@ translation_of: Web/HTML/Attributes <td> <p>元素的背景颜色。</p> - <p>NOTE：这是一个遗留属性，请使用css{“background-color":}代替。</p> + <p>NOTE：这是一个遗留属性，请使用 css{“background-color":}代替。</p> </td> </tr> </tbody> @@ -144,43 +144,43 @@ translation_of: Web/HTML/Attributes <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/cite">cite</a></td> <td>{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}</td> - <td>包含一个URI，用来指明引用或修改的源地址。</td> + <td>包含一个 URI，用来指明引用或修改的源地址。</td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Global_attributes/class">class</a></td> <td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></td> - <td>经常和CSS一起配合使用来修饰元素。</td> + <td>经常和 CSS 一起配合使用来修饰元素。</td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/code">code</a></td> <td>{{ HTMLElement("applet") }}</td> - <td>标明被加载和执行的applet类文件的URL。</td> + <td>标明被加载和执行的 applet 类文件的 URL。</td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/codebase">codebase</a></td> <td>{{ HTMLElement("applet") }}</td> - <td>指出存放applet类文件基本URL地址(绝对或相对)，这些文件由code属性标明。</td> + <td>指出存放 applet 类文件基本 URL 地址 (绝对或相对)，这些文件由 code 属性标明。</td> </tr> <tr> <td>color</td> <td>{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }}</td> <td> - <p>此属性可用于指定颜色, 颜色值一般有两种表示:</p> + <p>此属性可用于指定颜色，颜色值一般有两种表示：</p> - <p>1. 以`#`号开头的RGB十六进制数,如#112233, 其中11表示的是R(红),22表示的是G绿(),33表示的是B(蓝)</p> + <p>1. 以`#`号开头的 RGB 十六进制数，如#112233，其中 11 表示的是 R(红),22 表示的是 G 绿 (),33 表示的是 B(蓝)</p> - <p>2. 颜色的英文单词名,如`red`表示红色</p> + <p>2. 颜色的英文单词名，如`red`表示红色</p> </td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/cols">cols</a></td> <td>{{ HTMLElement("textarea") }}</td> - <td>定义一个textarea中包含多少列。</td> + <td>定义一个 textarea 中包含多少列。</td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/colspan">colspan</a></td> <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td> - <td>该属性一般用在td标签中,用于指定一个单元格占用多少列,例如:<td colspan='2'>表示占用一个单元格占2列.</td> + <td>该属性一般用在 td 标签中，用于指定一个单元格占用多少列，例如:<td colspan='2'>表示占用一个单元格占 2 列。</td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/content">content</a></td> @@ -195,12 +195,12 @@ translation_of: Web/HTML/Attributes <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/contextmenu">contextmenu</a></td> <td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></td> - <td>定义将用作元素上下文菜单的{{HTMLElement("Menu")}}元素的ID。</td> + <td>定义将用作元素上下文菜单的{{HTMLElement("Menu")}}元素的 ID。</td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/controls">controls</a></td> <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> - <td>指出浏览器是否对用户显示播放控制台(前进或回退)</td> + <td>指出浏览器是否对用户显示播放控制台 (前进或回退)</td> </tr> <tr> <td><a href="/zh-CN/docs/Web/HTML/Attributes/coords">coords</a></td> @@ -225,7 +225,7 @@ translation_of: Web/HTML/Attributes <p>{{ HTMLElement("object") }}</p> </td> <td> - <p>资源URL地址</p> + <p>资源 URL 地址</p> </td> </tr> <tr> @@ -236,7 +236,7 @@ translation_of: Web/HTML/Attributes <p><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></p> </td> <td> - <p>允许你对于一个HTML元素绑定自定义的属性。</p> + <p>允许你对于一个 HTML 元素绑定自定义的属性。</p> </td> </tr> <tr> @@ -322,7 +322,7 @@ translation_of: Web/HTML/Attributes <tr> <td>height</td> <td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td> - <td>注意：在某些情况下，例如<div>，这是一个遗留属性，在这种情况下应该使用CSS height属性。 在其他情况下，例如<canvas>，必须使用此属性指定高度。</td> + <td>注意：在某些情况下，例如<div>，这是一个遗留属性，在这种情况下应该使用 CSS height 属性。 在其他情况下，例如<canvas>，必须使用此属性指定高度。</td> </tr> </tbody> <tbody> @@ -339,7 +339,7 @@ translation_of: Web/HTML/Attributes <tr> <td>href</td> <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }}</td> - <td>关联资源的URL。</td> + <td>关联资源的 URL。</td> </tr> <tr> <td>hreflang</td> @@ -609,7 +609,7 @@ translation_of: Web/HTML/Attributes <tr> <td>style</td> <td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></td> - <td>定义CSS样式，这些样式会覆盖之前设置的样式。</td> + <td>定义 CSS 样式，这些样式会覆盖之前设置的样式。</td> </tr> <tr> <td>summary</td> @@ -659,7 +659,7 @@ translation_of: Web/HTML/Attributes </tbody> </table> -<h2 id="内容属性和_IDL属性">内容属性和 IDL属性</h2> +<h2 id="内容属性和_IDL属性">内容属性和 IDL 属性</h2> <p>在 HTML 中，大多数属性都有两副面孔：<strong>内容属性</strong>和 <strong>IDL（接口描述语言）属性</strong>。</p> diff --git a/files/zh-cn/web/html/attributes/pattern/index.md b/files/zh-cn/web/html/attributes/pattern/index.md index 6dde4640cb..934d083503 100644 --- a/files/zh-cn/web/html/attributes/pattern/index.md +++ b/files/zh-cn/web/html/attributes/pattern/index.md @@ -3,7 +3,7 @@ title: 'HTML attribute: pattern' slug: Web/HTML/Attributes/pattern tags: - 属性 - - 约束验证API + - 约束验证 API - HTML - 参考 translation_of: Web/HTML/Attributes/pattern @@ -11,7 +11,7 @@ translation_of: Web/HTML/Attributes/pattern {{HTMLSidebar}} -**`pattern`** 属性规定了一个表单控件的值应该匹配的 [正则表达式](/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions)。 如果一个非 `null` 值不满足 `pattern` 值设置的约束, {{domxref('ValidityState')}} 对象的只读 {{domxref('ValidityState.patternMismatch','patternMismatch')}} 属性将为真。 +**`pattern`** 属性规定了一个表单控件的值应该匹配的 [正则表达式](/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions)。 如果一个非 `null` 值不满足 `pattern` 值设置的约束，{{domxref('ValidityState')}} 对象的只读 {{domxref('ValidityState.patternMismatch','patternMismatch')}} 属性将为真。 `pattern` 属性是 {{HTMLElement("input/text", "text")}}, {{HTMLElement("input/tel", "tel")}}, {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/url", "url")}}, {{HTMLElement("input/password", "password")}} 和 {{HTMLElement("input/search", "search")}} 等输入类型的属性。 @@ -67,7 +67,7 @@ input:invalid { 你可以使用 {{htmlattrxref("pattern", "input")}} 属性来指定一个正则表达式，输入的值必须与之匹配，才能被视为有效（参见 [根据正则表达式进行验证](/zh-CN/docs/Learn/Forms/Form_validation#validating_against_a_regular_expression)）了解关于使用正则表达式来验证输入的简单速成课程）。 -下面的例子将该值限制为4-8个字符，并要求它只包含小写字母。 +下面的例子将该值限制为 4-8 个字符，并要求它只包含小写字母。 ```html <form> diff --git a/files/zh-cn/web/html/cors_enabled_image/index.html b/files/zh-cn/web/html/cors_enabled_image/index.html index 621e5d4d23..3c5f89b27d 100644 --- a/files/zh-cn/web/html/cors_enabled_image/index.html +++ b/files/zh-cn/web/html/cors_enabled_image/index.html @@ -32,7 +32,7 @@ translation_of: Web/HTML/CORS_enabled_image <p>这种机制可以避免未经许可拉取远程网站信息而导致的用户隐私泄露。</p> -<h2 id="示例_存储一张外部域中的图片">示例: 存储一张外部域中的图片</h2> +<h2 id="示例_存储一张外部域中的图片">示例：存储一张外部域中的图片</h2> <p>在以下例子中，将实现允许检索来自外部的图像，并将其保存在本地存储。要实现这一点，我们需要配置服务器以及网站本身的编码。</p> @@ -59,7 +59,7 @@ translation_of: Web/HTML/CORS_enabled_image <h4 id="开始下载图片">开始下载图片</h4> -<p>以下代码将在用户点击 "<code>Download</code>" 按钮时开始下载:</p> +<p>以下代码将在用户点击 "<code>Download</code>" 按钮时开始下载：</p> <pre><code>function startDownload() { let imageURL = "https://cdn.glitch.com/4c9ebeb9-8b9a-4adc-ad0a-238d9ae00bb5%2Fmdn_logo-only_color.svg?1535749917189"; @@ -73,7 +73,7 @@ translation_of: Web/HTML/CORS_enabled_image <p>使用 "硬编码" 图片网址可以很方便的允许图片来自任何地址。当开始下载图片时，我们使用 <code>{{domxref("HTMLImageElement.Image", "Image()")}}</code> 构造器创建新的 <code>{{domxref("HTMLImageElement")}}</code> 对象，将图片的 <code>crossOrigin</code> 属性设置为"<code>匿名</code>"（即，允许对未经过验证的图像进行跨域下载）。添加图片的 <code>{{event("load")}}</code>事件的监听来判断图片数据是否已接收。</p> -<p>最后，将图片的 <code>{{domxref("HTMLImageElement.src", "src")}}</code>属性设置为图片的URL以触发图片下载。</p> +<p>最后，将图片的 <code>{{domxref("HTMLImageElement.src", "src")}}</code>属性设置为图片的 URL 以触发图片下载。</p> <h4 id="接收和保存图片">接收和保存图片</h4> @@ -97,7 +97,7 @@ translation_of: Web/HTML/CORS_enabled_image } }</code></pre> -<p>在 <code>HTMLImageElement</code> 调用 <code>imageReceived()</code>来处理"<code>load</code>" 事件以接收下载图片。一旦下载完成全部有效的数据即可触发该事件。从创建新 <code>{{HTMLElement("canvas")}}</code> 元素将图像转换为数据URL，到访问画布的变量 <code>context</code> 中的2D绘图上下文 <code>({{domxref("CanvasRenderingContext2D")}})</code>.</p> +<p>在 <code>HTMLImageElement</code> 调用 <code>imageReceived()</code>来处理"<code>load</code>" 事件以接收下载图片。一旦下载完成全部有效的数据即可触发该事件。从创建新 <code>{{HTMLElement("canvas")}}</code> 元素将图像转换为数据 URL，到访问画布的变量 <code>context</code> 中的 2D 绘图上下文 <code>({{domxref("CanvasRenderingContext2D")}})</code>.</p> <p>调整画布大小以匹配接收到的图像，然后使用 <code>{{domxref("CanvasRenderingContext2D.drawImage", "drawImage()")}}</code> 将图像绘制到画布中。画布之后被插入到文档中显示。</p> diff --git a/files/zh-cn/web/html/global_attributes/accesskey/index.html b/files/zh-cn/web/html/global_attributes/accesskey/index.html index 736a0c58b7..98834a2f4e 100644 --- a/files/zh-cn/web/html/global_attributes/accesskey/index.html +++ b/files/zh-cn/web/html/global_attributes/accesskey/index.html @@ -14,7 +14,7 @@ translation_of: Web/HTML/Global_attributes/accesskey <div>{{EmbedInteractiveExample("pages/tabbed/attribute-accesskey.html","tabbed-shorter")}}</div> <div class="note"> -<p>注意：在WHATWG规范中，它说你可以指定多个空格分隔的字符，浏览器将使用它所支持的第一个字符。然而，这在大多数浏览器中是行不通的。在IE/Edge中，它将使用它支持的第一个没有问题的，只要没有与其他命令冲突。</p> +<p>注意：在 WHATWG 规范中，它说你可以指定多个空格分隔的字符，浏览器将使用它所支持的第一个字符。然而，这在大多数浏览器中是行不通的。在 IE/Edge 中，它将使用它支持的第一个没有问题的，只要没有与其他命令冲突。</p> </div> <p>激活 accesskey 的操作取决于浏览器及其平台。</p> @@ -77,7 +77,7 @@ translation_of: Web/HTML/Global_attributes/accesskey <li>通知用户<code>accesskey</code>s 存在，这样他们就能意识到该功能。如果没有公开这些信息的方法，<code>accesskey</code>s 可能会被意外激活。</li> </ul> -<p>由于这些问题，一般建议不要在大多数通用的网站和web应用程序中使用<code>accesskey</code> 属性。</p> +<p>由于这些问题，一般建议不要在大多数通用的网站和 web 应用程序中使用<code>accesskey</code> 属性。</p> <ul> <li><a href="https://webaim.org/techniques/keyboard/accesskey#spec">WebAIM: Keyboard Accessibility - Accesskey</a></li> @@ -115,7 +115,7 @@ translation_of: Web/HTML/Global_attributes/accesskey <tr> <td>{{SpecName('HTML5 W3C', "editing.html#the-accesskey-attribute", "accesskey")}}</td> <td>{{Spec2('HTML5 W3C')}}</td> - <td>可以将几个字符设置为accesskey。而且，它可以设置在任何元素上。</td> + <td>可以将几个字符设置为 accesskey。而且，它可以设置在任何元素上。</td> </tr> <tr> <td>{{SpecName('HTML4.01', "interact/forms.html#h-17.11.2", "accesskey")}}</td> diff --git a/files/zh-cn/web/html/global_attributes/class/index.html b/files/zh-cn/web/html/global_attributes/class/index.html index 61e6611ca5..3305b97d17 100644 --- a/files/zh-cn/web/html/global_attributes/class/index.html +++ b/files/zh-cn/web/html/global_attributes/class/index.html @@ -8,13 +8,13 @@ translation_of: Web/HTML/Global_attributes/class --- <div>{{HTMLSidebar("Global_attributes")}}</div> -<p><a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a> <strong>class </strong>的值是一个以空格分隔的元素的类名（classes ）列表，它允许 CSS 和 Javascript 通过类选择器 (<a href="/zh-CN/docs/Web/CSS/Class_selectors">class selectors</a>) 或DOM方法( {{domxref("document.getElementsByClassName")}})来选择和访问特定的元素。</p> +<p><a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a> <strong>class </strong>的值是一个以空格分隔的元素的类名（classes ）列表，它允许 CSS 和 Javascript 通过类选择器 (<a href="/zh-CN/docs/Web/CSS/Class_selectors">class selectors</a>) 或 DOM 方法 ( {{domxref("document.getElementsByClassName")}}) 来选择和访问特定的元素。</p> <div>{{EmbedInteractiveExample("pages/tabbed/attribute-class.html","tabbed-standard")}}</div> <p class="hidden"> </p> -<p>尽管对class 的命名没有要求，但 web 开发者最好使用可以表达元素语义目的的名称，而不是描述元素展现的名称（即使一个元素是斜体，但是 class 的命名也不应该是 italics）。<strong>语义化</strong>命名即使在页面展现发生改变时仍能合乎逻辑。</p> +<p>尽管对 class 的命名没有要求，但 web 开发者最好使用可以表达元素语义目的的名称，而不是描述元素展现的名称（即使一个元素是斜体，但是 class 的命名也不应该是 italics）。<strong>语义化</strong>命名即使在页面展现发生改变时仍能合乎逻辑。</p> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/html/global_attributes/contenteditable/index.html b/files/zh-cn/web/html/global_attributes/contenteditable/index.html index 429e7e2017..93ba6801ff 100644 --- a/files/zh-cn/web/html/global_attributes/contenteditable/index.html +++ b/files/zh-cn/web/html/global_attributes/contenteditable/index.html @@ -24,7 +24,7 @@ translation_of: Web/HTML/Global_attributes/contenteditable <p>该属性是一个枚举属性，而非布尔属性。这意味着必须显式设置其值为 <code>true</code>、<code>false</code> 或空字符串中的一个，并且不允许简写为 <code><label contenteditable>Example Label</label></code>正确的用法是 <code><label contenteditable="true">Example Label</label></code>。</p> -<p>你可以使用CSS {{cssxref("caret-color")}} 属性设置用于绘制文本插入{{Glossary("caret")}}的颜色。</p> +<p>你可以使用 CSS {{cssxref("caret-color")}} 属性设置用于绘制文本插入{{Glossary("caret")}}的颜色。</p> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/html/global_attributes/contextmenu/index.html b/files/zh-cn/web/html/global_attributes/contextmenu/index.html index 4a42601760..e726879b22 100644 --- a/files/zh-cn/web/html/global_attributes/contextmenu/index.html +++ b/files/zh-cn/web/html/global_attributes/contextmenu/index.html @@ -18,7 +18,7 @@ translation_of: Web/HTML/Global_attributes/contextmenu <div> </div> -<div><span lang="zh-CN"><span>上下文菜单是指在用户交互（例如右键点击）时出现的菜单。</span> <span>HTML5允许我们自定义此菜单。</span> <span>这里有一些实现示例，包括嵌套菜单。</span></span></div> +<div><span lang="zh-CN"><span>上下文菜单是指在用户交互（例如右键点击）时出现的菜单。</span> <span>HTML5 允许我们自定义此菜单。</span> <span>这里有一些实现示例，包括嵌套菜单。</span></span></div> <h2 id="示例" name="示例">示例</h2> @@ -115,7 +115,7 @@ function changeImage() { <p>{{Compat("html.global_attributes.contextmenu")}}</p> -<p><span id="result_box" lang="zh-CN">[1]通过命令行选项<code>--enable-blink-features = ContextMenu</code>可以获得实验性实现。直到Chrome 52和Opera 39之前，它还是一个可选的、实验性功能</span><span lang="zh-CN">，但由于Web兼容性问题，现已被删除。在2017年6月，它从这两个浏览器里被完全移除了。这些记录在</span> <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=87553">Chrome bug 87553</a><span lang="zh-CN">。</span></p> +<p><span id="result_box" lang="zh-CN">[1] 通过命令行选项<code>--enable-blink-features = ContextMenu</code>可以获得实验性实现。直到 Chrome 52 和 Opera 39 之前，它还是一个可选的、实验性功能</span><span lang="zh-CN">，但由于 Web 兼容性问题，现已被删除。在 2017 年 6 月，它从这两个浏览器里被完全移除了。这些记录在</span> <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=87553">Chrome bug 87553</a><span lang="zh-CN">。</span></p> <p><span lang="zh-CN"><span>[2]</span></span>Firefox Mobile 已经不再支持 <code>contextmenu</code> 属性 ({{bug(1424252)}})。</p> diff --git a/files/zh-cn/web/html/global_attributes/data-_star_/index.html b/files/zh-cn/web/html/global_attributes/data-_star_/index.html index 091b601686..d4c2cc90bb 100644 --- a/files/zh-cn/web/html/global_attributes/data-_star_/index.html +++ b/files/zh-cn/web/html/global_attributes/data-_star_/index.html @@ -12,15 +12,15 @@ translation_of: Web/HTML/Global_attributes/data-* <div>{{EmbedInteractiveExample("pages/tabbed/attribute-data.html","tabbed-standard")}}</div> -<p>所有这些自定义数据属性都可以通过所属元素的 {{domxref("HTMLElement")}} 接口来访问。 {{domxref("HTMLElement.dataset")}} 属性可以访问它们。 <code>*</code> 可以使用遵循 <a class="external" href="http://www.w3.org/TR/REC-xml/#NT-Name">xml名称生产规则</a> 的任何名称来被替换，并具有以下限制：</p> +<p>所有这些自定义数据属性都可以通过所属元素的 {{domxref("HTMLElement")}} 接口来访问。 {{domxref("HTMLElement.dataset")}} 属性可以访问它们。 <code>*</code> 可以使用遵循 <a class="external" href="http://www.w3.org/TR/REC-xml/#NT-Name">xml 名称生产规则</a> 的任何名称来被替换，并具有以下限制：</p> <ul> <li>该名称不能以<code>xml</code>开头，无论这些字母是大写还是小写；</li> <li>该名称不能包含任何分号 (<code>U+003A</code>)；</li> - <li>该名称不能包含A至Z的大写字母。</li> + <li>该名称不能包含 A 至 Z 的大写字母。</li> </ul> -<p>注意，{{domxref("HTMLElement.dataset")}} 属性是一个{{domxref("DOMStringMap")}}，并且自定义数据属性 <em> data-test-value</em> 可以通过 <code>HTMLElement.dataset.testValue</code> ( 或者是<code> HTMLElement.dataset["<em>testValue</em>"] </code>) 来访问，任何破折号(<code>U+002D</code>) 都会被下个字母的大写替代(驼峰拼写)。</p> +<p>注意，{{domxref("HTMLElement.dataset")}} 属性是一个{{domxref("DOMStringMap")}}，并且自定义数据属性 <em> data-test-value</em> 可以通过 <code>HTMLElement.dataset.testValue</code> ( 或者是<code> HTMLElement.dataset["<em>testValue</em>"] </code>) 来访问，任何破折号 (<code>U+002D</code>) 都会被下个字母的大写替代 (驼峰拼写)。</p> <h3 id="用法">用法</h3> diff --git a/files/zh-cn/web/html/global_attributes/dir/index.html b/files/zh-cn/web/html/global_attributes/dir/index.html index 8f27c5ee20..a38f8d049a 100644 --- a/files/zh-cn/web/html/global_attributes/dir/index.html +++ b/files/zh-cn/web/html/global_attributes/dir/index.html @@ -23,13 +23,13 @@ translation_of: Web/HTML/Global_attributes/dir <p>这个属性在{{ HTMLElement("bdi") }}元素中<em>不可</em>继承。未赋值时，它的默认值是<span style="font-family: courier new;">auto</span>。</p> </li> <li> - <p>这个属性可以被CSS属性{{ cssxref("direction") }}和{{ cssxref("unicode-bidi") }}覆盖，如果CSS网页有效且该元素支持这些属性的话。</p> + <p>这个属性可以被 CSS 属性{{ cssxref("direction") }}和{{ cssxref("unicode-bidi") }}覆盖，如果 CSS 网页有效且该元素支持这些属性的话。</p> </li> <li> - <p>由于文本的方向是和内容的语义而不是和表现相关，因此有可能的话，网页开发者使用这一属性而非CSS属性是被推荐的。这样，即使在不支持CSS或禁用CSS的浏览器中，文本也会正常显示。</p> + <p>由于文本的方向是和内容的语义而不是和表现相关，因此有可能的话，网页开发者使用这一属性而非 CSS 属性是被推荐的。这样，即使在不支持 CSS 或禁用 CSS 的浏览器中，文本也会正常显示。</p> </li> <li> - <p>auto应当用于方向未知的数据，如用户输入的数据，最终保存在数据库中的数据。</p> + <p>auto 应当用于方向未知的数据，如用户输入的数据，最终保存在数据库中的数据。</p> </li> </ul> </div> @@ -51,12 +51,12 @@ translation_of: Web/HTML/Global_attributes/dir <tr> <td>{{SpecName('HTML5.1', "dom.html#the-dir-attribute", "dir")}}</td> <td>{{Spec2('HTML5.1')}}</td> - <td>{{SpecName('HTML WHATWG')}}的快照, 和{{SpecName('HTML5 W3C')}}比没有变化</td> + <td>{{SpecName('HTML WHATWG')}}的快照，和{{SpecName('HTML5 W3C')}}比没有变化</td> </tr> <tr> <td>{{SpecName('HTML5 W3C', "dom.html#the-dir-attribute", "dir")}}</td> <td>{{Spec2('HTML5 W3C')}}</td> - <td>{{SpecName('HTML WHATWG')}}的快照, 在 {{SpecName('HTML4.01')}}基础上增加了auto值，并且是全局属性。</td> + <td>{{SpecName('HTML WHATWG')}}的快照，在 {{SpecName('HTML4.01')}}基础上增加了 auto 值，并且是全局属性。</td> </tr> <tr> <td>{{SpecName('HTML4.01', "dirlang.html#h-8.2", "dir")}}</td> diff --git a/files/zh-cn/web/html/global_attributes/draggable/index.html b/files/zh-cn/web/html/global_attributes/draggable/index.html index 910f94d027..dda8df2427 100644 --- a/files/zh-cn/web/html/global_attributes/draggable/index.html +++ b/files/zh-cn/web/html/global_attributes/draggable/index.html @@ -7,7 +7,7 @@ translation_of: Web/HTML/Global_attributes/draggable --- <p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> -<p><a href="/zh-CN/docs/Web/HTML/Global_attributes" style="text-decoration: underline;">全局属性</a> <strong>draggable</strong> 是一个枚举类型的属性，用于标识元素是否允许使用 <a href="/zh-CN/docs/DragDrop/Drag_and_Drop" title="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">拖放操作API</a> 拖动。它的取值如下：</p> +<p><a href="/zh-CN/docs/Web/HTML/Global_attributes" style="text-decoration: underline;">全局属性</a> <strong>draggable</strong> 是一个枚举类型的属性，用于标识元素是否允许使用 <a href="/zh-CN/docs/DragDrop/Drag_and_Drop" title="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">拖放操作 API</a> 拖动。它的取值如下：</p> <ul> <li><span style="font-family: Courier New;">true，表示元素可以被拖动</span></li> diff --git a/files/zh-cn/web/html/global_attributes/hidden/index.html b/files/zh-cn/web/html/global_attributes/hidden/index.html index e7f9d451f0..ccb93c9302 100644 --- a/files/zh-cn/web/html/global_attributes/hidden/index.html +++ b/files/zh-cn/web/html/global_attributes/hidden/index.html @@ -7,7 +7,7 @@ translation_of: Web/HTML/Global_attributes/hidden <p><a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a> <code>hidden</code> 是一个布尔属性，表示一个元素尚未或者不再相关。例如，它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性，它就不会被显示。</p> -<p><code>hidden</code>属性不能用于隐藏那些可以在其它板块中合理显示的内容。 例如,用<code>hidden</code>属性去隐藏一个选项卡对话框种的面板是不正确的，因为选项卡界面只不过是溢出显示的一种——一个可以等量于一个只显示所有form表单控件的拥有滚动条的大页面。类似地，用 <code>hidden </code>属性在某个特定板块中隐藏一部分内容也是不正确的，——如果某些内容被标记为隐藏，它将从所有版块中隐藏,包括例如屏幕阅读器.</p> +<p><code>hidden</code>属性不能用于隐藏那些可以在其它板块中合理显示的内容。 例如，用<code>hidden</code>属性去隐藏一个选项卡对话框种的面板是不正确的，因为选项卡界面只不过是溢出显示的一种——一个可以等量于一个只显示所有 form 表单控件的拥有滚动条的大页面。类似地，用 <code>hidden </code>属性在某个特定板块中隐藏一部分内容也是不正确的，——如果某些内容被标记为隐藏，它将从所有版块中隐藏，包括例如屏幕阅读器。</p> <p>隐藏元素不应与非隐藏元素链接，作为隐藏元素的后代的元素仍然是活动的，这意味着脚本元素仍然可以执行，表单元素仍然可以提交。</p> @@ -18,7 +18,7 @@ translation_of: Web/HTML/Global_attributes/hidden <p>类似的，你也可以将一个带有 hidden 标签的 canvas 元素作为屏幕外的缓存区域，或者在表单控件中引用一个已经隐藏的表单。</p> <div class="note"> -<p><strong>说明:</strong> 改变具有hidden属性的元素的CSS的 {{cssxref("display")}} 属性将覆盖该行为。 例如, 元素被设置为 <code>display: flex</code> 将会导致元素显示出来，尽管设置了hidden属性</p> +<p><strong>说明：</strong> 改变具有 hidden 属性的元素的 CSS 的 {{cssxref("display")}} 属性将覆盖该行为。 例如，元素被设置为 <code>display: flex</code> 将会导致元素显示出来，尽管设置了 hidden 属性</p> </div> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/html/global_attributes/index.html b/files/zh-cn/web/html/global_attributes/index.html index 3654265669..8e935b7cd4 100644 --- a/files/zh-cn/web/html/global_attributes/index.html +++ b/files/zh-cn/web/html/global_attributes/index.html @@ -10,14 +10,14 @@ translation_of: Web/HTML/Global_attributes --- <p>{{HTMLSidebar("Global_attributes")}}</p> -<p><strong>全局属性</strong>是所有HTML元素共有的属性; 它们可以用于所有元素，即使属性可能对某些元素不起作用。</p> +<p><strong>全局属性</strong>是所有 HTML 元素共有的属性; 它们可以用于所有元素，即使属性可能对某些元素不起作用。</p> -<p>我们可以在所有的HTML元素上指定全局属性，甚至是在标准里没有指定的元素。这意味着任何非标准元素仍必须能够应用这些属性，即使使用这些元素意味着文档不再是html5兼容的。例如，虽然<code><foo></code>不是一个有效的HTML元素，但是html5兼容的浏览器隐藏了标记为<code><foo hidden>...<foo></code>的内容。</p> +<p>我们可以在所有的 HTML 元素上指定全局属性，甚至是在标准里没有指定的元素。这意味着任何非标准元素仍必须能够应用这些属性，即使使用这些元素意味着文档不再是 html5 兼容的。例如，虽然<code><foo></code>不是一个有效的 HTML 元素，但是 html5 兼容的浏览器隐藏了标记为<code><foo hidden>...<foo></code>的内容。</p> -<p>除了基本的HTML全局属性之外，还存在以下全局属性:</p> +<p>除了基本的 HTML 全局属性之外，还存在以下全局属性：</p> <ul> - <li>{{htmlattrdef("xml:lang")}} 和 {{htmlattrdef("xml:base")}} ——两者都是从XHTML规范继承，但为了兼容性而被保留的。</li> + <li>{{htmlattrdef("xml:lang")}} 和 {{htmlattrdef("xml:base")}} ——两者都是从 XHTML 规范继承，但为了兼容性而被保留的。</li> <li>多重<code><a href="https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/ARIA">aria-*</a></code>属性，用于改善可访问性。</li> <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Event_handlers">事件处理程序</a> 属性：<strong><code>onabort</code></strong>, <code><strong>onautocomplete</strong></code>, <code><strong>onautocompleteerror</strong></code>, <code><strong>onblur</strong></code>, <code><strong>oncancel</strong></code>, <code><strong>oncanplay</strong></code>, <code><strong>oncanplaythrough</strong></code>, <code><strong>onchange</strong></code>, <code><strong>onclick</strong></code>, <code><strong>onclose</strong></code>, <code><strong>oncontextmenu</strong></code>, <code><strong>oncuechange</strong></code>, <code><strong>ondblclick</strong></code>, <code><strong>ondrag</strong></code>, <code><strong>ondragend</strong></code>, <code><strong>ondragenter</strong></code>, <code><strong>ondragexit</strong></code>, <code><strong>ondragleave</strong></code>, <code><strong>ondragover</strong></code>, <code><strong>ondragstart</strong></code>, <code><strong>ondrop</strong></code>, <code><strong>ondurationchange</strong></code>, <code><strong>onemptied</strong></code>, <code><strong>onended</strong></code>, <code><strong>onerror</strong></code>, <code><strong>onfocus</strong></code>, <code><strong>oninput</strong></code>, <code><strong>oninvalid</strong></code>, <code><strong>onkeydown</strong></code>, <code><strong>onkeypress</strong></code>, <code><strong>onkeyup</strong></code>, <code><strong>onload</strong></code>, <code><strong>onloadeddata</strong></code>, <code><strong>onloadedmetadata</strong></code>, <code><strong>onloadstart</strong></code>, <code><strong>onmousedown</strong></code>, <code><strong>onmouseenter</strong></code>, <code><strong>onmouseleave</strong></code>, <code><strong>onmousemove</strong></code>, <code><strong>onmouseout</strong></code>, <code><strong>onmouseover</strong></code>, <code><strong>onmouseup</strong></code>, <code><strong>onmousewheel</strong></code>, <code><strong>onpause</strong></code>, <code><strong>onplay</strong></code>, <code><strong>onplaying</strong></code>, <code><strong>onprogress</strong></code>, <code><strong>onratechange</strong></code>, <code><strong>onreset</strong></code>, <code><strong>onresize</strong></code>, <code><strong>onscroll</strong></code>, <code><strong>onseeked</strong></code>, <code><strong>onseeking</strong></code>, <code><strong>onselect</strong></code>, <code><strong>onshow</strong></code>, <code><strong>onsort</strong></code>, <code><strong>onstalled</strong></code>, <code><strong>onsubmit</strong></code>, <code><strong>onsuspend</strong></code>, <code><strong>ontimeupdate</strong></code>, <code><strong>ontoggle</strong></code>, <code><strong>onvolumechange</strong></code>, <code><strong>onwaiting</strong></code>.</li> </ul> @@ -40,7 +40,7 @@ translation_of: Web/HTML/Global_attributes </ul> </dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/class">{{htmlattrdef("class")}}</a></dt> - <dd>一个以空格分隔的元素的类名（classes ）列表，它允许 CSS 和 Javascript 通过类选择器 (<a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Class_selectors">class selectors</a>) 或DOM方法( <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/Document/getElementsByClassName" title="返回一个包含了所有指定类名的子元素的类数组对象。当在document对象上调用时，会搜索整个DOM文档，包含根节点。你也可以在任意元素上调用getElementsByClassName() 方法，它将返回的是以当前元素为根节点，所有指定类名的子元素。"><code>document.getElementsByClassName</code></a>)来选择和访问特定的元素。</dd> + <dd>一个以空格分隔的元素的类名（classes ）列表，它允许 CSS 和 Javascript 通过类选择器 (<a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Class_selectors">class selectors</a>) 或 DOM 方法 ( <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/Document/getElementsByClassName" title="返回一个包含了所有指定类名的子元素的类数组对象。当在document对象上调用时，会搜索整个DOM文档，包含根节点。你也可以在任意元素上调用getElementsByClassName() 方法，它将返回的是以当前元素为根节点，所有指定类名的子元素。"><code>document.getElementsByClassName</code></a>) 来选择和访问特定的元素。</dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/contenteditable">{{htmlattrdef("contenteditable")}}</a></dt> <dd>一个枚举属性（enumerated attribute），表示元素是否可被用户编辑。 如果可以，浏览器会调整元素的部件（widget）以允许编辑。 <ul> @@ -51,15 +51,15 @@ translation_of: Web/HTML/Global_attributes <dt><a href="/zh-CN/docs/Web/HTML/Global_attributes/contextmenu">{{htmlattrdef("contextmenu")}}</a></dt> <dd>{{HTMLElement("menu")}} 的<code><a href="#attr-id"><strong>id</strong></a></code> ，作为该元素的上下文菜单（已经不被支持，将从所有浏览器中删除）。</dd> <dt><a href="/zh-CN/docs/Web/HTML/Global_attributes/data-*">{{htmlattrdef("data-*")}}</a></dt> - <dd>一类自定义数据属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本(一般指JavaScript) 与 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML" title="zh/HTML">HTML</a> 之间进行专有数据的交换。所有这些自定义数据属性都可以通过所属元素的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement" title="HTMLElement 接口表示所有的 HTML 元素。一些HTML元素直接实现了HTMLElement接口，其它的间接实现HTMLElement接口."><code>HTMLElement</code></a> 接口来访问。 <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/dataset" title="HTMLElement.dataset属性允许无论是在读取模式和写入模式下访问在 HTML或 DOM中的元素上设置的所有自定义数据属性(data-*)集。"><code>HTMLElement.dataset</code></a> 属性可以访问它们。</dd> + <dd>一类自定义数据属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本 (一般指 JavaScript) 与 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML" title="zh/HTML">HTML</a> 之间进行专有数据的交换。所有这些自定义数据属性都可以通过所属元素的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement" title="HTMLElement 接口表示所有的 HTML 元素。一些HTML元素直接实现了HTMLElement接口，其它的间接实现HTMLElement接口."><code>HTMLElement</code></a> 接口来访问。 <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/dataset" title="HTMLElement.dataset属性允许无论是在读取模式和写入模式下访问在 HTML或 DOM中的元素上设置的所有自定义数据属性(data-*)集。"><code>HTMLElement.dataset</code></a> 属性可以访问它们。</dd> <dt><a href="/zh-CN/docs/Web/HTML/Global_attributes/dir">{{htmlattrdef("dir")}}</a></dt> <dd> <p>一个指示元素中文本方向的枚举属性。它的取值如下：</p> <ul> - <li>ltr, 指从<em>左</em>到<em>右</em>，用于那种从左向右书写的语言（比如英语）；</li> - <li>rtl, 指从<em>右</em>到<em>左</em>，用于那种从右向左书写的语言（比如阿拉伯语）；</li> - <li>auto, 指由用户代理决定方向。它在解析元素中字符时会运用一个基本算法，直到发现一个具有强方向性的字符，然后将这一方向应用于整个元素。</li> + <li>ltr，指从<em>左</em>到<em>右</em>，用于那种从左向右书写的语言（比如英语）；</li> + <li>rtl，指从<em>右</em>到<em>左</em>，用于那种从右向左书写的语言（比如阿拉伯语）；</li> + <li>auto，指由用户代理决定方向。它在解析元素中字符时会运用一个基本算法，直到发现一个具有强方向性的字符，然后将这一方向应用于整个元素。</li> </ul> </dd> <dt><a href="/zh-CN/docs/Web/HTML/Global_attributes/draggable">{{htmlattrdef("draggable")}}</a></dt> @@ -72,7 +72,7 @@ translation_of: Web/HTML/Global_attributes <dt><a href="/en-US/docs/Web/HTML/Global_attributes/dropzone">{{htmlattrdef("dropzone")}}</a> {{experimental_inline}}</dt> <dd>枚举属性，指示可以使用 <a href="https://developer.mozilla.org/en-US/docs/DragDrop/Drag_and_Drop">Drag and Drop API</a> 在元素上删除哪些类型的内容。 它可以具有以下值： <ul> - <li>copy，表示drop将创建被拖动元素的副本</li> + <li>copy，表示 drop 将创建被拖动元素的副本</li> <li>move，表示拖动的元素将移动到此新位置。</li> <li><code>link</code>，将创建一个指向拖动数据的链接。</li> </ul> @@ -82,33 +82,33 @@ translation_of: Web/HTML/Global_attributes <dt><a href="/en-US/docs/Web/HTML/Global_attributes/hidden">{{htmlattrdef("hidden")}}</a></dt> <dd><font><font>布尔属性表示该元素尚未或不再</font></font><em><font><font>相关</font></font></em><font><font>。</font><font>例如，它可用于隐藏在登录过程完成之前无法使用的页面元素。</font><font>浏览器不会呈现此类元素。</font><font>不得使用此属性隐藏可合法显示的内容</font></font></dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/id">{{htmlattrdef("id")}}</a></dt> - <dd>定义唯一标识符（ID），该标识符在整个文档中必须是唯一的。 其目的是在链接（使用片段标识符），脚本或样式（使用CSS）时标识元素。</dd> + <dd>定义唯一标识符（ID），该标识符在整个文档中必须是唯一的。 其目的是在链接（使用片段标识符），脚本或样式（使用 CSS）时标识元素。</dd> <dt><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">{{HTMLAttrDef("inputmode")}}</a></dt> <dd>向浏览器提供有关在编辑此元素或其内容时要使用的虚拟键盘配置类型的提示。主要用于 {{HTMLElement("input")}}元素，但在{{HTMLAttrxRef("contenteditable")}}模式下可用于任何元素。</dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/is">{{htmlattrdef("is")}}</a></dt> - <dd>允许您指定标准HTML元素应该像已注册的自定义内置元素一样（有关更多详细信息，请参阅使用自定义元素）。</dd> + <dd>允许您指定标准 HTML 元素应该像已注册的自定义内置元素一样（有关更多详细信息，请参阅使用自定义元素）。</dd> </dl> <div class="note"> -<p><strong>注意: </strong>item *属性是 <a class="external" href="https://html.spec.whatwg.org/multipage/microdata.html#microdata">WHATWG HTML Microdata feature</a>的一部分。</p> +<p><strong>注意：</strong>item *属性是 <a class="external" href="https://html.spec.whatwg.org/multipage/microdata.html#microdata">WHATWG HTML Microdata feature</a>的一部分。</p> </div> <dl> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/itemid">{{htmlattrdef("itemid")}}</a></dt> <dd>项的唯一全局标识符。</dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/itemprop">{{htmlattrdef("itemprop")}}</a></dt> - <dd>用于向项添加属性。 每个HTML元素都可以指定一个itemprop属性，其中一个itemprop由一个名称和值对组成。</dd> + <dd>用于向项添加属性。 每个 HTML 元素都可以指定一个 itemprop 属性，其中一个 itemprop 由一个名称和值对组成。</dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/itemref">{{htmlattrdef("itemref")}}</a></dt> - <dd>只有不是具有<code>itemscope</code>属性的元素的后代，它的属性才可以与使用<code>itemref</code>项目相关联。它提供了元素ID列表（而不是<code>itemids</code>）以及文档中其他位置的其他属性。</dd> + <dd>只有不是具有<code>itemscope</code>属性的元素的后代，它的属性才可以与使用<code>itemref</code>项目相关联。它提供了元素 ID 列表（而不是<code>itemids</code>）以及文档中其他位置的其他属性。</dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/itemscope">{{htmlattrdef("itemscope")}}</a></dt> - <dd><code>itemscope</code>（通常）与{{htmlattrxref("itemtype")}}一起使用，以指定包含在关于特定项目代码块中的HTML。 <code>itemscope</code>创建Item并定义与之关联的<code>itemtype</code>的范围。 <code>itemtype</code>是描述项及其属性上下文的词汇表（例如<a class="external external-icon" href="https://schema.org/">schema.org</a>）的有效URL。</dd> + <dd><code>itemscope</code>（通常）与{{htmlattrxref("itemtype")}}一起使用，以指定包含在关于特定项目代码块中的 HTML。 <code>itemscope</code>创建 Item 并定义与之关联的<code>itemtype</code>的范围。 <code>itemtype</code>是描述项及其属性上下文的词汇表（例如<a class="external external-icon" href="https://schema.org/">schema.org</a>）的有效 URL。</dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/itemtype">{{htmlattrdef("itemtype")}}</a></dt> - <dd>指定将用于在数据结构中定义<code>itemprops</code>（项属性）的词汇表的URL。 <code><a href="/en-US/docs/Web/HTML/Global_attributes/itemscope">itemscope</a></code>用于设置数据结构中按<code>itemtype</code>设置的词汇表的生效范围。</dd> + <dd>指定将用于在数据结构中定义<code>itemprops</code>（项属性）的词汇表的 URL。 <code><a href="/en-US/docs/Web/HTML/Global_attributes/itemscope">itemscope</a></code>用于设置数据结构中按<code>itemtype</code>设置的词汇表的生效范围。</dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/lang">{{htmlattrdef("lang")}}</a></dt> - <dd>帮助定义元素的语言:不可编辑元素所在的语言，或者应该由用户编写的可编辑元素的语言。该属性包含一个“语言标记”(由用连字符分隔的“语言子标记”组成)，格式在 <a href="https://www.ietf.org/rfc/bcp/bcp47.txt"><em>Tags for Identifying Languages (BCP47)</em></a> 中定义。<strong><a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes$edit#attr-xml:lang">xml:lang</a> </strong>优先于它。</dd> + <dd>帮助定义元素的语言：不可编辑元素所在的语言，或者应该由用户编写的可编辑元素的语言。该属性包含一个“语言标记”(由用连字符分隔的“语言子标记”组成)，格式在 <a href="https://www.ietf.org/rfc/bcp/bcp47.txt"><em>Tags for Identifying Languages (BCP47)</em></a> 中定义。<strong><a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes$edit#attr-xml:lang">xml:lang</a> </strong>优先于它。</dd> <dt></dt> <dt><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part">{{HTMLAttrDef("part")}}</a> {{Experimental_Inline}}</dt> - <dd>元素的部件名称的空格分隔列表。Part名称允许CSS通过{{CSSxRef("::part()")}} 伪元素选择和设置阴影关联树中的特定元素。</dd> + <dd>元素的部件名称的空格分隔列表。Part 名称允许 CSS 通过{{CSSxRef("::part()")}} 伪元素选择和设置阴影关联树中的特定元素。</dd> </dl> <dl> @@ -135,7 +135,7 @@ translation_of: Web/HTML/Global_attributes </ul> </dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/title">{{htmlattrdef("title")}}</a></dt> - <dd>包含表示与其所属元素相关信息的文本。 这些信息通常可以作为提示呈现给用户,但不是必须的。</dd> + <dd>包含表示与其所属元素相关信息的文本。 这些信息通常可以作为提示呈现给用户，但不是必须的。</dd> <dt><a href="/en-US/docs/Web/HTML/Global_attributes/translate">{{htmlattrdef("translate")}}</a> {{experimental_inline}}</dt> <dd>枚举属性，用于指定在页面本地化时是否转换元素的属性值及其{{domxref("Text")}} 节点子节点的值，或者是否保持它们不变。它可以具有以下值： <ul> diff --git a/files/zh-cn/web/html/global_attributes/inputmode/index.html b/files/zh-cn/web/html/global_attributes/inputmode/index.html index 36eb81901a..1942787f6c 100644 --- a/files/zh-cn/web/html/global_attributes/inputmode/index.html +++ b/files/zh-cn/web/html/global_attributes/inputmode/index.html @@ -13,9 +13,9 @@ translation_of: Web/HTML/Global_attributes/inputmode <dt><code>"decimal"</code></dt> <dd>小数输入键盘，包含数字和分隔符（通常是“ . ”或者“ , ”），设备可能也可能不显示减号键。</dd> <dt><code>"numeric"</code></dt> - <dd>数字输入键盘，所需要的就是0到9的数字，设备可能也可能不显示减号键。</dd> + <dd>数字输入键盘，所需要的就是 0 到 9 的数字，设备可能也可能不显示减号键。</dd> <dt><code>"tel"</code></dt> - <dd>电话输入键盘，包含0到9的数字、星号（*）和井号（#）键。表单输入里面的电话输入通常应该使用 <code><a href="/en-US/docs/Web/HTML/Element/input/tel"><input type="tel"></a></code> 。</dd> + <dd>电话输入键盘，包含 0 到 9 的数字、星号（*）和井号（#）键。表单输入里面的电话输入通常应该使用 <code><a href="/en-US/docs/Web/HTML/Element/input/tel"><input type="tel"></a></code> 。</dd> <dt><code>"search"</code></dt> <dd>为搜索输入优化的虚拟键盘，比如，返回键可能被重新标记为“搜索”，也可能还有其他的优化。</dd> <dt><code>"email"</code></dt> @@ -27,7 +27,7 @@ translation_of: Web/HTML/Global_attributes/inputmode <p>如果没有设置这个属性，它的默认值是 <code>"text"</code>，表明使用本地的标准文本输入键盘。</p> <div class="warning"> -<p><strong>规范冲突</strong>: <a href="https://html.spec.whatwg.org/multipage/interaction.html#attr-inputmode">WHATWG(超文本应用技术工作组)规范中列出了 <code>inputmode</code></a>, 并且现代浏览器正在努力支持它。但 <a href="https://www.w3.org/TR/html52/index.html#contents">W3C HTML 5.2 规范</a> 不再将其列出（也就是说将其标记为过时的）。在达成共识之前，你应该认为WHATWG规范定义的就是正确的。</p> +<p><strong>规范冲突</strong>: <a href="https://html.spec.whatwg.org/multipage/interaction.html#attr-inputmode">WHATWG(超文本应用技术工作组) 规范中列出了 <code>inputmode</code></a>, 并且现代浏览器正在努力支持它。但 <a href="https://www.w3.org/TR/html52/index.html#contents">W3C HTML 5.2 规范</a> 不再将其列出（也就是说将其标记为过时的）。在达成共识之前，你应该认为 WHATWG 规范定义的就是正确的。</p> </div> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/html/global_attributes/is/index.html b/files/zh-cn/web/html/global_attributes/is/index.html index f8e770fa80..27e3e21cea 100644 --- a/files/zh-cn/web/html/global_attributes/is/index.html +++ b/files/zh-cn/web/html/global_attributes/is/index.html @@ -10,9 +10,9 @@ translation_of: Web/HTML/Global_attributes/is --- <div>{{HTMLSidebar("Global_attributes")}}</div> -<p><span class="seoSummary">is 全局属性( <a href="/en-US/docs/Web/HTML/Global_attributes">global attribute</a> )允许您指定标准HTML元素像定义的内置元素一样工作（请参阅使用自定义元素( <a href="/en-US/docs/Web/Web_Components/Using_custom_elements">Using custom elements</a> )以获取更多详细信息）。</span></p> +<p><span class="seoSummary">is 全局属性 ( <a href="/en-US/docs/Web/HTML/Global_attributes">global attribute</a> ) 允许您指定标准 HTML 元素像定义的内置元素一样工作（请参阅使用自定义元素 ( <a href="/en-US/docs/Web/Web_Components/Using_custom_elements">Using custom elements</a> ) 以获取更多详细信息）。</span></p> -<p>只有在当前文档中已成功定义( <a href="/en-US/docs/Web/API/CustomElementRegistry/define">defined</a> )指定的自定义元素名称并且扩展了要应用的元素类型时，才能使用此属性。</p> +<p>只有在当前文档中已成功定义 ( <a href="/en-US/docs/Web/API/CustomElementRegistry/define">defined</a> ) 指定的自定义元素名称并且扩展了要应用的元素类型时，才能使用此属性。</p> <h2 id="示例">示例</h2> diff --git a/files/zh-cn/web/html/global_attributes/itemprop/index.html b/files/zh-cn/web/html/global_attributes/itemprop/index.html index f9bbe32116..d65aff7690 100644 --- a/files/zh-cn/web/html/global_attributes/itemprop/index.html +++ b/files/zh-cn/web/html/global_attributes/itemprop/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTML/Global_attributes/itemprop --- <div>{{HTMLSidebar("Global_attributes")}}</div> -<p>全局属性 <code><strong>itemprop</strong></code>被用于向一个物体中添加属性。每一个HTML元素都可以指定一个itemprop属性，一个<code>itemprop</code><font face="Open Sans, arial, sans-serif">属性</font>由name-value对组成。每一个键值对称为一个属性，一个元素可以有一个或者多个属性。属性值可以是一个string或者一个URL，并且可以和大部分元素进行组合，包括{{HTMLElement("audio")}}， {{HTMLElement("embed")}}， {{HTMLElement("iframe")}}， {{HTMLElement("img")}}， {{HTMLElement("link")}}， {{HTMLElement("object")}}， {{HTMLElement("source")}} ， {{HTMLElement("track")}}， 和 {{HTMLElement("video")}}。</p> +<p>全局属性 <code><strong>itemprop</strong></code>被用于向一个物体中添加属性。每一个 HTML 元素都可以指定一个 itemprop 属性，一个<code>itemprop</code><font face="Open Sans, arial, sans-serif">属性</font>由 name-value 对组成。每一个键值对称为一个属性，一个元素可以有一个或者多个属性。属性值可以是一个 string 或者一个 URL，并且可以和大部分元素进行组合，包括{{HTMLElement("audio")}}， {{HTMLElement("embed")}}， {{HTMLElement("iframe")}}， {{HTMLElement("img")}}， {{HTMLElement("link")}}， {{HTMLElement("object")}}， {{HTMLElement("source")}} ， {{HTMLElement("track")}}， 和 {{HTMLElement("video")}}。</p> <h2 id="样例">样例</h2> @@ -60,7 +60,7 @@ translation_of: Web/HTML/Global_attributes/itemprop <h2 id="属性">属性</h2> -<p>属性拥有的值可能是字符串又或者是URL。当一个字符串值是一个URL的时候，它被用 {{HTMLElement("a")}} 及它的属性值 {{htmlattrxref("href", "a")}} 、{{HTMLElement("img")}} 及它的属性值 {{htmlattrxref("src", "img")}} 、或者其它被链接到或嵌入外部的资源的元素来表述。</p> +<p>属性拥有的值可能是字符串又或者是 URL。当一个字符串值是一个 URL 的时候，它被用 {{HTMLElement("a")}} 及它的属性值 {{htmlattrxref("href", "a")}} 、{{HTMLElement("img")}} 及它的属性值 {{htmlattrxref("src", "img")}} 、或者其它被链接到或嵌入外部的资源的元素来表述。</p> <h3 id="Three_properties_with_values_that_are_strings">Three properties with values that are strings</h3> @@ -80,11 +80,11 @@ translation_of: Web/HTML/Global_attributes/itemprop src="google-logo.png" alt="Google"> </div></pre> -<p>当一个字符串值不能令人通俗易懂的时候（e.g.，一个长串的数字和字母），它能被用data元素的value属性表示，用所给元素内容的更易懂的版本（它不是结构化数据的一部分-请看下面的例子）。</p> +<p>当一个字符串值不能令人通俗易懂的时候（e.g.，一个长串的数字和字母），它能被用 data 元素的 value 属性表示，用所给元素内容的更易懂的版本（它不是结构化数据的一部分 - 请看下面的例子）。</p> <h3 id="An_item_with_a_property_whose_value_is_a_product_ID">An item with a property whose value is a product ID</h3> -<p>ID不是人性化的，所以产品的名字是用的人所能看懂的文字而不是ID。</p> +<p>ID 不是人性化的，所以产品的名字是用的人所能看懂的文字而不是 ID。</p> <pre class="brush: html"><h1 itemscope> <data itemprop="product-id" @@ -167,7 +167,7 @@ translation_of: Web/HTML/Global_attributes/itemprop </ul> </div></pre> -<p>这产生了一个物体有两个属性,都拥有名字 "flavor" 但是却有不同的值 "Lemon sorbet" 和 "Apricot sorbet"。</p> +<p>这产生了一个物体有两个属性，都拥有名字 "flavor" 但是却有不同的值 "Lemon sorbet" 和 "Apricot sorbet"。</p> <p>为了当一些属性有相同值的时候避免重复，一个介绍一个属性的元素同样可以一次性介绍多个属性。</p> @@ -204,7 +204,7 @@ translation_of: Web/HTML/Global_attributes/itemprop (1986)</figcaption> </figure></pre> -<p>两者都是拥有标题的图，并且都同时， 和图完全无关地, 有一个 名字是 "name" 并且值是"The Castle"的键值对的物体项。唯一的区别是如果用户把图片标题拖拽出文档的话，这个项会包含在拖拽的数据中。图像相关的项不会被包括。</p> +<p>两者都是拥有标题的图，并且都同时， 和图完全无关地，有一个 名字是 "name" 并且值是"The Castle"的键值对的物体项。唯一的区别是如果用户把图片标题拖拽出文档的话，这个项会包含在拖拽的数据中。图像相关的项不会被包括。</p> <h2 id="名字和值">名字和值</h2> @@ -257,24 +257,24 @@ translation_of: Web/HTML/Global_attributes/itemprop </tbody> </table> -<p><strong>序列</strong>既可以是字符串也可以是URL。如果是一个URL，那么这个项被称为<strong>类型项</strong>。否则它是一个字符串。字符串不能包括句号和冒号（如下）。</p> +<p><strong>序列</strong>既可以是字符串也可以是 URL。如果是一个 URL，那么这个项被称为<strong>类型项</strong>。否则它是一个字符串。字符串不能包括句号和冒号（如下）。</p> <ol> - <li>如果项是一个类型项它必须满足: + <li>如果项是一个类型项它必须满足： <ol> <li>是一个被定义的属性名</li> - <li>一个合法的指向语法定义的URL</li> - <li>一个合法的被用来当作所有权项属性名的URL</li> + <li>一个合法的指向语法定义的 URL</li> + <li>一个合法的被用来当作所有权项属性名的 URL</li> </ol> </li> <li>如果一个项不是类型项，他必须： <ol> - <li>一个不含 "<strong>.</strong>" (U+002E 句号) 和 "<strong>:</strong>" (U+003A冒号) 并且被用作一个所有权项的属性名（没有公共规范定义的）</li> + <li>一个不含 "<strong>.</strong>" (U+002E 句号) 和 "<strong>:</strong>" (U+003A 冒号) 并且被用作一个所有权项的属性名（没有公共规范定义的）</li> </ol> </li> </ol> -<p class="note"><strong>注意:</strong> 上面的规则不允许 ":" 在没有URL的值中 是因为否则它们没法和URL作区分。带有"." 的值被保留作为将来可能的拓展。 空格也不被允许是因为否则值就会被解析为多个序列。</p> +<p class="note"><strong>注意：</strong> 上面的规则不允许 ":" 在没有 URL 的值中 是因为否则它们没法和 URL 作区分。带有"." 的值被保留作为将来可能的拓展。 空格也不被允许是因为否则值就会被解析为多个序列。</p> <h2 id="值">值</h2> @@ -493,7 +493,7 @@ translation_of: Web/HTML/Global_attributes/itemprop <ul> <li><a href="/en-US/docs/Web/HTML/Global_attributes">其他不同的全局属性</a></li> - <li>其他，微数据相关的全局属性: + <li>其他，微数据相关的全局属性： <ul> <li>{{htmlattrxref("itemid")}}</li> <li>{{htmlattrxref("itemprop")}}</li> diff --git a/files/zh-cn/web/html/global_attributes/itemscope/index.html b/files/zh-cn/web/html/global_attributes/itemscope/index.html index e04fb6db04..1890a6b3c1 100644 --- a/files/zh-cn/web/html/global_attributes/itemscope/index.html +++ b/files/zh-cn/web/html/global_attributes/itemscope/index.html @@ -5,23 +5,23 @@ translation_of: Web/HTML/Global_attributes/itemscope --- <div>{{HTMLSidebar("Global_attributes")}}</div> -<p><code><strong>itemscope</strong></code> 是一个布尔值的 <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a> 。它定义了一个与元数据关联的数据项。就是说一个元素的 <code><strong>itemscope</strong></code> 属性会创建一个项，包含了一组与元素相关的键值对。 相关的属性 {{htmlattrxref("itemtype")}} 通常表示表中一个有效的 URL （比如 <a href="http://schema.org/">schema.org</a>） 来表述项目和上下文。下面每个例子中的概念表都来自 <a href="https://schema.org/">schema.org</a>.</p> +<p><code><strong>itemscope</strong></code> 是一个布尔值的 <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a> 。它定义了一个与元数据关联的数据项。就是说一个元素的 <code><strong>itemscope</strong></code> 属性会创建一个项，包含了一组与元素相关的键值对。 相关的属性 {{htmlattrxref("itemtype")}} 通常表示表中一个有效的 URL（比如 <a href="http://schema.org/">schema.org</a>） 来表述项目和上下文。下面每个例子中的概念表都来自 <a href="https://schema.org/">schema.org</a>.</p> <p>每个 HTML 元素都可以有指定的 <code>itemscope</code> 属性。一个具有 <code>itemscope</code> 属性的元素可以没有关联的 <code>itemtype</code> ，但必须有相关的 <code>itemref</code>。</p> <div class="note"> -<p><strong>译者注:</strong> Schema.org 提供了一份共享的词汇表，站长可以使用它来标记网页，而这些标记则被主要的搜索引擎： Google， Microsoft， Yandex 和 Yahoo! 所支持。</p> +<p><strong>译者注：</strong> Schema.org 提供了一份共享的词汇表，站长可以使用它来标记网页，而这些标记则被主要的搜索引擎： Google， Microsoft， Yandex 和 Yahoo！所支持。</p> </div> <div class="note"> -<p><strong>提示:</strong> 获取更多关于 <code>itemtype</code> 属性的信息： <a href="http://schema.org/Thing">http://schema.org/Thing</a></p> +<p><strong>提示：</strong> 获取更多关于 <code>itemtype</code> 属性的信息： <a href="http://schema.org/Thing">http://schema.org/Thing</a></p> </div> <h3 id="简单示例">简单示例</h3> <h4 id="HTML">HTML</h4> -<p>下面一个例子指定的 <code>itemscope</code> 属性，设置了 <code>itemtype</code> 为 "http://schema.org/Movie"， 并且有3个关联的 <code>itemprop</code> 属性（name、director、genre）。</p> +<p>下面一个例子指定的 <code>itemscope</code> 属性，设置了 <code>itemtype</code> 为 "http://schema.org/Movie"， 并且有 3 个关联的 <code>itemprop</code> 属性（name、director、genre）。</p> <pre class="brush:html"><div itemscope itemtype ="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> @@ -78,7 +78,7 @@ translation_of: Web/HTML/Global_attributes/itemscope <h3 id="示例">示例</h3> -<p>下面示例中有4个 <code>itemscope</code> 属性。每一个 <code>itemscope</code> 设置了相应的 <code>itemptype</code> 属性。例子中<code>itemtype</code>，<code>Recipe</code>，<code>AggregateRating</code>，以及 <code>NutritionInformation</code> 通过指定了 <code>itemptype</code>，也就是“http://schema.org/Recipe”，也都是 <a href="www.schema.org">schema.org</a> 提供的一个食谱的结构化数据的一部分。</p> +<p>下面示例中有 4 个 <code>itemscope</code> 属性。每一个 <code>itemscope</code> 设置了相应的 <code>itemptype</code> 属性。例子中<code>itemtype</code>，<code>Recipe</code>，<code>AggregateRating</code>，以及 <code>NutritionInformation</code> 通过指定了 <code>itemptype</code>，也就是“http://schema.org/Recipe”，也都是 <a href="www.schema.org">schema.org</a> 提供的一个食谱的结构化数据的一部分。</p> <pre class="brush: html"><div itemscope itemtype="http://schema.org/Recipe"> <h2 itemprop="name">Grandma's Holiday Apple Pie</h2> @@ -233,7 +233,7 @@ Directions: <br> </table> <div class="note"> -<p><strong>提示</strong>: Google 提供了一个方便地从HTML提取微数据结构的工具：<a href="https://developers.google.com/structured-data/testing-tool/"> Structured Data Testing Tool</a>。你可以通过上面的 HTML试一下。</p> +<p><strong>提示</strong>: Google 提供了一个方便地从 HTML 提取微数据结构的工具：<a href="https://developers.google.com/structured-data/testing-tool/"> Structured Data Testing Tool</a>。你可以通过上面的 HTML 试一下。</p> </div> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/html/global_attributes/lang/index.html b/files/zh-cn/web/html/global_attributes/lang/index.html index 798618e756..bc8794dfe5 100644 --- a/files/zh-cn/web/html/global_attributes/lang/index.html +++ b/files/zh-cn/web/html/global_attributes/lang/index.html @@ -16,29 +16,29 @@ translation_of: Web/HTML/Global_attributes/lang <div class="note"> <h2 id="语言标签语法">语言标签语法</h2> -<p>完整的BCP47语法足以标记极其特定的语言方言，但大多数用法都要简单得多。</p> +<p>完整的 BCP47 语法足以标记极其特定的语言方言，但大多数用法都要简单得多。</p> -<p>语言标记由连字符分隔的语言子标签组成，其中每个子标签指示该语言的特定属性。 3个最常见的子标签是：</p> +<p>语言标记由连字符分隔的语言子标签组成，其中每个子标签指示该语言的特定属性。 3 个最常见的子标签是：</p> <dl> <dt>语言子标签</dt> - <dd>Required。一个2或3个字符的代码，用于定义基本语言，通常全部用小写编写。例如，English的语言代码是<code>en</code>，Badeshi的代码是<code>bdz</code>。 + <dd>Required。一个 2 或 3 个字符的代码，用于定义基本语言，通常全部用小写编写。例如，English 的语言代码是<code>en</code>，Badeshi 的代码是<code>bdz</code>。 </dd> <dt>脚本子标签</dt> - <dd>该子标签定义了用于该语言的书写系统，并且总是4个字符长，首字母大写。例如，French-in-Braille是<code>fr-Brai</code>，<code>ja-Kana</code>是用Katakana字母书写的日文。如果语言是以非常典型的方式编写的，例如拉丁字母表中的英语，则无需使用此子标签。</dd> + <dd>该子标签定义了用于该语言的书写系统，并且总是 4 个字符长，首字母大写。例如，French-in-Braille 是<code>fr-Brai</code>，<code>ja-Kana</code>是用 Katakana 字母书写的日文。如果语言是以非常典型的方式编写的，例如拉丁字母表中的英语，则无需使用此子标签。</dd> <dt>地区子标签</dt> - <dd>该子标签定义了来自特定位置的基本语言的方言，并且是ALLCAPS中与国家代码匹配的2个字母，或者是与非国家区域匹配的3个数字。例如，<code>es-ES</code>是西班牙语中的西班牙语，<code>es-013</code>是中美洲的西班牙语。 “国际西班牙语”就是<code>es</code>。</dd> + <dd>该子标签定义了来自特定位置的基本语言的方言，并且是 ALLCAPS 中与国家代码匹配的 2 个字母，或者是与非国家区域匹配的 3 个数字。例如，<code>es-ES</code>是西班牙语中的西班牙语，<code>es-013</code>是中美洲的西班牙语。 “国际西班牙语”就是<code>es</code>。</dd> </dl> -<p>如果两者都存在，则脚本子标签位于区域子标签之前 ––ru-Cyrl-BY是俄语，用白俄罗斯语中的西里尔字母书写。</p> +<p>如果两者都存在，则脚本子标签位于区域子标签之前 ––ru-Cyrl-BY 是俄语，用白俄罗斯语中的西里尔字母书写。</p> <p>要查找语言的正确子标签代码，请参阅<a href="https://r12a.github.io/app-subtags/">语言子标签查找</a>。</p> </div> <p>即使设置了 <strong>lang</strong> 属性，也可能无效，因为 <a href="/en-US/docs/Web/HTML/Global_attributes/xml:lang"><strong>xml:lang</strong></a> 属性更加优先。</p> -<p>对于CSS伪类{{cssxref(":lang")}}，如果它们的名称不同，则两个无效的语言名称是不同的。比如<code>:lang(es)</code>匹配<code>lang = "es-ES"</code>和<code>lang = "es-419"</code>，而<code>:lang(xyzzy)</code>与<code>lang = "xyzzy-Zorp!"</code>不匹配。</p> +<p>对于 CSS 伪类{{cssxref(":lang")}}，如果它们的名称不同，则两个无效的语言名称是不同的。比如<code>:lang(es)</code>匹配<code>lang = "es-ES"</code>和<code>lang = "es-419"</code>，而<code>:lang(xyzzy)</code>与<code>lang = "xyzzy-Zorp!"</code>不匹配。</p> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/html/global_attributes/part/index.html b/files/zh-cn/web/html/global_attributes/part/index.html index ba309b028f..6a0b8f9aef 100644 --- a/files/zh-cn/web/html/global_attributes/part/index.html +++ b/files/zh-cn/web/html/global_attributes/part/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTML/Global_attributes/part --- <div>{{HTMLSidebar("Global_attributes")}}</div> -<p><strong>part</strong> <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a> 包含一个以元素中part属性名称组成的列表，该列表以空格分隔。通过Part 的名称，可以使用CSS伪元素“::part”来选择shadow 树中指定元素并设置其样式 。</p> +<p><strong>part</strong> <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a> 包含一个以元素中 part 属性名称组成的列表，该列表以空格分隔。通过 Part 的名称，可以使用 CSS 伪元素“::part”来选择 shadow 树中指定元素并设置其样式 。</p> <p>参见用例 <a href="https://mdn.github.io/web-components-examples/shadow-part/">Shadow part 实例</a>.</p> diff --git a/files/zh-cn/web/html/global_attributes/spellcheck/index.html b/files/zh-cn/web/html/global_attributes/spellcheck/index.html index 7e8214cd73..ae77e5b0b2 100644 --- a/files/zh-cn/web/html/global_attributes/spellcheck/index.html +++ b/files/zh-cn/web/html/global_attributes/spellcheck/index.html @@ -12,18 +12,18 @@ translation_of: Web/HTML/Global_attributes/spellcheck <ul> <li><code>true</code>, 设置在可能的情况下会去检查元素内容的拼写错误;</li> - <li><code>false</code>, 设置在可能的情况下关闭对元素内容拼写检查.</li> + <li><code>false</code>, 设置在可能的情况下关闭对元素内容拼写检查。</li> </ul> <p>如果没有设置这个属性，默认值由元素自身类型和浏览器设置决定。默认值也可以被继承，当有祖先元素的<em> spellcheck </em>设置为 <code>true</code> 的情况下，子元素的默认值也是 <code>true</code>。<br> <br> 你可以参考这篇文章的例子来使用这个属性。</p> -<p>这个属性是枚举型而不是布尔类型. 这意味着显式设置其中一个值true或false是强制性的，如果使用简写 <code><label spellcheck>Example Label</label> 是不行的</code>。 正确的用法是<code> <label spellcheck="true">Example Label</label></code>.</p> +<p>这个属性是枚举型而不是布尔类型。这意味着显式设置其中一个值 true 或 false 是强制性的，如果使用简写 <code><label spellcheck>Example Label</label> 是不行的</code>。 正确的用法是<code> <label spellcheck="true">Example Label</label></code>.</p> -<p>这个属性仅仅是浏览器上的提示: 浏览器并不会强制去检查拼写错误，通常不可编辑的元素是不会去检查拼写错误的，就算它的spellcheck 属性被设置为true而且浏览器支持拼写检查。</p> +<p>这个属性仅仅是浏览器上的提示：浏览器并不会强制去检查拼写错误，通常不可编辑的元素是不会去检查拼写错误的，就算它的 spellcheck 属性被设置为 true 而且浏览器支持拼写检查。</p> -<p>各个浏览器的默认设置和元素依赖:</p> +<p>各个浏览器的默认设置和元素依赖：</p> <table class="fullwidth-table"> <tbody> diff --git a/files/zh-cn/web/html/global_attributes/tabindex/index.html b/files/zh-cn/web/html/global_attributes/tabindex/index.html index a67c3d938c..11fa7b9019 100644 --- a/files/zh-cn/web/html/global_attributes/tabindex/index.html +++ b/files/zh-cn/web/html/global_attributes/tabindex/index.html @@ -15,9 +15,9 @@ translation_of: Web/HTML/Global_attributes/tabindex <p>它接受一个整数作为值，具有不同的结果，具体取决于整数的值：</p> <ul> - <li>tabindex=负值 (通常是tabindex=“-1”)，表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素，用JS做页面小组件内部键盘导航的时候非常有用。</li> - <li><code>tabindex="0"</code> ，表示元素是可聚焦的，并且可以通过键盘导航来聚焦到该元素，它的相对顺序是当前处于的DOM结构来决定的。</li> - <li>tabindex=正值，表示元素是可聚焦的，并且可以通过键盘导航来访问到该元素；它的相对顺序按照<strong>tabindex</strong> 的数值递增而滞后获焦。如果多个元素拥有相同的 <strong>tabindex</strong>，它们的相对顺序按照他们在当前DOM中的先后顺序决定。</li> + <li>tabindex=负值 (通常是 tabindex=“-1”)，表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素，用 JS 做页面小组件内部键盘导航的时候非常有用。</li> + <li><code>tabindex="0"</code> ，表示元素是可聚焦的，并且可以通过键盘导航来聚焦到该元素，它的相对顺序是当前处于的 DOM 结构来决定的。</li> + <li>tabindex=正值，表示元素是可聚焦的，并且可以通过键盘导航来访问到该元素；它的相对顺序按照<strong>tabindex</strong> 的数值递增而滞后获焦。如果多个元素拥有相同的 <strong>tabindex</strong>，它们的相对顺序按照他们在当前 DOM 中的先后顺序决定。</li> </ul> <p>根据键盘序列导航的顺序，值为 <code>0</code> 、非法值、或者没有 <strong>tabindex</strong> 值的元素应该放置在 <strong>tabindex</strong> 值为正值的元素后面。</p> diff --git a/files/zh-cn/web/html/global_attributes/translate/index.html b/files/zh-cn/web/html/global_attributes/translate/index.html index 298214b303..1524e08f6e 100644 --- a/files/zh-cn/web/html/global_attributes/translate/index.html +++ b/files/zh-cn/web/html/global_attributes/translate/index.html @@ -9,7 +9,7 @@ translation_of: Web/HTML/Global_attributes/translate --- <p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> -<p><a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a> <strong>translate </strong>被用来规定对应元素的属性值及其子文本节点内容，是否跟随系统语言作出对应的翻译变化。Translate属性可以有下面两个值:</p> +<p><a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a> <strong>translate </strong>被用来规定对应元素的属性值及其子文本节点内容，是否跟随系统语言作出对应的翻译变化。Translate 属性可以有下面两个值：</p> <ul> <li>不做特别设置或者是“yes”。使用这两个值就代表着，网页在进行本地化的时候，对应内容要被翻译。</li> @@ -94,5 +94,5 @@ translation_of: Web/HTML/Global_attributes/translate <ul> <li>所有<a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a>.</li> - <li>{{domxref("HTMLElement.translate")}} API接口可以读取translate属性的值。</li> + <li>{{domxref("HTMLElement.translate")}} API 接口可以读取 translate 属性的值。</li> </ul> diff --git a/files/zh-cn/web/html/global_attributes/x-ms-acceleratorkey/index.html b/files/zh-cn/web/html/global_attributes/x-ms-acceleratorkey/index.html index 2e01b3ac1f..cec572eb6d 100644 --- a/files/zh-cn/web/html/global_attributes/x-ms-acceleratorkey/index.html +++ b/files/zh-cn/web/html/global_attributes/x-ms-acceleratorkey/index.html @@ -11,13 +11,13 @@ original_slug: Web/HTML/Global_attributes/x-ms-加速装置键 --- <div>{{HTMLSidebar("Global_attributes")}}{{Non-standard_Header}}</div> -<p><span class="seoSummary"> <code><strong>x-ms-acceleratorkey</strong></code> 属性声明 <a href="https://docs.microsoft.com/en-us/windows/uwp/design/input/keyboard-accelerators">accelerator key</a> 已经分配给一个元素: 当按下键盘上的键时，通过JavaScript激活该元素。</span></p> +<p><span class="seoSummary"> <code><strong>x-ms-acceleratorkey</strong></code> 属性声明 <a href="https://docs.microsoft.com/en-us/windows/uwp/design/input/keyboard-accelerators">accelerator key</a> 已经分配给一个元素：当按下键盘上的键时，通过 JavaScript 激活该元素。</span></p> -<p>{{Non-standard_Inline}} 此专有属性是特定于 Internet Explorer 和 Microsoft Edge的。</p> +<p>{{Non-standard_Inline}} 此专有属性是特定于 Internet Explorer 和 Microsoft Edge 的。</p> -<p>对于屏幕阅读器和其他辅助技术，<code>x-ms-acceleratorkey</code> 在可访问性树中公开一个通知，即该元素存在一个加速器键。此属性不提供加速器键行为。必须提供JavaScript事件处理程序，如<code>onkeypress</code>, <code>onkeydown</code>, 或者 <code>onkeyup</code>, 来侦听声明的加速器键并相应地激活元素。</p> +<p>对于屏幕阅读器和其他辅助技术，<code>x-ms-acceleratorkey</code> 在可访问性树中公开一个通知，即该元素存在一个加速器键。此属性不提供加速器键行为。必须提供 JavaScript 事件处理程序，如<code>onkeypress</code>, <code>onkeydown</code>, 或者 <code>onkeyup</code>, 来侦听声明的加速器键并相应地激活元素。</p> -<p>为下列元素提供键盘快捷方式：不需要JavaScript的，请使用 <a href="/en-US/docs/Web/HTML/Global_attributes/accesskey">the <code>accesskey</code> 属性</a>。</p> +<p>为下列元素提供键盘快捷方式：不需要 JavaScript 的，请使用 <a href="/en-US/docs/Web/HTML/Global_attributes/accesskey">the <code>accesskey</code> 属性</a>。</p> <h2 id="语法">语法</h2> @@ -30,7 +30,7 @@ original_slug: Web/HTML/Global_attributes/x-ms-加速装置键 <ul> <li><code>"Ctrl+B"</code> 的组合 <kbd>Ctrl</kbd> 和 <kbd>B</kbd> 秘钥。</li> <li><code>"J"</code> 只是为了 <kbd>J</kbd> 钥匙。</li> - <li><code>"Ctrl+; then K"</code> 的快捷方式，类似于 <a href="https://help.manuscript.com/7558/fogbugz-keyboard-shortcuts#For_Your_Server_or_non-Ocelot_Keyboard_Shortcuts">FogBugz的就键盘模式</a>。这种方法比较复杂，但不覆盖用户浏览器或操作系统提供的现有键盘快捷键。 </li> + <li><code>"Ctrl+; then K"</code> 的快捷方式，类似于 <a href="https://help.manuscript.com/7558/fogbugz-keyboard-shortcuts#For_Your_Server_or_non-Ocelot_Keyboard_Shortcuts">FogBugz 的就键盘模式</a>。这种方法比较复杂，但不覆盖用户浏览器或操作系统提供的现有键盘快捷键。 </li> </ul> <h2 id="另请参阅">另请参阅</h2> diff --git a/files/zh-cn/web/html/global_attributes/x-ms-format-detection/index.html b/files/zh-cn/web/html/global_attributes/x-ms-format-detection/index.html index f2cae391bf..cc41b27d6a 100644 --- a/files/zh-cn/web/html/global_attributes/x-ms-format-detection/index.html +++ b/files/zh-cn/web/html/global_attributes/x-ms-format-detection/index.html @@ -1,5 +1,5 @@ --- -title: x-ms-格式-检测 +title: x-ms-格式 - 检测 slug: Web/HTML/Global_attributes/x-ms-format-detection tags: - HTML @@ -7,19 +7,19 @@ tags: - 参考 - 属性 translation_of: Web/HTML/Global_attributes/x-ms-format-detection -original_slug: Web/HTML/Global_attributes/x-ms-格式-检测 +original_slug: Web/HTML/Global_attributes/x-ms-格式 - 检测 --- <div>{{HTMLSidebar("Global_attributes")}}{{Non-standard_Header}}</div> -<p>这个 <code><strong>x-ms-format-detection</strong></code> 属性确定元素文本中的数据格式(如电话号码)是否自动转换为可跟踪链接。</p> +<p>这个 <code><strong>x-ms-format-detection</strong></code> 属性确定元素文本中的数据格式 (如电话号码) 是否自动转换为可跟踪链接。</p> -<p>现有的链接(例如带有<code>tel:</code> 计划不受影响。</p> +<p>现有的链接 (例如带有<code>tel:</code> 计划不受影响。</p> <div class="blockIndicator note"> -<p>通过格式检测创建的链接不会出现在DOM中。</p> +<p>通过格式检测创建的链接不会出现在 DOM 中。</p> </div> -<p>{{Non-standard_inline}} 此专有属性是特定于 Internet Explorer 和Microsoft Edge。</p> +<p>{{Non-standard_inline}} 此专有属性是特定于 Internet Explorer 和 Microsoft Edge。</p> <h2 id="语法">语法</h2> diff --git a/files/zh-cn/web/html/index.html b/files/zh-cn/web/html/index.html index 25dc6121c1..69c50a6775 100644 --- a/files/zh-cn/web/html/index.html +++ b/files/zh-cn/web/html/index.html @@ -4,8 +4,8 @@ slug: Web/HTML tags: - HTML - HTML5 - - HTML教程 - - HTML课程 + - HTML 教程 + - HTML 课程 - Web - 主页 - 参考 @@ -63,7 +63,7 @@ translation_of: Web/HTML <dt class="landingPageList"><a href="/zh-CN/docs/Web/HTML/CORS_enabled_image">CORS 处理跨域图片</a></dt> <dd class="landingPageList">通过搭配 {{htmlattrxref("crossorigin", "img")}} 属性和适当的 {{glossary("CORS")}} 标头，在 {{HTMLElement("img")}} 元素中定义的图片可以从外部来源加载并在 {{HTMLElement("canvas")}} 元素中使用，就像是从本地源加载一样。</dd> <dt class="landingPageList"><a href="/zh-CN/docs/Web/HTML/CORS_settings_attributes">CORS 设置属性</a></dt> - <dd class="landingPageList">一些提供了对 <a href="/zh-CN/docs/Web/HTTP/Access_control_CORS">CORS</a> 的支持的 HTML 元素，比如 {{HTMLElement("img")}} 或 {{HTMLElement("video")}} ，具有 <code>crossorigin</code> 元素属性／attribute （<code>crossOrigin</code> 对象属性／property），该属性能使你配置其跨域获取资源的请求。</dd> + <dd class="landingPageList">一些提供了对 <a href="/zh-CN/docs/Web/HTTP/Access_control_CORS">CORS</a> 的支持的 HTML 元素，比如 {{HTMLElement("img")}} 或 {{HTMLElement("video")}} ，具有 <code>crossorigin</code> 元素属性／attribute（<code>crossOrigin</code> 对象属性／property），该属性能使你配置其跨域获取资源的请求。</dd> <dt class="landingPageList"><a href="/zh-CN/docs/Web/HTML/Focus_management_in_HTML">HTML 中的焦点管理</a></dt> <dd class="landingPageList">DOM 属性 <code><a href="/zh-CN/docs/Web/API/Document/activeElement">activeElement</a></code> 以及 DOM 方法 <code><a href="/zh-CN/docs/Web/API/Document/hasFocus">hasFocus()</a></code> 可以帮助你跟踪并控制用户在网页中与各种元素的交互行为。</dd> <dt class="landingPageList"><a href="/zh-CN/docs/Web/HTML/Preloading_content">使用 rel="preload" 预加载页面内容</a></dt> diff --git a/files/zh-cn/web/html/link_types/index.html b/files/zh-cn/web/html/link_types/index.html index ad8004638d..788a0c3ee9 100644 --- a/files/zh-cn/web/html/link_types/index.html +++ b/files/zh-cn/web/html/link_types/index.html @@ -27,21 +27,21 @@ translation_of: Web/HTML/Link_types <td><code>alternate</code></td> <td> <ul> - <li>如果是{{HTMLElement("link")}}元素，并且{{htmlattrxref("rel", "link")}}属性包括stylesheet, 则这个link定义为alternate样式表;那样的话 {{htmlattrxref("title", "link")}} 属性不能为空.</li> - <li>如果{{htmlattrxref("type","link")}}设置为<code>application/rss+xml</code>或者<code>application/atom+xml</code>, 则link被定义为<a href="/en-US/docs/RSS/Getting_Started/Syndicating">syndication feed</a>. 页面中第一个被定义的为默认的。</li> - <li>其它情况link定义为alternate页面: + <li>如果是{{HTMLElement("link")}}元素，并且{{htmlattrxref("rel", "link")}}属性包括 stylesheet，则这个 link 定义为 alternate 样式表;那样的话 {{htmlattrxref("title", "link")}} 属性不能为空。</li> + <li>如果{{htmlattrxref("type","link")}}设置为<code>application/rss+xml</code>或者<code>application/atom+xml</code>, 则 link 被定义为<a href="/en-US/docs/RSS/Getting_Started/Syndicating">syndication feed</a>. 页面中第一个被定义的为默认的。</li> + <li>其它情况 link 定义为 alternate 页面： <ul> - <li>另一种介质,例如手持设备(如果设置了 {{htmlattrxref("media","link")}} 属性),</li> + <li>另一种介质，例如手持设备 (如果设置了 {{htmlattrxref("media","link")}} 属性),</li> <li>另一种语言 (如果设置了{{htmlattrxref("hreflang","link")}} 属性),</li> - <li>另一种格式, 例如PDF (如果设置了{{htmlattrxref("type","link")}} 属性),</li> - <li>或者是以上这些的集合.</li> + <li>另一种格式，例如 PDF (如果设置了{{htmlattrxref("type","link")}} 属性),</li> + <li>或者是以上这些的集合。</li> </ul> </li> </ul> - <p>（译注：<font color="#000000"><font>link的alternate定义了一个可替换的样式表，它和第一个link元素同时使用，第一个定义了首选样式，而alternate则让用户可选择替换的样式。但这个替换操作需要 浏览器支持，但很多浏览器比如IE都是不支持的。</font></font></p> + <p>（译注：<font color="#000000"><font>link 的 alternate 定义了一个可替换的样式表，它和第一个 link 元素同时使用，第一个定义了首选样式，而 alternate 则让用户可选择替换的样式。但这个替换操作需要 浏览器支持，但很多浏览器比如 IE 都是不支持的。</font></font></p> - <p align="left"><font color="#000000"><font>所以使用到替换样式的网页，一般都用一些样式表切换的JS，让用户可以自由切换界面样式。这个应该大家都见过，一些网站会给网页定义多种配色。 稍高阶的一些，还可以利用 JS弄成随时间变化样式的，比如白天的时候显示成明色，晚上的时候显示成暗色。</font></font>）</p> + <p align="left"><font color="#000000"><font>所以使用到替换样式的网页，一般都用一些样式表切换的 JS，让用户可以自由切换界面样式。这个应该大家都见过，一些网站会给网页定义多种配色。 稍高阶的一些，还可以利用 JS 弄成随时间变化样式的，比如白天的时候显示成明色，晚上的时候显示成暗色。</font></font>）</p> </td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td> <td> @@ -52,7 +52,7 @@ translation_of: Web/HTML/Link_types <td> <p><code>archives</code>{{obsolete_inline}}</p> </td> - <td>定义文档的超链接，该文档包含此文件的存档链接. 例如. 一个博客入口可以链接到每月索引页面。<br> + <td>定义文档的超链接，该文档包含此文件的存档链接。例如. 一个博客入口可以链接到每月索引页面。<br> <br> <strong>Note:</strong>虽然可以识别，但单数<code>archive</code>是不正确的，必须避免使用。</td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td> @@ -62,16 +62,16 @@ translation_of: Web/HTML/Link_types <td><code>author</code></td> <td>定义一个超链接到一个描述作者信息的页面或者提供一个方法联系作者。<br> <br> - <strong>Note:</strong> 这个方法可能是mailto:<font face="Consolas, Liberation Mono, Courier, monospace">邮箱链接</font>, 但不推荐这样，这样可能导致机器人发送大量的垃圾邮件到这个邮箱. 这种情况下，最好带一个包含联系方法的页面.。<br> + <strong>Note:</strong> 这个方法可能是 mailto:<font face="Consolas, Liberation Mono, Courier, monospace">邮箱链接</font>, 但不推荐这样，这样可能导致机器人发送大量的垃圾邮件到这个邮箱。这种情况下，最好带一个包含联系方法的页面.。<br> <br> - 在{{HTMLElement("a")}}, {{HTMLElement("area")}} or{{HTMLElement("link")}} 标签的{{htmlattrxref("rev", "link")}}属性上，虽然能够识别 <code>made，但并不正确，应该用</code>{{htmlattrxref("rel", "link")}} 属性替换.</td> + 在{{HTMLElement("a")}}, {{HTMLElement("area")}} or{{HTMLElement("link")}} 标签的{{htmlattrxref("rev", "link")}}属性上，虽然能够识别 <code>made，但并不正确，应该用</code>{{htmlattrxref("rel", "link")}} 属性替换。</td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td> <td><em>None.</em></td> </tr> <tr> <td><code>bookmark</code></td> - <td>表明这个链接是一个固定链接，对于最近的{{HTMLElement("article")}} 祖先标签. 如果没有，则表最近的section标签<br> - bookmark允许标识一个包括多个文档的页面，例如每月汇总的博客页面，或者博客集合。</td> + <td>表明这个链接是一个固定链接，对于最近的{{HTMLElement("article")}} 祖先标签。如果没有，则表最近的 section 标签<br> + bookmark 允许标识一个包括多个文档的页面，例如每月汇总的博客页面，或者博客集合。</td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td> <td>{{HTMLElement("link")}}</td> </tr> @@ -79,14 +79,14 @@ translation_of: Web/HTML/Link_types <td><code>canonical</code></td> <td> <p>来自维基百科: <a href="https://en.wikipedia.org/wiki/Canonical_link_element">Canonical_link_element</a><br> - 规范链接元素是一个HTML元素，它通过指定web页面的“规范”或“首选”版本作为搜索引擎优化的一部分，帮助网站管理员防止重复的内容问题。</p> + 规范链接元素是一个 HTML 元素，它通过指定 web 页面的“规范”或“首选”版本作为搜索引擎优化的一部分，帮助网站管理员防止重复的内容问题。</p> </td> <td>{{HTMLElement("link")}} </td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("form")}}</td> </tr> <tr> <td><code>dns-prefetch</code>{{experimental_inline}}</td> - <td>提示浏览器该资源需要在用户点击链接之前进行DNS查询和协议握手.</td> + <td>提示浏览器该资源需要在用户点击链接之前进行 DNS 查询和协议握手。</td> <td>{{HTMLElement("link")}}</td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td> </tr> @@ -112,8 +112,8 @@ translation_of: Web/HTML/Link_types <td><code>help</code></td> <td> <ul> - <li>如果是一个{{HTMLElement("a")}} 或者 {{HTMLElement("area")}}标签, help表明这个链接，链接到一个关于父亲标签和它的后代的进一步帮助资源;</li> - <li>如果是一个{{HTMLElement("link")}}标签，help表明这个链接，链接到一个关于整个页面的进一步帮助资源.</li> + <li>如果是一个{{HTMLElement("a")}} 或者 {{HTMLElement("area")}}标签，help 表明这个链接，链接到一个关于父亲标签和它的后代的进一步帮助资源;</li> + <li>如果是一个{{HTMLElement("link")}}标签，help 表明这个链接，链接到一个关于整个页面的进一步帮助资源。</li> </ul> </td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td> @@ -124,11 +124,11 @@ translation_of: Web/HTML/Link_types <td> <p>定义一个在用户界面上代表这个页面的资源，通常是一个图标（包括声音和图像）<br> <br> - {{htmlattrxref("media","link")}}, {{htmlattrxref("type","link")}} and {{htmlattrxref("sizes","link")}} 属性允许浏览器选择其上下文中最合适的图标.如果多种资源符合条件，浏览器会选择最后一个。</p> + {{htmlattrxref("media","link")}}, {{htmlattrxref("type","link")}} and {{htmlattrxref("sizes","link")}} 属性允许浏览器选择其上下文中最合适的图标。如果多种资源符合条件，浏览器会选择最后一个。</p> - <p>在树型序列中，由于这些属性只是提示, 并且这这些资源在进一步检查时可能是不适合的,浏览器可能选择另一个适合的.<br> + <p>在树型序列中，由于这些属性只是提示，并且这这些资源在进一步检查时可能是不适合的，浏览器可能选择另一个适合的。<br> <br> - <strong>Note:</strong> 苹果iOS不支持此链接类型, 也不支持 {{htmlattrxref("sizes","link")}}属性, 就像其他移动端浏览器一样，为了Web Clip或者启动点位符选择一个页面图标。分别可使用不是标准方法的<a href="http://edr.euro.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> 和<a href="http://edr.euro.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a> 替代.<br> + <strong>Note:</strong> 苹果 iOS 不支持此链接类型，也不支持 {{htmlattrxref("sizes","link")}}属性，就像其他移动端浏览器一样，为了 Web Clip 或者启动点位符选择一个页面图标。分别可使用不是标准方法的<a href="http://edr.euro.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> 和<a href="http://edr.euro.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a> 替代。<br> <br> <code><font face="Open Sans, Arial, sans-serif">在之前，经常可以看到</font>shortcut</code>,但他不是标准的，<strong>应该不再使用</strong>。</p> </td> @@ -159,7 +159,7 @@ translation_of: Web/HTML/Link_types <td> <p>表明该超链接指向当前页面所在序列中的最后资源。</p> - <p><strong>Note:</strong>该序列中其他相关链接资源的link的type值是<code>first</code>, <code>prev</code>, <code>next。</code></p> + <p><strong>Note:</strong>该序列中其他相关链接资源的 link 的 type 值是<code>first</code>, <code>prev</code>, <code>next。</code></p> <p>虽然可以识别，但同义词<code>end</code>是不正确的，必须避免使用。</p> </td> @@ -196,14 +196,14 @@ translation_of: Web/HTML/Link_types <td> <p>表明该超链接指向的是当前页面所在序列中的下一个资源。<br> <br> - <strong>注意：</strong>该序列中其他相关链接资源的link的type值是<code>first</code>, <code>prev</code>, <code>last。</code></p> + <strong>注意：</strong>该序列中其他相关链接资源的 link 的 type 值是<code>first</code>, <code>prev</code>, <code>last。</code></p> </td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td> <td><em>None.</em></td> </tr> <tr> <td><code>nofollow</code></td> - <td>表示本文档的作者不想宣传链接的文档，例如，它是不受控的，它是一个坏的例子或如果它们有商业关系（销售环节）。nofollow主要是被一些使用人气排名技术的搜索引擎所使用。</td> + <td>表示本文档的作者不想宣传链接的文档，例如，它是不受控的，它是一个坏的例子或如果它们有商业关系（销售环节）。nofollow 主要是被一些使用人气排名技术的搜索引擎所使用。</td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td> <td>{{HTMLElement("link")}}</td> </tr> @@ -212,9 +212,9 @@ translation_of: Web/HTML/Link_types <p><code>noopener</code></p> </td> <td> - <p>指示浏览器打开链接而不授予新的浏览上下文对打开它的文档的访问权限-通过在打开的窗口中不设置{{domxref("Window.opener")}}属性（返回null）。</p> + <p>指示浏览器打开链接而不授予新的浏览上下文对打开它的文档的访问权限 - 通过在打开的窗口中不设置{{domxref("Window.opener")}}属性（返回 null）。</p> - <p>当打开不受信任的链接时，这特别有用，以确保它们无法通过{{domxref("Window.opener")}}属性来篡改原始文档（有关更多详细信息，请参阅 <a href="https://mathiasbynens.github.io/rel-noopener/">About rel=noopener</a>），同时仍提供 Referer HTTP标头（除非也使用noreferrer）。</p> + <p>当打开不受信任的链接时，这特别有用，以确保它们无法通过{{domxref("Window.opener")}}属性来篡改原始文档（有关更多详细信息，请参阅 <a href="https://mathiasbynens.github.io/rel-noopener/">About rel=noopener</a>），同时仍提供 Referer HTTP 标头（除非也使用 noreferrer）。</p> <p>请注意，使用<code>noopener</code>时，在决定是否打开新窗口/选项卡方面，除<code>_top</code>，<code>_self</code>和<code>_parent</code> 以外的非空目标名称都被视为<code>_blank</code> 。</p> </td> @@ -224,15 +224,15 @@ translation_of: Web/HTML/Link_types <tr> <td><code>noreferrer</code></td> <td> - <p>阻止浏览器导航到另一个页面时，通过Referer：HTTP header将该页面地址或任何其他值作为Referrer发送。<br> - （在Firefox 37之前的Firefox中，此功能仅在页面中找到的链接中有效。在UI中单击的链接（例如通过上下文菜单“在新选项卡中打开”）被忽略了）。</p> + <p>阻止浏览器导航到另一个页面时，通过 Referer：HTTP header 将该页面地址或任何其他值作为 Referrer 发送。<br> + （在 Firefox 37 之前的 Firefox 中，此功能仅在页面中找到的链接中有效。在 UI 中单击的链接（例如通过上下文菜单“在新选项卡中打开”）被忽略了）。</p> </td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td> <td>{{HTMLElement("link")}}</td> </tr> <tr> <td><code>opener</code> {{Experimental_Inline}}</td> - <td>恢复带有<code>target="_blank"</code>的链接上的隐式<code>rel="noopener"</code>添加（请参阅<a href="https://github.com/whatwg/html/issues/4078">相关的HMTL规范讨论</a>, <a href="https://trac.webkit.org/changeset/237144/webkit/">WebKit change</a>和<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1503681">Firefox bug discussion</a>）。</td> + <td>恢复带有<code>target="_blank"</code>的链接上的隐式<code>rel="noopener"</code>添加（请参阅<a href="https://github.com/whatwg/html/issues/4078">相关的 HMTL 规范讨论</a>, <a href="https://trac.webkit.org/changeset/237144/webkit/">WebKit change</a>和<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1503681">Firefox bug discussion</a>）。</td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}},<br> {{HTMLElement("form")}}</td> <td>{{HTMLElement("link")}}</td> @@ -241,9 +241,9 @@ translation_of: Web/HTML/Link_types <td><code>pingback</code><br> </td> <td> - <p>定义一个外部资源URI，以便在对该网页发表评论或引用时调用。 在 <a href="http://www.hixie.ch/specs/pingback/pingback">Pingback 1.0</a> 规范中定义了用于进行此类调用的协议。</p> + <p>定义一个外部资源 URI，以便在对该网页发表评论或引用时调用。 在 <a href="http://www.hixie.ch/specs/pingback/pingback">Pingback 1.0</a> 规范中定义了用于进行此类调用的协议。</p> - <p>注意：如果还存在X-Pingback：HTTP标头，则此标头优先于具有这种链接类型的{{HTMLElement("link")}}元素</p> + <p>注意：如果还存在 X-Pingback：HTTP 标头，则此标头优先于具有这种链接类型的{{HTMLElement("link")}}元素</p> </td> <td>{{HTMLElement("link")}}</td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td> @@ -259,7 +259,7 @@ translation_of: Web/HTML/Link_types <tr> <td><a href="/zh-CN/docs/Web/HTML/Link_types/prefetch"><code>prefetch</code></a></td> <td>提示浏览器提前加载链接的资源，因为它可能会被用户请求。 - <p>建议浏览器提前获取链接的资源，因为它很可能会被用户请求。 从Firefox 44开始，考虑了{{HTMLAttrxRef("crossorigin", "link")}}属性的值，从而可以进行匿名预取。</p> + <p>建议浏览器提前获取链接的资源，因为它很可能会被用户请求。 从 Firefox 44 开始，考虑了{{HTMLAttrxRef("crossorigin", "link")}}属性的值，从而可以进行匿名预取。</p> <p>注意：<a href="/en-US/docs/Link_prefetching_FAQ">Link Prefetch FAQ</a>详细说明了可以预取的链接以及替代方法。</p> </td> @@ -300,7 +300,7 @@ translation_of: Web/HTML/Link_types <td> <p>表示超链接引用了一个文档，该文档的接口专门设计用于在此文档或站点及其资源中进行搜索。</p> - <p>如果将{{htmlattrxref("type","link")}}属性设置为<code>application/opensearchdescription+xml</code>，则该资源是<a href="/en-US/docs/Creating_OpenSearch_plugins_for_Firefox">OpenSearch 插件</a>，可以轻松将其添加到Firefox或Internet Explorer等某些浏览器的界面中。</p> + <p>如果将{{htmlattrxref("type","link")}}属性设置为<code>application/opensearchdescription+xml</code>，则该资源是<a href="/en-US/docs/Creating_OpenSearch_plugins_for_Firefox">OpenSearch 插件</a>，可以轻松将其添加到 Firefox 或 Internet Explorer 等某些浏览器的界面中。</p> </td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td> <td><em>None.</em></td> @@ -320,7 +320,7 @@ translation_of: Web/HTML/Link_types <td> <p>表示超链接指向的资源更适合于辅助浏览上下文，如侧边栏。 没有此类上下文的浏览器将忽略此关键字。</p> - <p>虽然它曾经是HTML规范的一部分，但已从规范中删除，仅由Firefox 63之前的Firefox版本实现。</p> + <p>虽然它曾经是 HTML 规范的一部分，但已从规范中删除，仅由 Firefox 63 之前的 Firefox 版本实现。</p> </td> <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td> <td>{{HTMLElement("form")}}</td> diff --git a/files/zh-cn/web/html/link_types/preload/index.html b/files/zh-cn/web/html/link_types/preload/index.html index 17b8eb4af4..e73d6338d8 100644 --- a/files/zh-cn/web/html/link_types/preload/index.html +++ b/files/zh-cn/web/html/link_types/preload/index.html @@ -12,7 +12,7 @@ translation_of: Web/HTML/Link_types/preload --- <p><span class="seoSummary">关键字 <strong><code>preload</code></strong> 作为元素 {{HTMLElement("link")}} 的属性 {{HTMLAttrxRef("rel", "link")}} 的值，表示用户十分有可能需要在当前浏览中加载目标资源，所以浏览器必须预先获取和缓存对应资源。 </span></p> -<p>更多细节见<a href="/zh-CN/docs/Web/HTML/Preloading_content">通过rel="preload"进行内容预加载</a>。</p> +<p>更多细节见<a href="/zh-CN/docs/Web/HTML/Preloading_content">通过 rel="preload"进行内容预加载</a>。</p> <h2 id="Specifications" name="Specifications">规范</h2> diff --git a/files/zh-cn/web/html/microdata/index.html b/files/zh-cn/web/html/microdata/index.html index 1380d6b9aa..0350b4e993 100644 --- a/files/zh-cn/web/html/microdata/index.html +++ b/files/zh-cn/web/html/microdata/index.html @@ -7,9 +7,9 @@ translation_of: Web/HTML/Microdata --- <h2 id="概要">概要</h2> -<p>微数据是<a href="https://developer.mozilla.org/en-US/docs/Glossary/WHATWG">WHATWG</a> HTML标准的一部分，用于在网页上的现有内容中嵌套元数据。[1]搜索引擎，网络抓取工具和浏览器可以从网页中提取和处理微数据，并使用它为用户提供更丰富的浏览体验。搜索引擎从直接访问此结构化数据中受益匪浅，因为它允许搜索引擎了解网页上的信息并向用户提供更相关的结果。微数据使用支持词汇表来描述项目和名称 - 值对，以便为其属性赋值。与使用RDFa和微格式的类似方法相比，微数据试图提供一种使用机器可读标签注释HTML元素的简单方法。</p> +<p>微数据是<a href="https://developer.mozilla.org/en-US/docs/Glossary/WHATWG">WHATWG</a> HTML 标准的一部分，用于在网页上的现有内容中嵌套元数据。[1] 搜索引擎，网络抓取工具和浏览器可以从网页中提取和处理微数据，并使用它为用户提供更丰富的浏览体验。搜索引擎从直接访问此结构化数据中受益匪浅，因为它允许搜索引擎了解网页上的信息并向用户提供更相关的结果。微数据使用支持词汇表来描述项目和名称 - 值对，以便为其属性赋值。与使用 RDFa 和微格式的类似方法相比，微数据试图提供一种使用机器可读标签注释 HTML 元素的简单方法。</p> -<p>高级的微数据由一组name-value对组成。这些组称为项，每个name-value对都是一个属性。项目和属性由常规元素表示。</p> +<p>高级的微数据由一组 name-value 对组成。这些组称为项，每个 name-value 对都是一个属性。项目和属性由常规元素表示。</p> <ul> <li>创建项目，请使用<strong>itemscope</strong>属性。</li> @@ -18,13 +18,13 @@ translation_of: Web/HTML/Microdata <h2 id="词汇表">词汇表</h2> -<p>谷歌和其他主要搜索引擎支持结构化数据的<a href="schema.org">Schema.org</a>词汇表。此词汇表定义了一组标准类型名称和属性名称，例如，<a href="http://schema.org/MusicEvent">Schema.org Music Event</a>表示音乐会表演，<a href="http://schema.org/startDate">startDate</a>和<a href="http://schema.org/location">location</a> 属性用于指定音乐会的关键细节。在这种情况下，<a href="http://schema.org/MusicEvent">Schema.org Music Event</a>将是<code>itemtype</code>和<code>startDate</code>使用的URL，而<code>location</code>将是<a href="http://schema.org/MusicEvent">Schema.org Music Event</a> 定义的<code>itemprop</code>。</p> +<p>谷歌和其他主要搜索引擎支持结构化数据的<a href="schema.org">Schema.org</a>词汇表。此词汇表定义了一组标准类型名称和属性名称，例如，<a href="http://schema.org/MusicEvent">Schema.org Music Event</a>表示音乐会表演，<a href="http://schema.org/startDate">startDate</a>和<a href="http://schema.org/location">location</a> 属性用于指定音乐会的关键细节。在这种情况下，<a href="http://schema.org/MusicEvent">Schema.org Music Event</a>将是<code>itemtype</code>和<code>startDate</code>使用的 URL，而<code>location</code>将是<a href="http://schema.org/MusicEvent">Schema.org Music Event</a> 定义的<code>itemprop</code>。</p> <div class="note"> -<p><strong>注意:</strong> 有关itemtype属性的更多信息，请访问<a href="http://schema.org/Thing">http://schema.org/Thing</a>。</p> +<p><strong>注意：</strong> 有关 itemtype 属性的更多信息，请访问<a href="http://schema.org/Thing">http://schema.org/Thing</a>。</p> </div> -<p>微数据词汇表提供了项目的语义或含义。 Web开发人员可以设计自定义词汇表或使用Web上可用的词汇表，例如广泛使用的<a href="http://schema.org">schema.org</a> 词汇表。 <a href="http://schema.org">schema.org</a> 提供了一组常用的标记词汇表。</p> +<p>微数据词汇表提供了项目的语义或含义。 Web 开发人员可以设计自定义词汇表或使用 Web 上可用的词汇表，例如广泛使用的<a href="http://schema.org">schema.org</a> 词汇表。 <a href="http://schema.org">schema.org</a> 提供了一组常用的标记词汇表。</p> <p>常用词汇：</p> @@ -47,19 +47,19 @@ translation_of: Web/HTML/Microdata <h2 id="本地化">本地化</h2> -<p>在某些情况下，覆盖特定区域的搜索引擎可以提供微数据的本地特定扩展。例如，<a href="https://www.yandex.com/">Yandex</a>是俄罗斯的主要搜索引擎，支持微格式，如hCard（公司联系信息），hRecipe（食品配方），hReview（市场评论）和hProduct（产品数据），并提供自己的格式来定义术语和百科全书文章。这个扩展是为了解决西里尔字母和拉丁字母之间的音译问题。由于Schema词汇表的附加标记参数的实现，俄语网页中的信息索引变得更加成功。</p> +<p>在某些情况下，覆盖特定区域的搜索引擎可以提供微数据的本地特定扩展。例如，<a href="https://www.yandex.com/">Yandex</a>是俄罗斯的主要搜索引擎，支持微格式，如 hCard（公司联系信息），hRecipe（食品配方），hReview（市场评论）和 hProduct（产品数据），并提供自己的格式来定义术语和百科全书文章。这个扩展是为了解决西里尔字母和拉丁字母之间的音译问题。由于 Schema 词汇表的附加标记参数的实现，俄语网页中的信息索引变得更加成功。</p> <h2 id="全局属性">全局属性</h2> <p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemid">itemid </a>– 项的唯一全局标识符。</p> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop">itemprop </a>– 用于向项添加属性。每个HTML元素都可以指定一个itemprop属性，其中itemprop由一个名称和值对组成。</p> +<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop">itemprop </a>– 用于向项添加属性。每个 HTML 元素都可以指定一个 itemprop 属性，其中 itemprop 由一个名称和值对组成。</p> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemref">itemref </a>– 不具有<code>itemscope</code>属性的元素的后代的属性可以使用<strong>itemref</strong>与项目相关联。 Itemref提供了元素id列表（而不是<code>itemids</code>）以及文档中其他位置的其他属性。</p> +<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemref">itemref </a>– 不具有<code>itemscope</code>属性的元素的后代的属性可以使用<strong>itemref</strong>与项目相关联。 Itemref 提供了元素 id 列表（而不是<code>itemids</code>）以及文档中其他位置的其他属性。</p> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemscope">itemscope </a>– Itemscope（通常）与<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemtype">itemtype</a>一起使用，以指定块中包含的关于特定项目的HTML。 itemscope创建Item并定义与之关联的itemtype的范围。 itemtype是描述项及其属性上下文的词汇表（例如<a class="external external-icon" href="http://schema.org/">schema.org</a>）的有效URL。</p> +<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemscope">itemscope </a>– Itemscope（通常）与<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemtype">itemtype</a>一起使用，以指定块中包含的关于特定项目的 HTML。 itemscope 创建 Item 并定义与之关联的 itemtype 的范围。 itemtype 是描述项及其属性上下文的词汇表（例如<a class="external external-icon" href="http://schema.org/">schema.org</a>）的有效 URL。</p> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemtype">itemtype </a>– 指定将用于在数据结构中定义itemprop（项属性）的词汇表的URL。 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemscope">Itemscope</a> 用于设置数据结构中按itemtype设置的词汇表的有效范围。</p> +<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemtype">itemtype </a>– 指定将用于在数据结构中定义 itemprop（项属性）的词汇表的 URL。 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemscope">Itemscope</a> 用于设置数据结构中按 itemtype 设置的词汇表的有效范围。</p> <h2 id="示例">示例</h2> @@ -155,12 +155,12 @@ translation_of: Web/HTML/Microdata <p>{{ EmbedLiveSample('HTML', '', '100', '', 'Web/HTML/Microdata') }}</p> <div class="note"> -<p><strong>注意</strong>: 从HTML中提取微数据结构的便捷工具是Google的<a href="https://developers.google.com/structured-data/testing-tool/ Structured Data Testing Tool">Structured Data Testing Tool</a>。在上面显示的HTML上尝试一下。</p> +<p><strong>注意</strong>: 从 HTML 中提取微数据结构的便捷工具是 Google 的<a href="https://developers.google.com/structured-data/testing-tool/ Structured Data Testing Tool">Structured Data Testing Tool</a>。在上面显示的 HTML 上尝试一下。</p> </div> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>在Firefox 16中支持，在Firefox 49中移除。</p> +<p>在 Firefox 16 中支持，在 Firefox 49 中移除。</p> <h2 id="相关链接">相关链接</h2> diff --git a/files/zh-cn/web/html/quirks_mode_and_standards_mode/index.html b/files/zh-cn/web/html/quirks_mode_and_standards_mode/index.html index c726d21f1d..1aec0810ca 100644 --- a/files/zh-cn/web/html/quirks_mode_and_standards_mode/index.html +++ b/files/zh-cn/web/html/quirks_mode_and_standards_mode/index.html @@ -25,7 +25,7 @@ translation_of: Web/HTML/Quirks_Mode_and_Standards_Mode </body> </html></pre> -<p>范例中的DOCTYPE，<code><!DOCTYPE html></code>，是所有可用的 DOCTYPE 之中最简单的，也是 HTML5 所推荐的。HTML 的早期变种也属于推荐标准，不过，当今的浏览器都会对这个 DOCTYPE 使用标准模式，就算是早已过时的 Internet Explorer 6 也一样。目前，并没有正当的理由，去使用其他更复杂的 DOCTYPE。如果你使用其他的 DOCTYPE，你可能会面临触发接近标准模式或者怪异模式的风险。</p> +<p>范例中的 DOCTYPE，<code><!DOCTYPE html></code>，是所有可用的 DOCTYPE 之中最简单的，也是 HTML5 所推荐的。HTML 的早期变种也属于推荐标准，不过，当今的浏览器都会对这个 DOCTYPE 使用标准模式，就算是早已过时的 Internet Explorer 6 也一样。目前，并没有正当的理由，去使用其他更复杂的 DOCTYPE。如果你使用其他的 DOCTYPE，你可能会面临触发接近标准模式或者怪异模式的风险。</p> <p>请确定你把 DOCTYPE 正确地置于 HTML 文件的顶端。如果有任何其他字符位于 DOCTYPE 之前，比如注释或 XML 声明，会导致 Internet Explorer 9 或更早期的浏览器触发怪异模式。</p> diff --git a/files/zh-cn/web/html/reference/index.html b/files/zh-cn/web/html/reference/index.html index f4ae1096ab..46cdc05e16 100644 --- a/files/zh-cn/web/html/reference/index.html +++ b/files/zh-cn/web/html/reference/index.html @@ -20,9 +20,9 @@ translation_of: Web/HTML/Reference <dl> <dd></dd> <dt><a href="/zh-CN/docs/Web/HTML/Element">HTML 元素参考</a></dt> - <dd>此页面列出了所有 tag创建的 HTML elements 。它们按功能分组，以帮助您轻松找到想要的内容。页面左侧边栏中列出了所有元素，当然也包含在了这个页面中。</dd> + <dd>此页面列出了所有 tag 创建的 HTML elements 。它们按功能分组，以帮助您轻松找到想要的内容。页面左侧边栏中列出了所有元素，当然也包含在了这个页面中。</dd> <dt><a href="/zh-CN/docs/Web/HTML/Attributes">HTML 属性参考</a></dt> - <dd>HTML中的元素是有属性的；这些额外的属性值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。</dd> + <dd>HTML 中的元素是有属性的；这些额外的属性值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。</dd> <dt><a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a></dt> <dd></dd> <dt><a href="/zh-CN/docs/Web/HTML/Link_types">链接类型</a></dt> |