diff options
Diffstat (limited to 'files/zh-cn/web/html/global_attributes')
20 files changed, 91 insertions, 91 deletions
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> |