diff options
Diffstat (limited to 'files')
179 files changed, 484 insertions, 484 deletions
diff --git a/files/zh-cn/glossary/element/index.html b/files/zh-cn/glossary/element/index.html index c5ac84aedb..b81463c1f1 100644 --- a/files/zh-cn/glossary/element/index.html +++ b/files/zh-cn/glossary/element/index.html @@ -17,7 +17,7 @@ original_slug: Glossary/元素 <h2 id="相关信息">相关信息</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">开始学习 HTML</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements">自定义元素（Custom elements）</a></li> + <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Getting_started">开始学习 HTML</a></li> + <li><a href="/zh-CN/docs/Web/Web_Components/Using_custom_elements">自定义元素（Custom elements）</a></li> <li>{{domxref("Element")}} 接口，在 DOM 中表示一个元素</li> </ul> diff --git a/files/zh-cn/glossary/http_3/index.html b/files/zh-cn/glossary/http_3/index.html index cda37ad664..abd624776b 100644 --- a/files/zh-cn/glossary/http_3/index.html +++ b/files/zh-cn/glossary/http_3/index.html @@ -7,7 +7,7 @@ tags: - 需求内容 translation_of: Glossary/HTTP_3 --- -<p><strong><font><font>HTTP/3</font></font></strong><font><font>是</font></font><font><font>继</font></font>{{glossary("HTTP 2", "HTTP/2")}}<font><font>即将到来的</font><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP"><font>HTTP网络协议的</font></a><font>主要修订版。</font></font><font><font>HTTP/3的要点是它使用名为QUIC</font><font>的新</font></font>{{glossary("UDP")}}<font><font>协议代替</font></font>{{glossary("TCP")}}<font><font>。</font></font></p> +<p><strong><font><font>HTTP/3</font></font></strong><font><font>是</font></font><font><font>继</font></font>{{glossary("HTTP 2", "HTTP/2")}}<font><font>即将到来的</font><a href="/zh-CN/docs/Web/HTTP/Basics_of_HTTP"><font>HTTP网络协议的</font></a><font>主要修订版。</font></font><font><font>HTTP/3的要点是它使用名为QUIC</font><font>的新</font></font>{{glossary("UDP")}}<font><font>协议代替</font></font>{{glossary("TCP")}}<font><font>。</font></font></p> <section class="Quick_links" id="Quick_Links"> <ol> diff --git a/files/zh-cn/glossary/semantics/index.html b/files/zh-cn/glossary/semantics/index.html index 201d6e91c1..b7285a1439 100644 --- a/files/zh-cn/glossary/semantics/index.html +++ b/files/zh-cn/glossary/semantics/index.html @@ -24,7 +24,7 @@ original_slug: Glossary/语义 <pre class="brush: html"><h1>This is a top level heading</h1></pre> -<p>默认情况下，绝大多数浏览器的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Cascade#User-agent_stylesheets">user agent stylesheet</a> 将会赋予一个 {{htmlelement("h1")}} 元素很大的字号尺寸从而使它看上去更像是一个标题（虽然你可以把它格式化为任何你想要的样式），但是更重要的是它的语义会被在很多地方以不同的方式被使用到， 例如搜索引擎会把它包含的内容作为一个重要的关键词，从而影响这个页面在搜索结果中的排序（参见{{ glossary ("SEO")}}），而且屏幕阅读器会使用它来帮助视障用户更好的使用这个页面。</p> +<p>默认情况下，绝大多数浏览器的 <a href="/zh-CN/docs/Web/CSS/Cascade#User-agent_stylesheets">user agent stylesheet</a> 将会赋予一个 {{htmlelement("h1")}} 元素很大的字号尺寸从而使它看上去更像是一个标题（虽然你可以把它格式化为任何你想要的样式），但是更重要的是它的语义会被在很多地方以不同的方式被使用到， 例如搜索引擎会把它包含的内容作为一个重要的关键词，从而影响这个页面在搜索结果中的排序（参见{{ glossary ("SEO")}}），而且屏幕阅读器会使用它来帮助视障用户更好的使用这个页面。</p> <p>另一方面，你可以通过样式（CSS）来让任何的元素<em>看上去</em>像是一个最高级别的标题，就像下面所展示的方法一样：</p> @@ -73,7 +73,7 @@ original_slug: Glossary/语义 <li><a href="/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#Problems_solved_by_HTML5">Using HTML sections and outlines</a> on MDN</li> <li><a href="http://www.w3schools.com/html/html5_semantic_elements.asp">HTML5 Semantic Elements</a> on w3schools</li> <li>{{interwiki("wikipedia", "Semantics#Computer_science", "The meaning of semantics in computer science")}} on Wikipedia</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary">MDN Web Docs Glossary</a> + <li><a href="/zh-CN/docs/Glossary">MDN Web Docs Glossary</a> <ul> <li>{{Glossary("SEO")}}</li> </ul> diff --git a/files/zh-cn/glossary/time_to_first_byte/index.html b/files/zh-cn/glossary/time_to_first_byte/index.html index 2fbd4fa934..e62ab4ec24 100644 --- a/files/zh-cn/glossary/time_to_first_byte/index.html +++ b/files/zh-cn/glossary/time_to_first_byte/index.html @@ -4,7 +4,7 @@ slug: Glossary/time_to_first_byte translation_of: Glossary/time_to_first_byte original_slug: Glossary/第一字节时间 --- -<p><strong>第一字节时间</strong>（TTFB）是指从浏览器请求页面到从浏览器接收来自服务器发送的信息的第一个字节的时间。这一次包括DNS查找和使用（三次）<a href="/en-US/docs/Glossary/TCP">TCP</a>握手和<a href="/en-US/docs/Glossary/SSL_Glossary">SSL</a>握手建立连接（如果请求是通过<a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/https">https</a>发出的）。</p> +<p><strong>第一字节时间</strong>（TTFB）是指从浏览器请求页面到从浏览器接收来自服务器发送的信息的第一个字节的时间。这一次包括DNS查找和使用（三次）<a href="/en-US/docs/Glossary/TCP">TCP</a>握手和<a href="/en-US/docs/Glossary/SSL_Glossary">SSL</a>握手建立连接（如果请求是通过<a href="/zh-CN/docs/Glossary/https">https</a>发出的）。</p> diff --git a/files/zh-cn/learn/common_questions/what_are_browser_developer_tools/index.html b/files/zh-cn/learn/common_questions/what_are_browser_developer_tools/index.html index 2626700a44..fe698d1655 100644 --- a/files/zh-cn/learn/common_questions/what_are_browser_developer_tools/index.html +++ b/files/zh-cn/learn/common_questions/what_are_browser_developer_tools/index.html @@ -161,7 +161,7 @@ original_slug: Learn/Discover_browser_developer_tools <p>了解不同浏览器中的JavaScript调试器：</p> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger">Firefox JavaScript Debugger</a></li> + <li><a href="/zh-CN/docs/Tools/Debugger">Firefox JavaScript Debugger</a></li> <li><a href="https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/debugger">Microsoft Edge Debugger</a></li> <li><a href="https://developers.google.com/web/tools/chrome-devtools/javascript/">Chrome Debugger</a></li> <li><a href="https://developer.apple.com/safari/tools/">Safari Debugger</a></li> diff --git a/files/zh-cn/learn/css/building_blocks/backgrounds_and_borders/index.html b/files/zh-cn/learn/css/building_blocks/backgrounds_and_borders/index.html index ebbfda7feb..5bf5e8b8f0 100644 --- a/files/zh-cn/learn/css/building_blocks/backgrounds_and_borders/index.html +++ b/files/zh-cn/learn/css/building_blocks/backgrounds_and_borders/index.html @@ -38,7 +38,7 @@ translation_of: Learn/CSS/Building_blocks/Backgrounds_and_borders <p>在下面的示例中，我们使用了各种颜色值来为元素盒子添加背景颜色：heading和{{htmlelement("span")}}元素。</p> -<p><strong>尝试修改为任何可用的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/color_value"><color></a> 值。</strong></p> +<p><strong>尝试修改为任何可用的 <a href="/zh-CN/docs/Web/CSS/color_value"><color></a> 值。</strong></p> <p>{{EmbedGHLiveSample("css-examples/learn/backgrounds-borders/color.html", '100%', 800)}}</p> @@ -242,7 +242,7 @@ background-position: 10px 20px, top right;</pre> } </code></pre> <div class="blockIndicator note"> -<p><strong>注意</strong>：这些顶部、右侧、底部和左侧边框属性还具有与文档写入模式相关的映射逻辑属性(例如，从左到右或从右到左的文本，或从上到下)。在下一课中，我们将探讨这些问题，这包括处理不同的文本指示 <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Handling_different_text_directions">详情</a>。</p> +<p><strong>注意</strong>：这些顶部、右侧、底部和左侧边框属性还具有与文档写入模式相关的映射逻辑属性(例如，从左到右或从右到左的文本，或从上到下)。在下一课中，我们将探讨这些问题，这包括处理不同的文本指示 <a href="/zh-CN/docs/Learn/CSS/Building_blocks/Handling_different_text_directions">详情</a>。</p> </div> <p><strong>有各种各样的样式可以用于边框。在下面的例子中，为框的四个边使用了不同的边框样式。调整边框样式、宽度和颜色，看看边框是如何工作的。</strong></p> diff --git a/files/zh-cn/learn/css/building_blocks/debugging_css/index.html b/files/zh-cn/learn/css/building_blocks/debugging_css/index.html index 50203520bd..04abdac441 100644 --- a/files/zh-cn/learn/css/building_blocks/debugging_css/index.html +++ b/files/zh-cn/learn/css/building_blocks/debugging_css/index.html @@ -11,7 +11,7 @@ translation_of: Learn/CSS/Building_blocks/Debugging_CSS <tbody> <tr> <th scope="row">必备条件:</th> - <td>会使用计算机、<a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software">安装基础软件</a>、基本了解<a href="https://developer.mozilla.org/zh-CN/Learn/Getting_started_with_the_web/Dealing_with_files">文件处理</a>、有 HTML 基础（请参考<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML"> HTML 导论</a>）、了解 CSS 工作（请参考 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps">CSS first steps</a>）。</td> + <td>会使用计算机、<a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software">安装基础软件</a>、基本了解<a href="https://developer.mozilla.org/zh-CN/Learn/Getting_started_with_the_web/Dealing_with_files">文件处理</a>、有 HTML 基础（请参考<a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML"> HTML 导论</a>）、了解 CSS 工作（请参考 <a href="/zh-CN/docs/Learn/CSS/First_steps">CSS first steps</a>）。</td> </tr> <tr> <th scope="row">目标:</th> @@ -22,19 +22,19 @@ translation_of: Learn/CSS/Building_blocks/Debugging_CSS <h2 id="如何使用浏览器开发者工具">如何使用浏览器开发者工具</h2> -<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">What are browser developer tools</a> 解释了如何在不同的浏览器和平台上打开这些工具。你可能会选择大部分时间在某个浏览器上开发去熟悉里面的工具，不过你还是有必要了解如何在其它浏览器中打开同样的工具。要是你看到多个浏览器间不同的渲染结果，这就会很方便了。</p> +<p><a href="/zh-CN/docs/Learn/Common_questions/What_are_browser_developer_tools">What are browser developer tools</a> 解释了如何在不同的浏览器和平台上打开这些工具。你可能会选择大部分时间在某个浏览器上开发去熟悉里面的工具，不过你还是有必要了解如何在其它浏览器中打开同样的工具。要是你看到多个浏览器间不同的渲染结果，这就会很方便了。</p> -<p>你还会发现，不同的浏览器弹出开发者工具时会选择把重点放到不同的区域。例如，Firefox 有不错的工具用来可视化处理 CSS 布局，让你能够检查和编辑 <a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">Grid Layouts</a>、<a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_Flexbox_layouts">Flexbox</a>、<a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_CSS_shapes">Shapes</a>。不过，浏览器都有类似的基础工具用来检查作用于页面元素的 CSS 属性和值，并对它们进行更改。</p> +<p>你还会发现，不同的浏览器弹出开发者工具时会选择把重点放到不同的区域。例如，Firefox 有不错的工具用来可视化处理 CSS 布局，让你能够检查和编辑 <a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">Grid Layouts</a>、<a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_Flexbox_layouts">Flexbox</a>、<a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Edit_CSS_shapes">Shapes</a>。不过，浏览器都有类似的基础工具用来检查作用于页面元素的 CSS 属性和值，并对它们进行更改。</p> <p>我们这节课会重点看用于处理 CSS 的开发者工具中的一些有用特性。为此，我会用<a href="https://mdn.github.io/css-examples/learn/inspecting/inspecting.html">一个示例</a>。想跟着学习的话，就在新标签页加载该网页吧，并打开开发者工具（上述文章对该工具有描述）。</p> <h2 id="比较_DOM_和_View_Source">比较 DOM 和 View Source</h2> -<p>刚接触开发者工具的人可能会在这个地方产生失误：网页源码（或服务器端的 HTML 文件）显示的和开发者工具的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">HTML Pane</a> 显示的相比起来不太一样。通过 View Source，内容看起来差不多，然而一些差异还是存在的。</p> +<p>刚接触开发者工具的人可能会在这个地方产生失误：网页源码（或服务器端的 HTML 文件）显示的和开发者工具的 <a href="/zh-CN/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">HTML Pane</a> 显示的相比起来不太一样。通过 View Source，内容看起来差不多，然而一些差异还是存在的。</p> <p>浏览器在渲染的 DOM 中已为你纠正了一些错误的 HTML 部分。如果你错误地闭合了元素（比如开始标签是<code><h2></code>，结束标签是<code></h3></code>。），浏览器会尽力弄清你的意图，之后DOM中的HTML就以 <code><h2></code> 起始，以 <code></h2></code> 结束了。浏览器还会处理好 HTML 文档， JavaScript 做出的更改都会由 DOM 表现出来。</p> -<p>相比之下，View Source 就是服务器端的 HTML 源码。DevTools 内的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#HTML_tree">HTML tree</a> 展示了浏览器任意时间的渲染结果，让你深入理解正在发生什么。</p> +<p>相比之下，View Source 就是服务器端的 HTML 源码。DevTools 内的 <a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#HTML_tree">HTML tree</a> 展示了浏览器任意时间的渲染结果，让你深入理解正在发生什么。</p> <h2 id="审查_CSS">审查 CSS</h2> diff --git a/files/zh-cn/learn/css/building_blocks/selectors/combinators/index.html b/files/zh-cn/learn/css/building_blocks/selectors/combinators/index.html index 3766312aff..54c4e46f08 100644 --- a/files/zh-cn/learn/css/building_blocks/selectors/combinators/index.html +++ b/files/zh-cn/learn/css/building_blocks/selectors/combinators/index.html @@ -11,7 +11,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Combinators <tbody> <tr> <th scope="row">学习前提：</th> - <td>基础电脑知识，<a href="https://developer.mozilla.org/zh-CN/Learn/Getting_started_with_the_web/Installing_basic_software">安装了基本的软件</a>，<a href="https://developer.mozilla.org/和CN/Learn/Getting_started_with_the_web/Dealing_with_files">处理文件</a>的基本知识， HTML基础（学习<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML">HTML介绍</a>），以及对CSS工作原理的了解（学习<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps">CSS初步</a>）</td> + <td>基础电脑知识，<a href="https://developer.mozilla.org/zh-CN/Learn/Getting_started_with_the_web/Installing_basic_software">安装了基本的软件</a>，<a href="https://developer.mozilla.org/和CN/Learn/Getting_started_with_the_web/Dealing_with_files">处理文件</a>的基本知识， HTML基础（学习<a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML">HTML介绍</a>），以及对CSS工作原理的了解（学习<a href="/zh-CN/docs/Learn/CSS/First_steps">CSS初步</a>）</td> </tr> <tr> <th scope="row">目标：</th> diff --git a/files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html b/files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html index 776b149893..af123b4dc3 100644 --- a/files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html +++ b/files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html @@ -11,7 +11,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el <tbody> <tr> <th scope="row">学习前提：</th> - <td>基础电脑知识，<a href="https://developer.mozilla.org/zh-CN/Learn/Getting_started_with_the_web/Installing_basic_software">安装了基本的软件</a>，<a href="https://developer.mozilla.org/和CN/Learn/Getting_started_with_the_web/Dealing_with_files">处理文件</a>的基本知识， HTML基础（学习<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML">HTML介绍</a>），以及对CSS工作原理的了解（学习<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps">CSS初步</a>）</td> + <td>基础电脑知识，<a href="https://developer.mozilla.org/zh-CN/Learn/Getting_started_with_the_web/Installing_basic_software">安装了基本的软件</a>，<a href="https://developer.mozilla.org/和CN/Learn/Getting_started_with_the_web/Dealing_with_files">处理文件</a>的基本知识， HTML基础（学习<a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML">HTML介绍</a>），以及对CSS工作原理的了解（学习<a href="/zh-CN/docs/Learn/CSS/First_steps">CSS初步</a>）</td> </tr> <tr> <th scope="row">目标：</th> diff --git a/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html b/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html index 81505125b2..7d09b770d9 100644 --- a/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html +++ b/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html @@ -36,7 +36,7 @@ translation_of: Learn/CSS/Building_blocks/Sizing_items_in_CSS <h2 id="设置具体的尺寸">设置具体的尺寸</h2> -<p>我们当然可以给设计中的元素指定具体大小。 当给元素指定尺寸（然后其内容需要适合该尺寸）时，我们将其称为<strong>外部尺寸</strong>。以上面例子中的 <code><div></code> 举例 — 我们可以给它一个具体的 {{cssxref("width")}} 和 {{cssxref("height")}} 值, 然后不论我们放什么内容进去它都是该尺寸。 正如我们在<a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Overflowing_content">上一课</a>有关溢出的内容中所发现的，如果内容的数量超出了元素可容纳的空间，则设置的高度会导致内容溢出。</p> +<p>我们当然可以给设计中的元素指定具体大小。 当给元素指定尺寸（然后其内容需要适合该尺寸）时，我们将其称为<strong>外部尺寸</strong>。以上面例子中的 <code><div></code> 举例 — 我们可以给它一个具体的 {{cssxref("width")}} 和 {{cssxref("height")}} 值, 然后不论我们放什么内容进去它都是该尺寸。 正如我们在<a href="/zh-CN/docs/Learn/CSS/Building_blocks/Overflowing_content">上一课</a>有关溢出的内容中所发现的，如果内容的数量超出了元素可容纳的空间，则设置的高度会导致内容溢出。</p> <p>{{EmbedGHLiveSample("css-examples/learn/sizing/height.html", '100%', 600)}}</p> diff --git a/files/zh-cn/learn/css/building_blocks/styling_tables/index.html b/files/zh-cn/learn/css/building_blocks/styling_tables/index.html index cce5429572..4027d5f1f6 100644 --- a/files/zh-cn/learn/css/building_blocks/styling_tables/index.html +++ b/files/zh-cn/learn/css/building_blocks/styling_tables/index.html @@ -278,7 +278,7 @@ table { <h2 id="小试牛刀！">小试牛刀！</h2> -<p>我们在这篇文章里面讲了很多，但是你能记住最重要的信息吗？你能找到些更进一步的测试，在你继续之前，想要验证你已经吸收了这些信息的话，请见<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Tables_tasks">Test your skills: tables</a>。</p> +<p>我们在这篇文章里面讲了很多，但是你能记住最重要的信息吗？你能找到些更进一步的测试，在你继续之前，想要验证你已经吸收了这些信息的话，请见<a href="/zh-CN/docs/Learn/CSS/Building_blocks/Tables_tasks">Test your skills: tables</a>。</p> <h2 id="总结">总结</h2> diff --git a/files/zh-cn/learn/css/css_layout/flexbox/index.html b/files/zh-cn/learn/css/css_layout/flexbox/index.html index 7e53a7922c..f0224db80d 100644 --- a/files/zh-cn/learn/css/css_layout/flexbox/index.html +++ b/files/zh-cn/learn/css/css_layout/flexbox/index.html @@ -320,7 +320,7 @@ article:nth-of-type(3) { <h2 id="测试你的技能">测试你的技能</h2> -<p>我们在文章里面覆盖了很多内容，但你是否能记住最重要的知识? 在你继续学习前，你可以进行<a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox_skills">测试</a>来验证你是否掌握了这些知识。</p> +<p>我们在文章里面覆盖了很多内容，但你是否能记住最重要的知识? 在你继续学习前，你可以进行<a href="/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox_skills">测试</a>来验证你是否掌握了这些知识。</p> <h2 id="总结">总结</h2> diff --git a/files/zh-cn/learn/css/css_layout/grids/index.html b/files/zh-cn/learn/css/css_layout/grids/index.html index eca25a84b8..ab825e40e4 100644 --- a/files/zh-cn/learn/css/css_layout/grids/index.html +++ b/files/zh-cn/learn/css/css_layout/grids/index.html @@ -471,7 +471,7 @@ aside { <p>{{ EmbedLiveSample('Grid_6', '100%', 400) }}</p> <div class="blockIndicator note"> -<p><strong>注意：</strong>你也可以用<code>-1</code>来定位到最后一条列分隔线或是行分隔线，并且可以用负数来指定倒数的某一条分隔线。但是这只能用于显式网格，对于<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Glossary/Grid">隐式网格</a><code>-1</code>不一定能定位到最后一条分隔线。</p> +<p><strong>注意：</strong>你也可以用<code>-1</code>来定位到最后一条列分隔线或是行分隔线，并且可以用负数来指定倒数的某一条分隔线。但是这只能用于显式网格，对于<a href="/zh-CN/docs/Glossary/Grid">隐式网格</a><code>-1</code>不一定能定位到最后一条分隔线。</p> </div> <h2 id="使用grid-template-areas属性放置元素">使用grid-template-areas属性放置元素</h2> @@ -679,13 +679,13 @@ aside { <p>{{ EmbedLiveSample('Grid_8', '100%', 400) }}</p> -<p>你可以使用<a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">Firefox Grid Inspector</a>去查看页面中的网格线，你应该能看到这12列的网格是如何工作的。</p> +<p>你可以使用<a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">Firefox Grid Inspector</a>去查看页面中的网格线，你应该能看到这12列的网格是如何工作的。</p> <p><img alt="A 12 column grid overlaid on our design." src="https://mdn.mozillademos.org/files/16045/learn-grids-inspector.png"></p> <h2 id="纸上得来终觉浅！">纸上得来终觉浅！</h2> -<p>你已经读完了这篇教程，那你记住那些最重要的内容了么？ 在继续之前，您可以通过一些其他测试来验证您是否真正学习到了这些知识，参见<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Grid_skills">技能测试：网格</a>.</p> +<p>你已经读完了这篇教程，那你记住那些最重要的内容了么？ 在继续之前，您可以通过一些其他测试来验证您是否真正学习到了这些知识，参见<a href="/zh-CN/docs/Learn/CSS/CSS_layout/Grid_skills">技能测试：网格</a>.</p> <h2 id="小结">小结</h2> @@ -694,8 +694,8 @@ aside { <h2 id="推荐阅读">推荐阅读</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Grid_Layout#Guides">CSS网格指南</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">CSS网格检查器：检查的你的网格版面</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout#Guides">CSS网格指南</a></li> + <li><a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">CSS网格检查器：检查的你的网格版面</a></li> </ul> <p>{{PreviousMenuNext("Learn/CSS/CSS_layout/Flexbox", "Learn/CSS/CSS_layout/Floats", "Learn/CSS/CSS_layout")}}</p> diff --git a/files/zh-cn/learn/css/css_layout/introduction/index.html b/files/zh-cn/learn/css/css_layout/introduction/index.html index 7657c460f7..a96e967bad 100644 --- a/files/zh-cn/learn/css/css_layout/introduction/index.html +++ b/files/zh-cn/learn/css/css_layout/introduction/index.html @@ -98,7 +98,7 @@ translation_of: Learn/CSS/CSS_layout/Introduction <h2 id="弹性盒子Flexbox">弹性盒子(Flexbox)</h2> -<p>Flexbox 是CSS 弹性盒子布局模块（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">Flexible Box Layout</a> Module）的缩写，它被专门设计出来用于创建横向或是纵向的一维页面布局。要使用flexbox，你只需要在想要进行flex布局的父元素上应用<code>display: flex</code> ，所有直接子元素都将会按照flex进行布局。我们来看一个例子。</p> +<p>Flexbox 是CSS 弹性盒子布局模块（<a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout">Flexible Box Layout</a> Module）的缩写，它被专门设计出来用于创建横向或是纵向的一维页面布局。要使用flexbox，你只需要在想要进行flex布局的父元素上应用<code>display: flex</code> ，所有直接子元素都将会按照flex进行布局。我们来看一个例子。</p> <p>下面这些HTML标记描述了一个class为<code>wrapper</code>的容器元素，它的内部有三个<code><div></code>元素。它们在我们的英文文档当中，会默认地作为块元素从上到下进行显示。</p> diff --git a/files/zh-cn/learn/css/css_layout/normal_flow/index.html b/files/zh-cn/learn/css/css_layout/normal_flow/index.html index 362c46ddf3..ccf4dfc477 100644 --- a/files/zh-cn/learn/css/css_layout/normal_flow/index.html +++ b/files/zh-cn/learn/css/css_layout/normal_flow/index.html @@ -33,9 +33,9 @@ translation_of: Learn/CSS/CSS_layout/Normal_Flow <p>首先，取得元素的内容来放在一个独立的元素盒子中，然后在其周边加上内边距、边框和外边距 --- 就是我们之前看到的盒子模型。</p> -<p>默认的，一个<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements">块级元素</a>的内容宽度是其父元素的100%，其高度与其内容高度一致。<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements">内联元素</a>的height width与内容一致。你无法设置内联元素的height width --- 它们就那样置于块级元素的内容里。 如果你想控制内联元素的尺寸，你需要为元素设置<code>display: block;</code> （或者，<code>display: inline-block;</code> inline-block 混合了inline 和 block的特性。)</p> +<p>默认的，一个<a href="/zh-CN/docs/Web/HTML/Block-level_elements">块级元素</a>的内容宽度是其父元素的100%，其高度与其内容高度一致。<a href="/zh-CN/docs/Web/HTML/Inline_elements">内联元素</a>的height width与内容一致。你无法设置内联元素的height width --- 它们就那样置于块级元素的内容里。 如果你想控制内联元素的尺寸，你需要为元素设置<code>display: block;</code> （或者，<code>display: inline-block;</code> inline-block 混合了inline 和 block的特性。)</p> -<p>这样解释了独立元素的布局，但是元素之间又是如何相互影响的呢？ 正常布局流（在布局介绍里提到过）是一套在浏览器视口内放置、组织元素的系统。默认的，块级元素按照基于其父元素的<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/writing-mode">书写顺序</a>(<em>默认值:</em> horizontal-tb)的<em>块流动方向(block flow direction)</em>放置 --- 每个块级元素会在上一个元素下面另起一行，它们会被设置好的margin 分隔。在英语，或者其他水平书写、自上而下模式里，块级元素是垂直组织的。</p> +<p>这样解释了独立元素的布局，但是元素之间又是如何相互影响的呢？ 正常布局流（在布局介绍里提到过）是一套在浏览器视口内放置、组织元素的系统。默认的，块级元素按照基于其父元素的<a href="/zh-CN/docs/Web/CSS/writing-mode">书写顺序</a>(<em>默认值:</em> horizontal-tb)的<em>块流动方向(block flow direction)</em>放置 --- 每个块级元素会在上一个元素下面另起一行，它们会被设置好的margin 分隔。在英语，或者其他水平书写、自上而下模式里，块级元素是垂直组织的。</p> <p>内联元素的表现有所不同 --- 它们不会另起一行；只要在其父级块级元素的宽度内有足够的空间，它们与其他内联元素、相邻的文本内容（或者被包裹的）被安排在同一行。如果空间不够，溢出的文本或元素将移到新的一行。</p> diff --git a/files/zh-cn/learn/css/css_layout/positioning/index.html b/files/zh-cn/learn/css/css_layout/positioning/index.html index 3965d4bef1..d5e21680d0 100644 --- a/files/zh-cn/learn/css/css_layout/positioning/index.html +++ b/files/zh-cn/learn/css/css_layout/positioning/index.html @@ -596,7 +596,7 @@ dt { <h2 id="试试你的技术!">试试你的技术!</h2> -<p>这篇文章到此为止了，但你们能记住最重要的信息吗？在继续之前，您可以找到一些进一步的测试来验证是否完全掌握了这个知识：<a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Position_skills">试试你的技术</a>。</p> +<p>这篇文章到此为止了，但你们能记住最重要的信息吗？在继续之前，您可以找到一些进一步的测试来验证是否完全掌握了这个知识：<a href="/zh-CN/docs/Learn/CSS/CSS_layout/Position_skills">试试你的技术</a>。</p> <h2 id="总结">总结</h2> diff --git a/files/zh-cn/learn/html/howto/author_fast-loading_html_pages/index.html b/files/zh-cn/learn/html/howto/author_fast-loading_html_pages/index.html index b128523809..2e794fbe9c 100644 --- a/files/zh-cn/learn/html/howto/author_fast-loading_html_pages/index.html +++ b/files/zh-cn/learn/html/howto/author_fast-loading_html_pages/index.html @@ -28,7 +28,7 @@ original_slug: Web/Guide/HTML/Tips_for_authoring_fast-loading_HTML_pages <p>减少一个页面引用的文件数量可以降低在下载一个页面的过程中需要的<a href="https://developer.mozilla.org/en-US/docs/HTTP">HTTP</a>请求数量，从而减少这些请求的收发时间。</p> -<p>根据其缓存设置，浏览器可能会为每个所引用的文件发送一个带 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers/If-Modified-Since">If-Modified-Since</a> 的请求给网络服务器，以查询这些文件自上次加载后是否有被修改。查询引用文件上次修改时间会花费太多时间，导致网页首屏延迟，这是因为在渲染页面之前浏览器必须确认每个文件的修改时间。</p> +<p>根据其缓存设置，浏览器可能会为每个所引用的文件发送一个带 <a href="/zh-CN/docs/Web/HTTP/Headers/If-Modified-Since">If-Modified-Since</a> 的请求给网络服务器，以查询这些文件自上次加载后是否有被修改。查询引用文件上次修改时间会花费太多时间，导致网页首屏延迟，这是因为在渲染页面之前浏览器必须确认每个文件的修改时间。</p> <p>If you use background images a lot in your CSS, you can reduce the number of HTTP lookups needed by combining the images into one, known as an image sprite. Then you just apply the same image each time you need it for a background and adjust the x/y coordinates appropriately. This technique works best with elements that will have limited dimensions, and will not work for every use of a background image. However, the fewer HTTP requests and single image caching can help reduce page-load time.</p> @@ -90,7 +90,7 @@ original_slug: Web/Guide/HTML/Tips_for_authoring_fast-loading_HTML_pages <h3 id="Chunk_your_content" name="Chunk_your_content">给内容分块</h3> -<p>使用 table 布局是一种不应该再采用的传统方法，而应运用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats">floats</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning">positioning</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox">flexbox</a>, 或 <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids">grids</a> 来布局。</p> +<p>使用 table 布局是一种不应该再采用的传统方法，而应运用 <a href="/zh-CN/docs/Learn/CSS/CSS_layout/Floats">floats</a>, <a href="/zh-CN/docs/Learn/CSS/CSS_layout/Positioning">positioning</a>, <a href="/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox">flexbox</a>, 或 <a href="/zh-CN/docs/Learn/CSS/CSS_layout/Grids">grids</a> 来布局。</p> <p>当然，table 仍是不失为一种有效的展示表格数据的方式。为了帮助浏览器更快速的渲染你的页面，你应该避免嵌套 table。</p> diff --git a/files/zh-cn/learn/html/introduction_to_html/creating_hyperlinks/index.html b/files/zh-cn/learn/html/introduction_to_html/creating_hyperlinks/index.html index 6cd8ad3a68..3db44af11d 100644 --- a/files/zh-cn/learn/html/introduction_to_html/creating_hyperlinks/index.html +++ b/files/zh-cn/learn/html/introduction_to_html/creating_hyperlinks/index.html @@ -17,7 +17,7 @@ translation_of: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks <tbody> <tr> <th scope="row">前提:</th> - <td>熟悉基本HTML（包含在<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Getting_started"> 开始学习HTML</a>中），HTML 文本格式（包含在 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML文字基础</a> 中）。</td> + <td>熟悉基本HTML（包含在<a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Getting_started"> 开始学习HTML</a>中），HTML 文本格式（包含在 <a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML文字基础</a> 中）。</td> </tr> <tr> <th scope="row">目标:</th> diff --git a/files/zh-cn/learn/html/multimedia_and_embedding/video_and_audio_content/index.html b/files/zh-cn/learn/html/multimedia_and_embedding/video_and_audio_content/index.html index 8fa670c5a3..a4fcc5a95e 100644 --- a/files/zh-cn/learn/html/multimedia_and_embedding/video_and_audio_content/index.html +++ b/files/zh-cn/learn/html/multimedia_and_embedding/video_and_audio_content/index.html @@ -73,13 +73,13 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content <h4 id="媒体文件的内容">媒体文件的内容</h4> -<p>我们先来快速的了解一下术语。像 MP3、MP4、WebM这些术语叫做<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Containers">容器格式</a>。他们定义了构成媒体文件的音频轨道和视频轨道的储存结构，其中还包含描述这个媒体文件的元数据，以及用于编码的编码译码器等等。</p> +<p>我们先来快速的了解一下术语。像 MP3、MP4、WebM这些术语叫做<a href="/zh-CN/docs/Web/Media/Formats/Containers">容器格式</a>。他们定义了构成媒体文件的音频轨道和视频轨道的储存结构，其中还包含描述这个媒体文件的元数据，以及用于编码的编码译码器等等。</p> <p>一个格式为 WebM 的电影包含视频轨道，音频轨道和文本轨道，其中视频轨道包含一个主视频轨道和一个可选的 Angle 轨道；音频轨道包含英语和西班牙语的音频轨道，还有一个英语评论的音频轨道；文字轨道包含英语和西班牙语的字幕轨道，如下图所示：</p> <p><img alt="Diagram conceptualizing the contents of a media file at the track level." src="https://mdn.mozillademos.org/files/16898/ContainersAndTracks.svg"></p> -<p>为了编解码器（codec）编码媒体，容器中的音频和视频轨道以适合的格式保存。音频轨道和视频轨道使用不同的格式。每个音频轨道都使用<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Audio_codecs">音频编解码器</a>进行编码，而视频轨道则使用（您可能已经猜到了）<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs">视频编解码器</a>进行编码。如前所述，不同的浏览器支持不同的视频和音频格式，以及不同的容器格式（如MP3、MP4和WebM，这些格式又可以包含不同类型的视频和音频）。</p> +<p>为了编解码器（codec）编码媒体，容器中的音频和视频轨道以适合的格式保存。音频轨道和视频轨道使用不同的格式。每个音频轨道都使用<a href="/zh-CN/docs/Web/Media/Formats/Audio_codecs">音频编解码器</a>进行编码，而视频轨道则使用（您可能已经猜到了）<a href="/zh-CN/docs/Web/Media/Formats/Video_codecs">视频编解码器</a>进行编码。如前所述，不同的浏览器支持不同的视频和音频格式，以及不同的容器格式（如MP3、MP4和WebM，这些格式又可以包含不同类型的视频和音频）。</p> <p>例如:</p> diff --git a/files/zh-cn/learn/javascript/building_blocks/return_values/index.html b/files/zh-cn/learn/javascript/building_blocks/return_values/index.html index 38f9fe0eff..dfc53c87e6 100644 --- a/files/zh-cn/learn/javascript/building_blocks/return_values/index.html +++ b/files/zh-cn/learn/javascript/building_blocks/return_values/index.html @@ -39,7 +39,7 @@ console.log(newString); // replaces one substring with another, and returns // a new string with the replacement made</pre> -<p>在第一篇函数文章中，我们确切地看到了这一块代码。我们对 <code>myText</code> 字符串调用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace">replace()</a> 功能，并通过这两个参数的字符串查找，和子串替换它。当这个函数完成（完成运行）后，它返回一个值，这个值是一个新的字符串，它具有替换的功能。在上面的代码中，我们保存这个返回值，以作为<code>newString</code>变量的内容。</p> +<p>在第一篇函数文章中，我们确切地看到了这一块代码。我们对 <code>myText</code> 字符串调用 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/replace">replace()</a> 功能，并通过这两个参数的字符串查找，和子串替换它。当这个函数完成（完成运行）后，它返回一个值，这个值是一个新的字符串，它具有替换的功能。在上面的代码中，我们保存这个返回值，以作为<code>newString</code>变量的内容。</p> <p>如果你看看替换功能MDN参考页面，你会看到一个<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/replace#Return_value">返回值</a>。知道和理解函数返回的值是非常有用的，因此我们尽可能地包含这些信息。</p> @@ -49,7 +49,7 @@ console.log(newString); <h3 id="在自定义的函数中使用返回值">在自定义的函数中使用返回值</h3> -<p>要从自定义函数返回值，您需要使用…等待它… <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return">return</a> 关键字。 我们最近在<a href="https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/random-canvas-circles.html">random-canvas-circles.html</a>示例中看到了这一点。 我们的 <code>draw()</code> 函数绘制100随机圆在HTML的{{htmlelement("canvas")}}:</p> +<p>要从自定义函数返回值，您需要使用…等待它… <a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/return">return</a> 关键字。 我们最近在<a href="https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/random-canvas-circles.html">random-canvas-circles.html</a>示例中看到了这一点。 我们的 <code>draw()</code> 函数绘制100随机圆在HTML的{{htmlelement("canvas")}}:</p> <pre class="brush: js notranslate">function draw() { ctx.clearRect(0,0,WIDTH,HEIGHT); diff --git a/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_first_component/index.html b/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_first_component/index.html index feef3ef243..8f11d5b389 100644 --- a/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_first_component/index.html +++ b/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_first_component/index.html @@ -18,7 +18,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_fi <tr> <th scope="row">前提条件:</th> <td> - <p>熟悉<a href="https://wiki.developer.mozilla.org/zh-CN/docs/learn/HTML">HTML</a>、<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/CSS">CSS</a>、<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/JavaScript">JavaScript</a>核心语言，了解<a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line">终端或命令行</a>。</p> + <p>熟悉<a href="/zh-CN/docs/learn/HTML">HTML</a>、<a href="/zh-CN/docs/Learn/CSS">CSS</a>、<a href="/zh-CN/docs/Learn/JavaScript">JavaScript</a>核心语言，了解<a href="/zh-CN/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line">终端或命令行</a>。</p> <p>Vue组件是由管理应用程序数据的JavaScript对象和映射到基础DOM结构的基于HTML的模板语法组成的。对于安装，以及使用Vue的一些更高级的功能（如单文件组件或渲染函数），你需要一个安装了node和npm的终端。</p> </td> @@ -47,7 +47,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_fi export default {}; </script></pre> -<p>现在我们可以开始为<code>ToDoItem</code>添加实际内容了。Vue模板目前只允许一个根元素--一个元素需要包裹模板内的所有内容（Vue 3 发布后会改变这种情况）。我们将为该根元素使用一个<code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTML/Element/div"><div></a></code>。</p> +<p>现在我们可以开始为<code>ToDoItem</code>添加实际内容了。Vue模板目前只允许一个根元素--一个元素需要包裹模板内的所有内容（Vue 3 发布后会改变这种情况）。我们将为该根元素使用一个<code><a href="/zh-CN/docs/Web/HTML/Element/div"><div></a></code>。</p> <ol> <li> diff --git a/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html b/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html index 6822995d45..1244c6d786 100644 --- a/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html +++ b/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html @@ -28,7 +28,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_ge <h2 id="一个更简洁的框架——Vue">一个更简洁的框架——Vue</h2> -<p>Vue是一个现代JavaScript框架提供了有用的设施渐进增强——不像许多其他框架,您可以使用Vue增强现有的HTML。这使您可以使用Vue作为<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Glossary/jQuery">jQuery</a>等库的临时替代品。</p> +<p>Vue是一个现代JavaScript框架提供了有用的设施渐进增强——不像许多其他框架,您可以使用Vue增强现有的HTML。这使您可以使用Vue作为<a href="/zh-CN/docs/Glossary/jQuery">jQuery</a>等库的临时替代品。</p> <p>也就是说,您还可以使用Vue编写整个单页应用程序(SPAs)。这允许您创建标记完全由Vue管理,可以提高开发人员的经验和性能在处理复杂的应用程序。当你需要的时候它还允许您利用其他库对客户端路由和状态进行管理。此外,Vue需要“中间地带”的方法工具客户端路由和状态管理。虽然Vue核心团队维护了建议的函数库，但他们并没有直接捆绑到 Vue 里。这样你就可以选择一个其他路由/状态管理库，来更好地适应您的应用程序。</p> @@ -40,7 +40,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_ge <h2 id="安装Vue">安装Vue</h2> -<p>要在现有站点中使用Vue，可以通过<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/script"><script></a>元素在页面中使用。这使您可以开始在现有站点上使用Vue，这就是Vue引以为傲的渐进式框架的原因。当使用JQuery这样的库将现有项目迁移到Vue时，这是一个很好的选择。通过这种方法，您可以使用Vue的许多核心功能，例如属性、自定义组件和数据管理。</p> +<p>要在现有站点中使用Vue，可以通过<a href="/zh-CN/docs/Web/HTML/Element/script"><script></a>元素在页面中使用。这使您可以开始在现有站点上使用Vue，这就是Vue引以为傲的渐进式框架的原因。当使用JQuery这样的库将现有项目迁移到Vue时，这是一个很好的选择。通过这种方法，您可以使用Vue的许多核心功能，例如属性、自定义组件和数据管理。</p> <ul> <li> diff --git a/files/zh-cn/learn/tools_and_testing/cross_browser_testing/html_and_css/index.html b/files/zh-cn/learn/tools_and_testing/cross_browser_testing/html_and_css/index.html index 0e2cd596de..90e04c85ff 100644 --- a/files/zh-cn/learn/tools_and_testing/cross_browser_testing/html_and_css/index.html +++ b/files/zh-cn/learn/tools_and_testing/cross_browser_testing/html_and_css/index.html @@ -130,7 +130,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <p><strong>注意：</strong>请参阅<a href="https://developer.mozilla.org/zh-CN/docs/preview-wiki-content#IE_conditional_comments">IE条件注释</a>以获取最佳实践。</p> </div> -<p>更复杂的元素，如HTML <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/video"><video></a></code>、<code><a href="/zh-CN/docs/Web/HTML/Element/audio"><audio></a></code>，和 <code><a href="/zh-CN/docs/Web/HTML/Element/canvas"><canvas></a></code>（和其他功能除外）有自然的fallback加入机制，其工作原理与上述相同。您可以在开始和结束标记之间添加回退内容，非支持的浏览器将有效地忽略外部元素并运行嵌套的内容。</p> +<p>更复杂的元素，如HTML <code><a href="/zh-CN/docs/Web/HTML/Element/video"><video></a></code>、<code><a href="/zh-CN/docs/Web/HTML/Element/audio"><audio></a></code>，和 <code><a href="/zh-CN/docs/Web/HTML/Element/canvas"><canvas></a></code>（和其他功能除外）有自然的fallback加入机制，其工作原理与上述相同。您可以在开始和结束标记之间添加回退内容，非支持的浏览器将有效地忽略外部元素并运行嵌套的内容。</p> <p>例如：</p> diff --git a/files/zh-cn/mdn/contribute/howto/tag/index.html b/files/zh-cn/mdn/contribute/howto/tag/index.html index 67415b88f1..e46129fee3 100644 --- a/files/zh-cn/mdn/contribute/howto/tag/index.html +++ b/files/zh-cn/mdn/contribute/howto/tag/index.html @@ -251,7 +251,7 @@ translation_of: MDN/Contribute/Howto/Tag <dt><code>{{Tag("Draft")}}</code></dt> <dd>文章不完整，至少在理论上仍在积极更新（尽管它也有可能被遗忘）。在进行更改之前，请尝试与最新的贡献者进行检查，以避免潜在的内容冲突。</dd> <dt><code>{{Tag("NeedsCompatTable")}}</code></dt> - <dd>文章需要一个表来指定跨浏览器特性的兼容性，有关促进浏览器兼容性的指南参见<a href="https://wiki.developer.mozilla.org/en-US/docs/MDN/Contribute/Structures/Compatibility_tables">此处</a>。</dd> + <dd>文章需要一个表来指定跨浏览器特性的兼容性，有关促进浏览器兼容性的指南参见<a href="/zh-CN/docs/MDN/Contribute/Structures/Compatibility_tables">此处</a>。</dd> </dl> <dl> diff --git a/files/zh-cn/mdn/guidelines/css_style_guide/index.html b/files/zh-cn/mdn/guidelines/css_style_guide/index.html index ee85c19b97..4784a5682d 100644 --- a/files/zh-cn/mdn/guidelines/css_style_guide/index.html +++ b/files/zh-cn/mdn/guidelines/css_style_guide/index.html @@ -10,7 +10,7 @@ translation_of: MDN/Guidelines/CSS_style_guide <div class="blockIndicator note"> <p><strong>注意：如果要搜索MDN上使用给定类的位置，可以</strong>使用表单的URL执行此操作</p> -<p><code>https://developer.mozilla.org/en-US/search?locale=en-US&css_classnames=<var>desired-css-class</var></code>. 例如，要查找使用卡片网格布局的页面，请尝试URL<a href="https://wiki.developer.mozilla.org/en-US/search?locale=*&css_classnames=card-grid">https://wiki.developer.mozilla.org/en-US/search?locale=*&css_classnames=card-grid</a>.</p> +<p><code>https://developer.mozilla.org/en-US/search?locale=en-US&css_classnames=<var>desired-css-class</var></code>. 例如，要查找使用卡片网格布局的页面，请尝试URL<a href="/zh-CN/search?locale=*&css_classnames=card-grid">/zh-CN/search?locale=*&css_classnames=card-grid</a>.</p> </div> <div class="blockIndicator warning"> diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/clipboard/index.html b/files/zh-cn/mozilla/add-ons/webextensions/api/clipboard/index.html index 1f3657f79c..6af2ad47be 100644 --- a/files/zh-cn/mozilla/add-ons/webextensions/api/clipboard/index.html +++ b/files/zh-cn/mozilla/add-ons/webextensions/api/clipboard/index.html @@ -14,11 +14,11 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/剪切板 <p>这个 WebExtension API 之所以存在，主要是因为标准的 Web 剪贴板 API <a href="/zh-CN/docs/Web/API/Clipboard_API">Clipboard API</a> 不支持将图像写入剪贴板。一旦标准剪贴板 API 对非文本剪贴板内容的支持进入通用状态，则此 API 可能会被弃用。</p> -<p>Reading from the clipboard is not supported by this API, because the clipboard can already be read using the standard web platform APIs. See <a href="https://wiki.developer.mozilla.org/en-US/Add-ons/WebExtensions/Interact_with_the_clipboard#Reading_from_the_clipboard">Interacting with the clipboard</a>.</p> +<p>Reading from the clipboard is not supported by this API, because the clipboard can already be read using the standard web platform APIs. See <a href="/zh-CN/Add-ons/WebExtensions/Interact_with_the_clipboard#Reading_from_the_clipboard">Interacting with the clipboard</a>.</p> <p>This API is based on Chrome's <code><a class="external external-icon" href="https://developer.chrome.com/apps/clipboard">clipboard</a></code> API, but that API is only available for Chrome apps, not extensions.</p> -<p>To use this API you need the <code>"clipboardWrite"</code> extension <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>.</p> +<p>To use this API you need the <code>"clipboardWrite"</code> extension <a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>.</p> <h2 id="函数">函数</h2> diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/index.html b/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/index.html index 5a1618e9e7..de847727ba 100644 --- a/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/index.html +++ b/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/index.html @@ -70,7 +70,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/runtime <dl> <dt>{{WebExtAPIRef("runtime.getBackgroundPage()")}}</dt> - <dd>取得当前扩展的后台页的 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/Window">Window</a> 对象。</dd> + <dd>取得当前扩展的后台页的 <a href="/zh-CN/docs/Web/API/Window">Window</a> 对象。</dd> <dt>{{WebExtAPIRef("runtime.openOptionsPage()")}}</dt> <dd> <p>打开你的扩展的 <a href="/zh-CN/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Options_pages">选项页面</a>。</p> diff --git a/files/zh-cn/mozilla/add-ons/webextensions/build_a_cross_browser_extension/index.html b/files/zh-cn/mozilla/add-ons/webextensions/build_a_cross_browser_extension/index.html index 4c1098d32e..9dd640fcc7 100644 --- a/files/zh-cn/mozilla/add-ons/webextensions/build_a_cross_browser_extension/index.html +++ b/files/zh-cn/mozilla/add-ons/webextensions/build_a_cross_browser_extension/index.html @@ -52,7 +52,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/构建一个跨浏览器的扩展 <li>callbacks 是 Chrome、Edge 和 Opera 使用的扩展 API 的标准</li> </ul> -<p>Firefox 还支持 <code>chrome.*</code> 命名空间中的 callbacks 风格的 API，这主要是为了便于从 Chrome <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension">迁移</a>。然而，应该首选使用 promises（以及 <code>browser.*</code> 命名空间），它已被采纳为拟议标准的一部分。它极大地简化了异步事件处理，特别是在需要将事件链接在一起的情况下。</p> +<p>Firefox 还支持 <code>chrome.*</code> 命名空间中的 callbacks 风格的 API，这主要是为了便于从 Chrome <a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension">迁移</a>。然而，应该首选使用 promises（以及 <code>browser.*</code> 命名空间），它已被采纳为拟议标准的一部分。它极大地简化了异步事件处理，特别是在需要将事件链接在一起的情况下。</p> <div class="blockIndicator note"> <p>如果你对这两种方法之间的差异不熟悉，可以看一下 <a href="https://medium.com/codebuddies/getting-to-know-asynchronous-javascript-callbacks-promises-and-async-await-17e0673281ee">了解异步 JavaScript: Callbacks、 Promises 和 Async/Await </a>或者 MDN 的 <a href="/en-US/docs/Web/JavaScript/Guide/Using_promises">Using promises</a> 页面。</p> @@ -99,12 +99,12 @@ original_slug: Mozilla/Add-ons/WebExtensions/构建一个跨浏览器的扩展 <p>这四个主要浏览器提供的 API 函数的实现差异可分为三大类:</p> <ul> - <li><strong>缺乏对整个功能的支持。</strong>例如，在撰写本文时，Edge 没有提供对<a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/privacy#Browser_compatibility">隐私</a>功能的支持。</li> + <li><strong>缺乏对整个功能的支持。</strong>例如，在撰写本文时，Edge 没有提供对<a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/privacy#Browser_compatibility">隐私</a>功能的支持。</li> <li><strong>缺乏对某些特性的支持。</strong>例如，在撰写本文时，Firefox 不支持 <code>onButtonClicked</code>，而只支持 <code>onShown</code>。</li> <li><strong>专有功能，支持特定于浏览器的特性。</strong>例如，在撰写本文时，容器是一个特定于 firefox 的特性，由 <code>contextualidentity</code> 函数支持。</li> </ul> -<p>你可以在 <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">Mozilla Developer Network 浏览器对 JavaScript API 页面的支持</a>上找到4个主要浏览器对扩展 API 的支持细节，以及 Firefox for Android 对扩展 API 的支持细节。浏览器兼容性信息也包含在每个函数及其方法、类型和事件的 Mozilla Developer Network <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API">JavaScript APIs</a> 参考页面中。</p> +<p>你可以在 <a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">Mozilla Developer Network 浏览器对 JavaScript API 页面的支持</a>上找到4个主要浏览器对扩展 API 的支持细节，以及 Firefox for Android 对扩展 API 的支持细节。浏览器兼容性信息也包含在每个函数及其方法、类型和事件的 Mozilla Developer Network <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API">JavaScript APIs</a> 参考页面中。</p> <h4 id="处理_API_差异">处理 API 差异</h4> @@ -122,7 +122,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/构建一个跨浏览器的扩展 <h3 id="Manifest_字段">Manifest 字段</h3> -<p>4个主要浏览器支持的 <code><a href="/zh-CN/docs/https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">manifest.json</a></code> 文件字段的差异大致可分为三类:</p> +<p>4个主要浏览器支持的 <code><a href="/zh-CN/docs//zh-CN/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">manifest.json</a></code> 文件字段的差异大致可分为三类:</p> <ul> <li><strong>扩展信息属性。</strong>例如，在撰写本文时，Firefox 和 Opera 包含和 <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/author#Browser_compatibility">author</a></code> 地位相等的 <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/developer#Browser_compatibility">developer</a></code> 关键字，以获取扩展的开发者和作者的详细信息。</li> diff --git a/files/zh-cn/mozilla/add-ons/webextensions/manifest.json/permissions/index.html b/files/zh-cn/mozilla/add-ons/webextensions/manifest.json/permissions/index.html index f26782540e..4fb4309cc2 100644 --- a/files/zh-cn/mozilla/add-ons/webextensions/manifest.json/permissions/index.html +++ b/files/zh-cn/mozilla/add-ons/webextensions/manifest.json/permissions/index.html @@ -33,7 +33,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/permissions <p>使用permissions 关键字为你的扩展请求特殊的权限。该关键字为一个字符串数列，每个字符串请求一项权限。</p> -<p>如果你使用该关键字请求权限，浏览器可能会在安装该扩展时通知用户该扩展需求某些权限，并询问他们是否愿意给予这些权限。在插件安装之后浏览器也可能允许用户检查扩展的权限。因为要求授予权限可能会影响用户安装你的扩展的意愿，所以请求权限需要特别小心的考虑。举个例子，你想要避免请求不必要的权限，而且可以在你的扩展描述中提供你为何需要某些权限的信息。更多关于这个话题的描述你可以参考这篇提供的文章 <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Request_the_right_permissions">请求正确的权限</a>。</p> +<p>如果你使用该关键字请求权限，浏览器可能会在安装该扩展时通知用户该扩展需求某些权限，并询问他们是否愿意给予这些权限。在插件安装之后浏览器也可能允许用户检查扩展的权限。因为要求授予权限可能会影响用户安装你的扩展的意愿，所以请求权限需要特别小心的考虑。举个例子，你想要避免请求不必要的权限，而且可以在你的扩展描述中提供你为何需要某些权限的信息。更多关于这个话题的描述你可以参考这篇提供的文章 <a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Request_the_right_permissions">请求正确的权限</a>。</p> <p>该关键字能够包含三种类型的权限:</p> diff --git a/files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html b/files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html index 037ef931b0..02cc4b064d 100644 --- a/files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html +++ b/files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html @@ -118,7 +118,7 @@ cd borderify</pre> <p>附加组件将会被安装，直到下次重启浏览器失效。</p> -<p>或者，你可以通过 <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> 工具从命令行来运行扩展。</p> +<p>或者，你可以通过 <a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> 工具从命令行来运行扩展。</p> <h3 id="测试">测试</h3> @@ -149,7 +149,7 @@ cd borderify</pre> <ul> <li><a href="/zh-CN/Add-ons/WebExtensions/Your_second_WebExtension">写一个更加复杂的WebExtension</a></li> <li><a href="/zh-CN/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">阅读更多关于WebExtensions的剖析</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Examples">探索更多关于扩展的示例</a></li> + <li><a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Examples">探索更多关于扩展的示例</a></li> <li><a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/What_next_">发现开发，测试，和发布扩展需要的东西</a></li> <li><a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/What_next_#Continue_your_learning_experience">进一步的学习</a></li> </ul> diff --git a/files/zh-cn/tools/about_colon_debugging/index.html b/files/zh-cn/tools/about_colon_debugging/index.html index a5a46ba13c..4d0e8d12d4 100644 --- a/files/zh-cn/tools/about_colon_debugging/index.html +++ b/files/zh-cn/tools/about_colon_debugging/index.html @@ -136,7 +136,7 @@ translation_of: 'Tools/about:debugging' <li>对于其他文件的更改，点击移除按钮旁边的重载按钮，它会做以下事情： <ul> <li>重载所有脚本，比如 <a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#后台脚本">后台脚本</a></li> - <li>再次解析manifest.json文件，所以更改 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code>, <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code>, <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> 或者任何其他key都会生效。</li> + <li>再次解析manifest.json文件，所以更改 <code><a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code>, <code><a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code>, <code><a href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> 或者任何其他key都会生效。</li> </ul> </li> </ul> diff --git a/files/zh-cn/tools/index.html b/files/zh-cn/tools/index.html index 160567490a..141a9dbed7 100644 --- a/files/zh-cn/tools/index.html +++ b/files/zh-cn/tools/index.html @@ -89,7 +89,7 @@ translation_of: Tools <div class="column-half"> <h3 id="网络监视器">网络监视器</h3> -<p><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Network_Monitor"><img alt="The Network panel in Firefox 57 DevTools." src="https://mdn.mozillademos.org/files/16370/landingPage_Network.png" style="border: 1px solid black; display: block; height: 403px; margin-left: auto; margin-right: auto; width: 425px;"></a></p> +<p><a href="/zh-CN/docs/Tools/Network_Monitor"><img alt="The Network panel in Firefox 57 DevTools." src="https://mdn.mozillademos.org/files/16370/landingPage_Network.png" style="border: 1px solid black; display: block; height: 403px; margin-left: auto; margin-right: auto; width: 425px;"></a></p> <p>查看加载页面时的网络请求。</p> </div> @@ -125,7 +125,7 @@ translation_of: Tools <div class="column-half"> <h3 id="应用面板">应用面板</h3> -<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Application"><img alt="Performance Tools in Firefox 57 Developer Tools" src="https://mdn.mozillademos.org/files/17307/just-application-panel.jpg"></a></p> +<p><a href="/zh-CN/docs/Tools/Application"><img alt="Performance Tools in Firefox 57 Developer Tools" src="https://mdn.mozillademos.org/files/17307/just-application-panel.jpg"></a></p> <p>提供现代web应用（或者叫改进web应用）预览和调试工具。包括服务工和web应用清单的预览。</p> </div> diff --git a/files/zh-cn/tools/performance/frame_rate/index.html b/files/zh-cn/tools/performance/frame_rate/index.html index 5e0c776482..efdce84d51 100644 --- a/files/zh-cn/tools/performance/frame_rate/index.html +++ b/files/zh-cn/tools/performance/frame_rate/index.html @@ -35,7 +35,7 @@ translation_of: Tools/Performance/Frame_rate <h2 id="帧率图">帧率图</h2> -<p>可以在“性能”工具的“<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Performance/UI_Tour#Recording_overview">录制概览</a>”中找到帧率图。 当浏览器完成一帧时需要花费一个时间戳，并使用它来跟踪记录过程中的帧率。</p> +<p>可以在“性能”工具的“<a href="/zh-CN/docs/Tools/Performance/UI_Tour#Recording_overview">录制概览</a>”中找到帧率图。 当浏览器完成一帧时需要花费一个时间戳，并使用它来跟踪记录过程中的帧率。</p> <p><img alt="" src="https://mdn.mozillademos.org/files/11025/perf-frame-rate.png" style="display: block; height: 66px; margin-left: auto; margin-right: auto; width: 900px;">x 轴是全部周期内的时间，共有三个注解：最大帧率，平均帧率和最低帧率。</p> @@ -45,7 +45,7 @@ translation_of: Tools/Performance/Frame_rate <h2 id="使用帧率图">使用帧率图</h2> -<p>帧率图的最大的价值在于，它和 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Web_Console">Web 控制台</a>一样，可以快速指出您的站点可能出现问题的位置，从而使您可以使用其他工具进行更深入的分析。 例如，这是性能文件的屏幕截图：</p> +<p>帧率图的最大的价值在于，它和 <a href="/zh-CN/docs/Tools/Web_Console">Web 控制台</a>一样，可以快速指出您的站点可能出现问题的位置，从而使您可以使用其他工具进行更深入的分析。 例如，这是性能文件的屏幕截图：</p> <p><img alt="" src="https://mdn.mozillademos.org/files/11023/perf-fr-waterfall.png" style="display: block; height: 413px; margin-left: auto; margin-right: auto; width: 900px;"></p> diff --git a/files/zh-cn/tools/performance/ui_tour/index.html b/files/zh-cn/tools/performance/ui_tour/index.html index 7b77de46ff..6e6fbcd764 100644 --- a/files/zh-cn/tools/performance/ui_tour/index.html +++ b/files/zh-cn/tools/performance/ui_tour/index.html @@ -10,14 +10,14 @@ translation_of: Tools/Performance/UI_Tour <p><img alt="" src="https://mdn.mozillademos.org/files/13220/perf-tool-pieces.png" style="display: block; height: 351px; margin-left: auto; margin-right: auto; width: 808px;"></p> <ul> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Performance/UI_Tour#工具栏">工具栏</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Performance/UI_Tour#录制列表面板">录制列表面板</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Performance/UI_Tour#录制概览">录制概览</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Performance/UI_Tour#详情面板">详情面板</a>，可能包含下面内容的某一个： + <li><a href="/zh-CN/docs/Tools/Performance/UI_Tour#工具栏">工具栏</a></li> + <li><a href="/zh-CN/docs/Tools/Performance/UI_Tour#录制列表面板">录制列表面板</a></li> + <li><a href="/zh-CN/docs/Tools/Performance/UI_Tour#录制概览">录制概览</a></li> + <li><a href="/zh-CN/docs/Tools/Performance/UI_Tour#详情面板">详情面板</a>，可能包含下面内容的某一个： <ul> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Performance/Waterfall">瀑布流</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Performance/Call_Tree">调用树</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Performance/Flame_Chart">火焰图</a></li> + <li><a href="/zh-CN/docs/Tools/Performance/Waterfall">瀑布流</a></li> + <li><a href="/zh-CN/docs/Tools/Performance/Call_Tree">调用树</a></li> + <li><a href="/zh-CN/docs/Tools/Performance/Flame_Chart">火焰图</a></li> </ul> </li> </ul> diff --git a/files/zh-cn/tools/web_console/helpers/index.html b/files/zh-cn/tools/web_console/helpers/index.html index d8a52db1d6..406f99ff54 100644 --- a/files/zh-cn/tools/web_console/helpers/index.html +++ b/files/zh-cn/tools/web_console/helpers/index.html @@ -12,7 +12,7 @@ translation_of: Tools/Web_Console/Helpers <dl> <dt><code>$(selector, element)</code></dt> <dd>使用 <code>selector</code> 值查找一个CSS选择器，返回 <code>element</code> 元素后代中第一个匹配的节点。如果未指定，则 <code>element</code> 默认为 <code>document</code>。相当于 {{ domxref("document.querySelector()") }} 或者调用该页面的 $ 函数（在它存在的前提下）。</dd> - <dd>参考 <a href="https://wiki.developer.mozilla.org/en-US/docs/Archive/Add-ons/Code_snippets/QuerySelector">QuerySelector code snippet</a>。</dd> + <dd>参考 <a href="/zh-CN/docs/Archive/Add-ons/Code_snippets/QuerySelector">QuerySelector code snippet</a>。</dd> <dt><code>$$(selector, element)</code></dt> <dd>使用 <code>selector</code> 值查找一个CSS选择器，返回 <code>element</code> 元素后代中所有匹配的节点组成的数组。如果未指定，则 <code>element</code> 默认为 <code>document</code>。它类似于 {{ domxref("document.querySelectorAll()") }}，但是返回值是数组，而不是 {{ domxref("NodeList") }}。</dd> <dt><code>$0</code></dt> @@ -22,23 +22,23 @@ translation_of: Tools/Web_Console/Helpers <dt><code>$x(xpath, element, resultType)</code></dt> <dd>求出 <code>element</code> 上下文中 <a href="/en-US/docs/XPath">XPath</a>（<code>xpath</code>）表达式的值并返回一个包含所有匹配节点的数组。如果未指定，则 <code>element</code> 默认为 <code>document</code>。<code>resultType</code> 参数指定返回结果的类型，它可能是一个 <a href="https://developer.mozilla.org/en-US/docs/Web/API/XPathResult#Constants">XPathResult constant</a> 类型或者是一个相应的字符串：<code>"number"</code>，<code>"string"</code>，<code>"bool"</code>，<code>"node"</code>，<code>"nodes"</code>；如果未提供该参数，则使用 <code>ANY_TYPE</code>。</dd> <dt><code>:block</code></dt> - <dd>（从Firefox 80版本开始可用）后跟一个未引用的字符串，阻止URL中包含该字符串的请求。在 <strong><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Network_Monitor">Network Monitor</a> </strong>中，该字符串会显示在 <a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Network_Monitor/request_list#Blocking_specific_URLs">Request Blocking sidebar</a> 中并被选中。如果需要取消阻止，就用 <code>:unblock</code>。</dd> + <dd>（从Firefox 80版本开始可用）后跟一个未引用的字符串，阻止URL中包含该字符串的请求。在 <strong><a href="/zh-CN/docs/Tools/Network_Monitor">Network Monitor</a> </strong>中，该字符串会显示在 <a href="/zh-CN/docs/Tools/Network_Monitor/request_list#Blocking_specific_URLs">Request Blocking sidebar</a> 中并被选中。如果需要取消阻止，就用 <code>:unblock</code>。</dd> <dt><code>cd()</code> {{deprecated_inline("gecko74")}}</dt> <dd>将JavaScript执行上下文切换到该页面上一个不同的iframe框架。该函数接受多种不同方法来确认具体要切换到哪一个框架。</dd> <dd>详情请查看 <a href="/en-US/docs/Tools/Web_Console#Working_with_iframes">working with iframes</a>。</dd> <dt><code>clear()</code></dt> <dd>清除控制台输出区域。</dd> <dt><code>clearHistory()</code></dt> - <dd>就像一个普通的命令行一样，控制台命令行记住你曾经输入的命令（<a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Web_Console#Command_history">remembers the commands you've typed</a>）。使用该函数来清除控制台的键入命令历史记录。</dd> + <dd>就像一个普通的命令行一样，控制台命令行记住你曾经输入的命令（<a href="/zh-CN/docs/Tools/Web_Console#Command_history">remembers the commands you've typed</a>）。使用该函数来清除控制台的键入命令历史记录。</dd> <dt> <code>copy()</code></dt> - <dd>将其中的参数部分复制到剪贴板。如果参数是一个字符串，则复制它的字面内容。如果参数是一个DOM节点，则复制它的 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML">outerHTML</a></code> 。否则，就针对该参数调用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify">JSON.stringify </a></code>方法，然后将结果复制到剪贴板。</dd> + <dd>将其中的参数部分复制到剪贴板。如果参数是一个字符串，则复制它的字面内容。如果参数是一个DOM节点，则复制它的 <code><a href="/zh-CN/docs/Web/API/Element/outerHTML">outerHTML</a></code> 。否则，就针对该参数调用 <code><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify">JSON.stringify </a></code>方法，然后将结果复制到剪贴板。</dd> <dt><code>help()</code> {{Deprecated_Inline(62)}}</dt> <dt><code>:help</code> {{Gecko_MinVersion_Inline(62)}}</dt> <dd>显示帮助文本。事实上，在经过一个令人愉快的递归后，会把你带到这个页面。</dd> <dt><code>inspect()</code></dt> - <dd>提供一个对象，为它生成一份 <a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Web_Console/Rich_output">rich output</a>。一旦选择了输出区域中的对象，就可以使用键盘上的箭头按键来浏览对象详情。</dd> + <dd>提供一个对象，为它生成一份 <a href="/zh-CN/docs/Tools/Web_Console/Rich_output">rich output</a>。一旦选择了输出区域中的对象，就可以使用键盘上的箭头按键来浏览对象详情。</dd> <dt><code>keys()</code></dt> - <dd>提供一个对象，返回它所有的键（或属性名）。这是 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys"><code>Object.keys</code></a> 的简写。</dd> + <dd>提供一个对象，返回它所有的键（或属性名）。这是 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keys"><code>Object.keys</code></a> 的简写。</dd> <dt><code>pprint()</code> {{Obsolete_Inline(74)}}</dt> <dd>以一种可读的方式格式化指定值。这在转储对象或者数组内容时非常有用。</dd> <dt><code>:screenshot</code></dt> @@ -92,7 +92,7 @@ translation_of: Tools/Web_Console/Helpers </table> </dd> <dt><code>:unblock</code></dt> - <dd>（从Firefox 80版本开始可用）后跟一个未引用的字符串，取消阻止URL中包含该字符串的请求。在 <strong><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Tools/Network_Monitor">Network Monitor</a> </strong>中，该字符串会被从 <a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Network_Monitor/request_list#Blocking_specific_URLs">Request Blocking sidebar</a> 中移除。如果该字符串之前未被阻止，也不会抛出错误信息。</dd> + <dd>（从Firefox 80版本开始可用）后跟一个未引用的字符串，取消阻止URL中包含该字符串的请求。在 <strong><a href="/zh-CN/docs/Tools/Network_Monitor">Network Monitor</a> </strong>中，该字符串会被从 <a href="/zh-CN/docs/Tools/Network_Monitor/request_list#Blocking_specific_URLs">Request Blocking sidebar</a> 中移除。如果该字符串之前未被阻止，也不会抛出错误信息。</dd> <dt><code>values()</code></dt> <dd>提供一个对象，返回它所有的值。与 <code>keys()</code> 是伙伴函数。</dd> </dl> @@ -103,7 +103,7 @@ translation_of: Tools/Web_Console/Helpers <dl> <dt>temp<em>N</em></dt> - <dd>查看器中的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Use in Console">Use in Console</a> 选项（选中任意一个元素，右键菜单中有该选项）为节点生成了一个变量例如 <code>temp0</code>，<code>temp1</code>，<code>temp2</code> 等等来引用该节点。</dd> + <dd>查看器中的 <a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Use in Console">Use in Console</a> 选项（选中任意一个元素，右键菜单中有该选项）为节点生成了一个变量例如 <code>temp0</code>，<code>temp1</code>，<code>temp2</code> 等等来引用该节点。</dd> </dl> <h2 id="示例">示例</h2> @@ -121,5 +121,5 @@ translation_of: Tools/Web_Console/Helpers <h2 id="另请参阅">另请参阅</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/Console">console</a> </li> + <li><a href="/zh-CN/docs/Web/API/Console">console</a> </li> </ul> diff --git a/files/zh-cn/web/accessibility/aria/forms/alerts/index.html b/files/zh-cn/web/accessibility/aria/forms/alerts/index.html index 485633647c..04e64237e0 100644 --- a/files/zh-cn/web/accessibility/aria/forms/alerts/index.html +++ b/files/zh-cn/web/accessibility/aria/forms/alerts/index.html @@ -99,7 +99,7 @@ translation_of: Web/Accessibility/ARIA/forms/alerts <h2 id="addAlert_函数"><span class="mw-headline" id="The_addAlert_function"><code>addAlert</code> 函数</span></h2> -<p>此功能首先删除所有旧警报。 该函数很简单：它查找ID为“<code>alert</code>”的元素，如果找到，则将其从<a href="https://wiki.developer.mozilla.org/zh_CN/docs/Mozilla/Tech/XUL/Tutorial/Document_Object_Model">文档对象模型</a>中删除。</p> +<p>此功能首先删除所有旧警报。 该函数很简单：它查找ID为“<code>alert</code>”的元素，如果找到，则将其从<a href="/zh-CN/docs/Mozilla/Tech/XUL/Tutorial/Document_Object_Model">文档对象模型</a>中删除。</p> <p><font face="Arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">接下来，这个函数创建一个</span></font><code>div</code>元素来保存警告文本。 它得到了一个 “<code>alert</code>”的ID.，并且它具有“<code>alert</code>”角色集。 这实际上是受ARIA启发的，即使它在属性名称中没有标明“aria”。 这是因为该角色基于<a href="http://www.w3.org/TR/xhtml-role/">XHTML角色属性模块</a>，为简单起见，该模块简单地移植到HTML。</p> diff --git a/files/zh-cn/web/api/audiocontext/index.html b/files/zh-cn/web/api/audiocontext/index.html index b70d5feb56..eae53ceaa1 100644 --- a/files/zh-cn/web/api/audiocontext/index.html +++ b/files/zh-cn/web/api/audiocontext/index.html @@ -98,6 +98,6 @@ var finish = audioCtx.destination; <h2 id="相关链接">相关链接</h2> <ul> - <li>使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Web Audio API</a></li> + <li>使用 <a href="/zh-CN/docs/Web_Audio_API/Using_Web_Audio_API">Web Audio API</a></li> <li>{{domxref("OfflineAudioContext")}}</li> </ul> diff --git a/files/zh-cn/web/api/canvas_api/tutorial/transformations/index.html b/files/zh-cn/web/api/canvas_api/tutorial/transformations/index.html index d8e65e4dc4..fea4e7e8fc 100644 --- a/files/zh-cn/web/api/canvas_api/tutorial/transformations/index.html +++ b/files/zh-cn/web/api/canvas_api/tutorial/transformations/index.html @@ -212,7 +212,7 @@ translation_of: Web/API/Canvas_API/Tutorial/Transformations <dl> <dt>{{domxref("CanvasRenderingContext2D.transform", "transform(a, b, c, d, e, f)")}}</dt> <dd>这个方法是将当前的变形矩阵乘上一个基于自身参数的矩阵，如下面的矩阵所示：<math><semantics><mrow><mo>[</mo><mtable columnalign="center center center" rowspacing="0.5ex"><mtr><mtd><mi>a</mi></mtd><mtd><mi>c</mi></mtd><mtd><mi>e</mi></mtd></mtr><mtr><mtd><mi>b</mi></mtd><mtd><mi>d</mi></mtd><mtd><mi>f</mi></mtd></mtr><mtr><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd></mtr></mtable><mo>]</mo></mrow><annotation encoding="TeX">\left[ \begin{array}{ccc} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{array} \right]</annotation></semantics></math></dd> - <dd>如果任意一个参数是<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity">Infinity</a></code>，变形矩阵也必须被标记为无限大，否则会抛出异常。</dd> + <dd>如果任意一个参数是<code><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Infinity" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity">Infinity</a></code>，变形矩阵也必须被标记为无限大，否则会抛出异常。</dd> </dl> <p>这个函数的参数各自代表如下：</p> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/fillstyle/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/fillstyle/index.html index 09f8a09480..33cd174f64 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/fillstyle/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/fillstyle/index.html @@ -154,7 +154,7 @@ setFillColor(c, m, y, k, a); <h2 id="参见">参见</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Canvas_API">Canvas API</a></li> + <li><a href="/zh-CN/docs/Web/API/Canvas_API">Canvas API</a></li> <li>接口定义， {{domxref("CanvasRenderingContext2D")}}</li> <li>此属性使用的值: <ul> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/index.html index a792ab9759..d08ba7ba85 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/CanvasRenderingContext2D <p><code><strong>CanvasRenderingContext2D</strong></code>接口是Canvas API的一部分，可为{{HTMLElement("canvas")}}元素的绘图表面提供2D渲染上下文。 它用于绘制形状，文本，图像和其他对象。</p> -<p>请参阅侧边栏和下方的界面属性和方法。 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial" title="Canvas tutorial">Canvas教程</a><span style="line-height: inherit;">提供了更多的信息，例子和资源</span>。</p> +<p>请参阅侧边栏和下方的界面属性和方法。 <a href="/zh-CN/docs/Web/API/Canvas_API/Tutorial" title="Canvas tutorial">Canvas教程</a><span style="line-height: inherit;">提供了更多的信息，例子和资源</span>。</p> <h2 id="基础示例">基础示例</h2> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html index 19b36c145d..f6be5aa06b 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html @@ -154,5 +154,5 @@ march();</pre> <li>接口定义， {{domxref("CanvasRenderingContext2D")}}</li> <li>{{domxref("CanvasRenderingContext2D.getLineDash()")}}</li> <li>{{domxref("CanvasRenderingContext2D.setLineDash()")}}</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">Applying styles and color</a></li> + <li><a href="/zh-CN/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">Applying styles and color</a></li> </ul> diff --git a/files/zh-cn/web/api/css/index.html b/files/zh-cn/web/api/css/index.html index 460f39dfc4..eee997a80a 100644 --- a/files/zh-cn/web/api/css/index.html +++ b/files/zh-cn/web/api/css/index.html @@ -34,7 +34,7 @@ translation_of: Web/API/CSS <dt>{{DOMxRef("CSS.escape()")}}</dt> <dd>可以用来转义一个大多用来当作CSS选择器一部分的字符串。</dd> <dt>{{DOMxRef("CSS.factory_functions", 'CSS factory functions')}}</dt> - <dd>可以用来返回一个 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/CSSUnitValue">CSSUnitValue</a></code>。它的值由传入的数值以及调用的factory方法名称组成。</dd> + <dd>可以用来返回一个 <code><a href="/zh-CN/docs/Web/API/CSSUnitValue">CSSUnitValue</a></code>。它的值由传入的数值以及调用的factory方法名称组成。</dd> <dd> <pre class="notranslate">CSS.em(3) // CSSUnitValue {value: 3, unit: "em"}</pre> </dd> diff --git a/files/zh-cn/web/api/devicemotionevent/index.html b/files/zh-cn/web/api/devicemotionevent/index.html index c0a4d3868c..4892a855b9 100644 --- a/files/zh-cn/web/api/devicemotionevent/index.html +++ b/files/zh-cn/web/api/devicemotionevent/index.html @@ -75,6 +75,6 @@ translation_of: Web/API/DeviceMotionEvent <li>{{Event("deviceorientation")}}</li> <li>{{DOMxRef("DeviceOrientationEvent")}}</li> <li>{{Event("devicemotion")}}</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/WebAPI/Detecting_device_orientation" title="/en-US/docs/WebAPI/Detecting_device_orientation">Detecting device orientation</a></li> + <li><a href="/zh-CN/docs/WebAPI/Detecting_device_orientation" title="/en-US/docs/WebAPI/Detecting_device_orientation">Detecting device orientation</a></li> <li><a href="https://developer.mozilla.org/en/DOM/Orientation_and_motion_data_explained" title="Orientation and motion data explained">Orientation and motion data explained</a></li> </ul> diff --git a/files/zh-cn/web/api/document/onfullscreenchange/index.html b/files/zh-cn/web/api/document/onfullscreenchange/index.html index 68c269c2a0..e012de078f 100644 --- a/files/zh-cn/web/api/document/onfullscreenchange/index.html +++ b/files/zh-cn/web/api/document/onfullscreenchange/index.html @@ -59,8 +59,8 @@ document.documentElement.onclick = function () { <h2 id="相关文章">相关文章</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API">Fullscreen API</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API/Guide">Guide to the Fullscreen API</a></li> + <li><a href="/zh-CN/docs/Web/API/Fullscreen_API">Fullscreen API</a></li> + <li><a href="/zh-CN/docs/Web/API/Fullscreen_API/Guide">Guide to the Fullscreen API</a></li> <li>{{event("fullscreenchange")}}</li> <li>{{domxref("Document.onfullscreenerror")}}</li> </ul> diff --git a/files/zh-cn/web/api/document/visibilitychange_event/index.html b/files/zh-cn/web/api/document/visibilitychange_event/index.html index f1c945c5ea..a2099d511b 100644 --- a/files/zh-cn/web/api/document/visibilitychange_event/index.html +++ b/files/zh-cn/web/api/document/visibilitychange_event/index.html @@ -33,7 +33,7 @@ translation_of: Web/API/Document/visibilitychange_event <p>该事件不包括文档的更新的可见性状态，但是您可以从文档的 {{domxref("Document.visibilityState", "visibilityState")}} 属性中获取该信息。</p> <div class="blockIndicator warning"> -<p>当 visibleStateState 属性的值转换为 <code>hidden </code>时，Safari不会按预期触发<code>visibilitychange</code>； 因此，在这种情况下，您还需要包含代码以侦听 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Window/pagehide_event">pagehide</a></code> 事件。</p> +<p>当 visibleStateState 属性的值转换为 <code>hidden </code>时，Safari不会按预期触发<code>visibilitychange</code>； 因此，在这种情况下，您还需要包含代码以侦听 <code><a href="/zh-CN/docs/Web/API/Window/pagehide_event">pagehide</a></code> 事件。</p> </div> <div class="blockIndicator warning"> diff --git a/files/zh-cn/web/api/element/classlist/index.html b/files/zh-cn/web/api/element/classlist/index.html index 4cd64f9d9f..194b627074 100644 --- a/files/zh-cn/web/api/element/classlist/index.html +++ b/files/zh-cn/web/api/element/classlist/index.html @@ -24,7 +24,7 @@ translation_of: Web/API/Element/classList <h3 id="返回值">返回值</h3> -<p><code><em><var>elementClasses</var></em></code> 是一个 {{domxref("DOMTokenList")}} 表示 <code><var>elementNodeReference</var></code> 的类属性 。如果类属性未设置或为空，那么 <code><em>elementClasses.length</em></code> 返回 <code>0</code>。虽然 <code>element.classList</code> 本身是只读的，但是你可以使用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/add">add()</a></code> 和 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/remove">remove()</a></code> 方法修改它。</p> +<p><code><em><var>elementClasses</var></em></code> 是一个 {{domxref("DOMTokenList")}} 表示 <code><var>elementNodeReference</var></code> 的类属性 。如果类属性未设置或为空，那么 <code><em>elementClasses.length</em></code> 返回 <code>0</code>。虽然 <code>element.classList</code> 本身是只读的，但是你可以使用 <code><a href="/zh-CN/docs/Web/API/DOMTokenList/add">add()</a></code> 和 <code><a href="/zh-CN/docs/Web/API/DOMTokenList/remove">remove()</a></code> 方法修改它。</p> <h2 id="示例">示例</h2> diff --git a/files/zh-cn/web/api/element/mousemove_event/index.html b/files/zh-cn/web/api/element/mousemove_event/index.html index a6aace0933..f549324971 100644 --- a/files/zh-cn/web/api/element/mousemove_event/index.html +++ b/files/zh-cn/web/api/element/mousemove_event/index.html @@ -41,7 +41,7 @@ translation_of: Web/API/Element/mousemove_event <h2 id="例子"><span style="">例子</span></h2> -<p>下面的例子将使用 {{domxref("Element/mousedown_event", "mousedown")}}, <code>mousemove</code> 以及 {{domxref("Element/mouseup_event", "mouseup")}} 事件，实现一个允许用户在 HTML5 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Canvas_API">canvas</a>绘图的功能。这个例子的功能很简单：线的粗细设置为1，颜色始终为黑色。</p> +<p>下面的例子将使用 {{domxref("Element/mousedown_event", "mousedown")}}, <code>mousemove</code> 以及 {{domxref("Element/mouseup_event", "mouseup")}} 事件，实现一个允许用户在 HTML5 <a href="/zh-CN/docs/Web/API/Canvas_API">canvas</a>绘图的功能。这个例子的功能很简单：线的粗细设置为1，颜色始终为黑色。</p> <p>当页面加载完成，我们使用变量 <code>myPics</code> 和<code>context</code>分别保存ID为<code>myPics</code>的DOM元素和接下来需要加工的的2d元素。</p> diff --git a/files/zh-cn/web/api/event/cancelable/index.html b/files/zh-cn/web/api/event/cancelable/index.html index 260da1a336..a7433f1e4e 100644 --- a/files/zh-cn/web/api/event/cancelable/index.html +++ b/files/zh-cn/web/api/event/cancelable/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/Event/cancelable <p>大部分由用户与页面交互产生的原生浏览器事件都可以被取消。取消{{event("click")}}，{{event("scroll")}} 或 {{event("beforeunload")}} 事件将分别阻止用户点击某些元素，滚动页面或跳离页面。</p> -<p>使用其它 JavaScript 代码创建的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Event/Event">Custom events</a> ，可以在初始化事件的时候控制该事件是否可以被取消。</p> +<p>使用其它 JavaScript 代码创建的 <a href="/zh-CN/docs/Web/API/Event/Event">Custom events</a> ，可以在初始化事件的时候控制该事件是否可以被取消。</p> <h2 id="Syntax" name="Syntax">语法</h2> diff --git a/files/zh-cn/web/api/eventtarget/index.html b/files/zh-cn/web/api/eventtarget/index.html index 3793a8b749..8d22342e6b 100644 --- a/files/zh-cn/web/api/eventtarget/index.html +++ b/files/zh-cn/web/api/eventtarget/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/EventTarget <p>{{domxref("Element")}}，{{domxref("document")}} 和 {{domxref("window")}} 是最常见的 event targets ，但是其他对象也可以作为 event targets，比如 {{domxref("XMLHttpRequest")}}，{{domxref("AudioNode")}}，{{domxref("AudioContext")}} 等等。</p> -<p>许多 event targets （包括 elements， documents 和 windows）支持通过 <code>onevent</code> 特性和属性设置<a href="/zh-CN/docs/Web/Guide/DOM/Events/Event_handlers">事件处理程序</a> (<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Event_handlers">event handlers</a>)。</p> +<p>许多 event targets （包括 elements， documents 和 windows）支持通过 <code>onevent</code> 特性和属性设置<a href="/zh-CN/docs/Web/Guide/DOM/Events/Event_handlers">事件处理程序</a> (<a href="/zh-CN/docs/Web/Guide/DOM/Events/Event_handlers">event handlers</a>)。</p> <p>{{InheritanceDiagram}}</p> diff --git a/files/zh-cn/web/api/extendableevent/waituntil/index.html b/files/zh-cn/web/api/extendableevent/waituntil/index.html index 8e48586b67..919ceac2c6 100644 --- a/files/zh-cn/web/api/extendableevent/waituntil/index.html +++ b/files/zh-cn/web/api/extendableevent/waituntil/index.html @@ -7,9 +7,9 @@ translation_of: Web/API/ExtendableEvent/waitUntil <p><code><strong>ExtendableEvent.waitUntil()</strong></code> 方法告诉事件分发器该事件仍在进行。这个方法也可以用于检测进行的任务是否成功。在服务工作线程中，这个方法告诉浏览器事件一直进行，直至 promise 解决，浏览器不应该在事件中的异步操作完成之前终止服务工作线程。</p> -<p>服务工作线程（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope">service workers</a>）中的 {{domxref("ServiceWorkerGlobalScope/install_event", "install")}} 事件使用 <code>waitUntil()</code> 来将服务工作线程保持在 {{domxref("ServiceWorkerRegistration.installing", "installing")}} 阶段。如果传入 <code>waitUntil()</code> 的 promise 被拒绝，则将此次安装视为失败，丢弃这个服务工作线程。这主要用于确保在服务工作线程安装以前，所有依赖的核心缓存都已经成功载入。</p> +<p>服务工作线程（<a href="/zh-CN/docs/Web/API/ServiceWorkerGlobalScope">service workers</a>）中的 {{domxref("ServiceWorkerGlobalScope/install_event", "install")}} 事件使用 <code>waitUntil()</code> 来将服务工作线程保持在 {{domxref("ServiceWorkerRegistration.installing", "installing")}} 阶段。如果传入 <code>waitUntil()</code> 的 promise 被拒绝，则将此次安装视为失败，丢弃这个服务工作线程。这主要用于确保在服务工作线程安装以前，所有依赖的核心缓存都已经成功载入。</p> -<p>服务工作线程（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope">service workers</a>）中的 {{domxref("ServiceWorkerGlobalScope/activate_event", "activate")}} 事件使用 <code>waitUntil()</code> 来延迟函数事件，如 <code>fetch</code> 和 <code>push</code>，直至传入 <code>waitUntil()</code> 的 promise 被解决。这让服务工作线程有时间更新数据库架构（database schema）和删除过时缓存（{{domxref("Cache", "caches")}}），让其他事件能在一个完成更新的状态下进行。</p> +<p>服务工作线程（<a href="/zh-CN/docs/Web/API/ServiceWorkerGlobalScope">service workers</a>）中的 {{domxref("ServiceWorkerGlobalScope/activate_event", "activate")}} 事件使用 <code>waitUntil()</code> 来延迟函数事件，如 <code>fetch</code> 和 <code>push</code>，直至传入 <code>waitUntil()</code> 的 promise 被解决。这让服务工作线程有时间更新数据库架构（database schema）和删除过时缓存（{{domxref("Cache", "caches")}}），让其他事件能在一个完成更新的状态下进行。</p> <p> <code>waitUntil()</code> 方法最初必须在事件回调里调用，在此之后，方法可以被调用多次，直至所有传入的 promise 被解决。</p> diff --git a/files/zh-cn/web/api/fetch_api/using_fetch/index.html b/files/zh-cn/web/api/fetch_api/using_fetch/index.html index eb8f12659b..d08d605958 100644 --- a/files/zh-cn/web/api/fetch_api/using_fetch/index.html +++ b/files/zh-cn/web/api/fetch_api/using_fetch/index.html @@ -20,7 +20,7 @@ translation_of: Web/API/Fetch_API/Using_Fetch <ul> <li>当接收到一个代表错误的 HTTP 状态码时，从 <code>fetch()</code> 返回的 Promise <strong>不会被标记为 reject，</strong> 即使响应的 HTTP 状态码是 404 或 500。相反，它会将 Promise 状态标记为 resolve （但是会将 resolve 的返回值的 <code>ok</code> 属性设置为 false ），仅当网络故障时或请求被阻止时，才会标记为 reject。</li> - <li><code>fetch()</code><strong> 可以<s>不会</s>接受跨域 cookies；</strong>你也可以<s>不能</s>使用 <code>fetch()</code> 建立起跨域会话。<s>其他网站的 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie">Set-Cookie</a></code> 头部字段将会被无视。</s></li> + <li><code>fetch()</code><strong> 可以<s>不会</s>接受跨域 cookies；</strong>你也可以<s>不能</s>使用 <code>fetch()</code> 建立起跨域会话。<s>其他网站的 <code><a href="/zh-CN/docs/Web/HTTP/Headers/Set-Cookie">Set-Cookie</a></code> 头部字段将会被无视。</s></li> <li><code>fetch</code> <strong>不会发送 cookies</strong>。除非你使用了<em>credentials</em> 的<a href="https://developer.mozilla.org/zh-CN/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters">初始化选项</a>。（自 2017 年 8 月 25 日以后，默认的 credentials 政策变更为 <code>same-origin</code>。Firefox 也在 61.0b13 版本中进行了修改）</li> </ul> diff --git a/files/zh-cn/web/api/fullscreen_api/index.html b/files/zh-cn/web/api/fullscreen_api/index.html index 59bea9a990..87e6fec637 100644 --- a/files/zh-cn/web/api/fullscreen_api/index.html +++ b/files/zh-cn/web/api/fullscreen_api/index.html @@ -117,7 +117,7 @@ translation_of: Web/API/Fullscreen_API <p>全屏模式可由功能策略（ <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Feature_Policy">Feature Policy</a>）控制。全屏模式功能由字符串“full screen”标识，默认的允许列表值为“self”，这意味着在顶级文档上下文 以及 从与顶级文档相同的源加载的嵌套上下文中允许使用全屏模式。</p> -<p>请参阅使用功能策略（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Feature_Policy/Using_Feature_Policy"> Feature Policy</a> ）以了解有关使用功能策略控制对API的访问的更多信息。</p> +<p>请参阅使用功能策略（<a href="/zh-CN/docs/Web/HTTP/Feature_Policy/Using_Feature_Policy"> Feature Policy</a> ）以了解有关使用功能策略控制对API的访问的更多信息。</p> <h2 id="Things_your_users_want_to_know" name="Things_your_users_want_to_know">使用说明</h2> diff --git a/files/zh-cn/web/api/history_api/index.html b/files/zh-cn/web/api/history_api/index.html index 2c4edffce9..c7e54a41b3 100644 --- a/files/zh-cn/web/api/history_api/index.html +++ b/files/zh-cn/web/api/history_api/index.html @@ -209,5 +209,5 @@ history.pushState(stateObj, "page 2", "bar.html"); <h3 id="Guides">Guides</h3> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/History_API/Working_with_the_History_API">Working with the History API</a></li> + <li><a href="/zh-CN/docs/Web/API/History_API/Working_with_the_History_API">Working with the History API</a></li> </ul> diff --git a/files/zh-cn/web/api/htmlanchorelement/hash/index.html b/files/zh-cn/web/api/htmlanchorelement/hash/index.html index 5f9305da09..257a572947 100644 --- a/files/zh-cn/web/api/htmlanchorelement/hash/index.html +++ b/files/zh-cn/web/api/htmlanchorelement/hash/index.html @@ -10,7 +10,7 @@ original_slug: Web/API/HTMLHyperlinkElementUtils/hash <p><strong><code>HTMLHyperlinkElementUtils.hash</code></strong> 属性返回一个包含“＃”的 {{domxref("DOMString")}} , 后跟URL的片段标识符。</p> -<p>片段没有<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Glossary/percent-encoding">百分比解码</a>。如果URL没有包含片段标识符，这个属性为一个空的字符串, <code>""</code>.</p> +<p>片段没有<a href="/zh-CN/docs/Glossary/percent-encoding">百分比解码</a>。如果URL没有包含片段标识符，这个属性为一个空的字符串, <code>""</code>.</p> <h2 id="Syntax">Syntax</h2> diff --git a/files/zh-cn/web/api/htmlcanvaselement/index.html b/files/zh-cn/web/api/htmlcanvaselement/index.html index b5efafdf5b..75396fc50c 100644 --- a/files/zh-cn/web/api/htmlcanvaselement/index.html +++ b/files/zh-cn/web/api/htmlcanvaselement/index.html @@ -32,7 +32,7 @@ translation_of: Web/API/HTMLCanvasElement <dt>{{domxref("HTMLCanvasElement.captureStream()")}} {{experimental_inline}}</dt> <dd>返回{{domxref("CanvasCaptureMediaStream")}} ，它是对画布表面的实时视频捕获。</dd> <dt>{{domxref("HTMLCanvasElement.getContext()")}}</dt> - <dd>返回画布上的绘图上下文；如果不支持上下文ID，则返回null。 绘图上下文可让您在画布上绘图。 调用getContext传入<code>"2d"</code> 可以返回一个{{domxref("CanvasRenderingContext2D")}}对象，也可以传入<code>"webgl"</code>（或<code>"experimental-webgl"</code>）返回一个{{domxref("WebGLRenderingContext")}} 对象。 此上下文仅在实现<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/WebGL">WebGL</a>的浏览器上可用。</dd> + <dd>返回画布上的绘图上下文；如果不支持上下文ID，则返回null。 绘图上下文可让您在画布上绘图。 调用getContext传入<code>"2d"</code> 可以返回一个{{domxref("CanvasRenderingContext2D")}}对象，也可以传入<code>"webgl"</code>（或<code>"experimental-webgl"</code>）返回一个{{domxref("WebGLRenderingContext")}} 对象。 此上下文仅在实现<a href="/zh-CN/docs/Web/WebGL">WebGL</a>的浏览器上可用。</dd> <dt>{{domxref("HTMLCanvasElement.toDataURL()")}}</dt> <dd>返回一个数据URL，该URL包含由类型参数指定的格式的图像（默认为<code>png</code>）。 返回的图像分辨率为96dpi。</dd> <dt>{{domxref("HTMLCanvasElement.toBlob()")}}</dt> @@ -48,14 +48,14 @@ translation_of: Web/API/HTMLCanvasElement <h2 id="事件">事件</h2> -<p>使用<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code>监听这些事件。</p> +<p>使用<code><a href="/zh-CN/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code>监听这些事件。</p> <dl> - <dt><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/webglcontextcreationerror_event">webglcontextcreationerror</a></code></dt> + <dt><code><a href="/zh-CN/docs/Web/API/HTMLCanvasElement/webglcontextcreationerror_event">webglcontextcreationerror</a></code></dt> <dd>如果用户代理无法创建<code>WebGLRenderingContext</code> 或<code>WebGL2RenderingContext</code> 上下文，则触发该事件。</dd> - <dt><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/webglcontextlost_event">webglcontextlost</a></code></dt> + <dt><code><a href="/zh-CN/docs/Web/API/HTMLCanvasElement/webglcontextlost_event">webglcontextlost</a></code></dt> <dd>如果用户代理检测到与<code>WebGLRenderingContext</code> 或<code>WebGL2RenderingContext</code> 对象关联的绘图缓冲区已丢失，则触发此事件。</dd> - <dt><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/webglcontextrestored_event">webglcontextrestored</a></code></dt> + <dt><code><a href="/zh-CN/docs/Web/API/HTMLCanvasElement/webglcontextrestored_event">webglcontextrestored</a></code></dt> <dd>如果用户代理为<code>WebGLRenderingContext</code> 或<code>WebGL2RenderingContext</code> 对象恢复绘图缓冲区，则触发该事件。</dd> </dl> diff --git a/files/zh-cn/web/api/htmlelement/nonce/index.html b/files/zh-cn/web/api/htmlelement/nonce/index.html index 018a276376..0e427038a4 100644 --- a/files/zh-cn/web/api/htmlelement/nonce/index.html +++ b/files/zh-cn/web/api/htmlelement/nonce/index.html @@ -26,7 +26,7 @@ HTMLElement.nonce = <em>nonce</em></pre> <h3 id="访问nonce属性值">访问nonce属性值</h3> -<p>以前，并不是所有的浏览器都支持 <code>nonce</code> IDL属性，因此在实际应用场景中，尝试使用<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute">getAttribute</a></code> 作为备选：</p> +<p>以前，并不是所有的浏览器都支持 <code>nonce</code> IDL属性，因此在实际应用场景中，尝试使用<code><a href="/zh-CN/docs/Web/API/Element/getAttribute">getAttribute</a></code> 作为备选：</p> <pre class="notranslate">let nonce = script['nonce'] || script.getAttribute('nonce');</pre> diff --git a/files/zh-cn/web/api/htmlimageelement/index.html b/files/zh-cn/web/api/htmlimageelement/index.html index 19ae9dd455..bf35d8b582 100644 --- a/files/zh-cn/web/api/htmlimageelement/index.html +++ b/files/zh-cn/web/api/htmlimageelement/index.html @@ -29,7 +29,7 @@ translation_of: Web/API/HTMLImageElement <dd>一个 {{domxref("DOMString")}} 表示这个img元素的 CORS 设置。参考 <a href="/en-US/docs/HTML/CORS_settings_attributes" title="HTML/CORS settings attributes">CORS settings attributes</a>。This may be <code>null</code> if CORS is not used.</dd> <dt>{{domxref("HTMLImageElement.currentSrc")}} {{readonlyInline}}</dt> <dd>返回一个 {{domxref("DOMString")}} 表示加载当前显示的图像的URL。<br> - 这可能会改变，因为图像是调整，由于不断变化的条件，由任何 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries">media queries</a> 的地方。</dd> + 这可能会改变，因为图像是调整，由于不断变化的条件，由任何 <a href="/zh-CN/docs/Web/CSS/Media_Queries">media queries</a> 的地方。</dd> <dt>{{domxref("HTMLImageElement.decoding")}}</dt> <dd>An optional {{domxref("DOMString")}} representing a hint given to the browser on how it should decode the image. If this value is provided, it must be one of the possible permitted values: <code>sync</code> to decode the image synchronously, <code>async</code> to decode it asynchronously, or <code>auto</code> to indicate no preference (which is the default). Read the {{domxref("HTMLImageElement.decoding", "decoding")}} page for details on the implications of this property's values.</dd> <dt>{{domxref("HTMLImageElement.height")}}</dt> diff --git a/files/zh-cn/web/api/htmlinputelement/setselectionrange/index.html b/files/zh-cn/web/api/htmlinputelement/setselectionrange/index.html index 0d7070858d..b571e8cf9a 100644 --- a/files/zh-cn/web/api/htmlinputelement/setselectionrange/index.html +++ b/files/zh-cn/web/api/htmlinputelement/setselectionrange/index.html @@ -20,7 +20,7 @@ translation_of: Web/API/HTMLInputElement/setSelectionRange <p>要注意的是，在 <a href="https://html.spec.whatwg.org/multipage/forms.html#concept-input-apply">WHATWG forms spec</a> 中，<code>selectionStart</code>, <code>selectionEnd</code> 属性和 <code>setSelectionRange</code> 方法只能应用于类型为文本、搜索、链接、电话号码和密码的输入。Chrome 从版本 33 开始会在访问其余类型的这些属性和方法时抛出异常。例如，输入类型为数字时会抛出：“不能从'HTMLInputElement'中读取'selectionStart'属性：输入元素的类型('number')不支持选择（Failed to read the 'selectionStart' property from 'HTMLInputElement': The input element's type ('number') does not support selection）”。</p> -<p>如果你希望<strong>全选</strong>输入元素中的文本，你可以使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select">HTMLInputElement.select()</a> 方法。</p> +<p>如果你希望<strong>全选</strong>输入元素中的文本，你可以使用 <a href="/zh-CN/docs/Web/API/HTMLInputElement/select">HTMLInputElement.select()</a> 方法。</p> <h2 id="语法">语法</h2> diff --git a/files/zh-cn/web/api/htmlmediaelement/load/index.html b/files/zh-cn/web/api/htmlmediaelement/load/index.html index eb674466d9..9f3d3c4496 100644 --- a/files/zh-cn/web/api/htmlmediaelement/load/index.html +++ b/files/zh-cn/web/api/htmlmediaelement/load/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/HTMLMediaElement/load <h2 id="用法">用法</h2> -<p>调用 <code>load()</code> 会使媒体上所有正在进行的操作中止，然后根据 <code>audio</code> 或者 <code>video</code> 元素的 <code>src</code> 或者 <code>source</code> 属性里寻找合适的播放源并重新加载媒体内容。 更多查看 <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content#Supporting_multiple_formats" title="And that's a wrap; we hope you had fun playing with video and audio in web pages! In the next article, we'll look at other ways of embedding content on the Web, using technologies like <iframe> and <object>.">Supporting multiple formats</a> 和 <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content" title="And that's a wrap; we hope you had fun playing with video and audio in web pages! In the next article, we'll look at other ways of embedding content on the Web, using technologies like <iframe> and <object>.">Video and audio content</a> 。</p> +<p>调用 <code>load()</code> 会使媒体上所有正在进行的操作中止，然后根据 <code>audio</code> 或者 <code>video</code> 元素的 <code>src</code> 或者 <code>source</code> 属性里寻找合适的播放源并重新加载媒体内容。 更多查看 <a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content#Supporting_multiple_formats" title="And that's a wrap; we hope you had fun playing with video and audio in web pages! In the next article, we'll look at other ways of embedding content on the Web, using technologies like <iframe> and <object>.">Supporting multiple formats</a> 和 <a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content" title="And that's a wrap; we hope you had fun playing with video and audio in web pages! In the next article, we'll look at other ways of embedding content on the Web, using technologies like <iframe> and <object>.">Video and audio content</a> 。</p> <p>The process of aborting any ongoing activities will cause any outstanding {{jsxref("Promise")}}s returned by {{domxref("HTMLMediaElement.play", "play()")}} being resolved or rejected as appropriate based on their status before the loading of new media can begin. Pending play promises are aborted with an <code>"AbortError"</code> {{domxref("DOMException")}}.</p> diff --git a/files/zh-cn/web/api/htmlmediaelement/play/index.html b/files/zh-cn/web/api/htmlmediaelement/play/index.html index 6f0b799471..e492d4581e 100644 --- a/files/zh-cn/web/api/htmlmediaelement/play/index.html +++ b/files/zh-cn/web/api/htmlmediaelement/play/index.html @@ -56,7 +56,7 @@ translation_of: Web/API/HTMLMediaElement/play <p><strong>注意：</strong><code>play()</code> 方法可能会让用户被询问是否给予播放媒体的权限，这可能会使返回的 promise 延迟解决。你应该确保你的代码不需要即时响应。</p> </div> -<p>关于自动播放和禁止自动播放的更多深度内容，参见我们的文章 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide">Autoplay guide for media and Web Audio APIs</a>。</p> +<p>关于自动播放和禁止自动播放的更多深度内容，参见我们的文章 <a href="/zh-CN/docs/Web/Media/Autoplay_guide">Autoplay guide for media and Web Audio APIs</a>。</p> <h2 id="示例">示例</h2> @@ -86,7 +86,7 @@ function handlePlayButton() { } }</pre> -<p>在这个例子中，视频的播放由 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function">async</a></code> <code>playVideo()</code> 函数控制。函数尝试播放视频，如果播放成功，将 <code>playButton</code> 元素的类名称设为 <code>"playing"</code>。如果播放失败，去除 <code>playButton</code> 元素的类名称，恢复其原来的样式。通过监视 <code>play()</code> 返回的 {{jsxref("Promise")}} 是被解决还是被拒绝以保证播放按钮的外观与实际的播放状态相匹配。</p> +<p>在这个例子中，视频的播放由 <code><a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function">async</a></code> <code>playVideo()</code> 函数控制。函数尝试播放视频，如果播放成功，将 <code>playButton</code> 元素的类名称设为 <code>"playing"</code>。如果播放失败，去除 <code>playButton</code> 元素的类名称，恢复其原来的样式。通过监视 <code>play()</code> 返回的 {{jsxref("Promise")}} 是被解决还是被拒绝以保证播放按钮的外观与实际的播放状态相匹配。</p> <p>上述代码开始执行时，先获取 {{HTMLElement("video")}} 元素和用于切换播放、暂停的 {{HTMLElement("button")}} 元素的引用。在切换按钮上添加 {{event("click")}} 事件的处理程序。最后调用 <code>playVideo()</code> 尝试自动开始播放。</p> @@ -125,10 +125,10 @@ function handlePlayButton() { <h2 id="参见">参见</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media">Web media technologies</a></li> - <li>Learning: <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Video and audio content</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide">Autoplay guide for media and Web Audio APIs</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/zh-CN/docs/Web/Media">Web media technologies</a></li> + <li>Learning: <a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Video and audio content</a></li> + <li><a href="/zh-CN/docs/Web/Media/Autoplay_guide">Autoplay guide for media and Web Audio APIs</a></li> + <li><a href="/zh-CN/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> <div id="compat-mobile"></div> diff --git a/files/zh-cn/web/api/inputevent/data/index.html b/files/zh-cn/web/api/inputevent/data/index.html index 0b1259df38..fc88ca7c42 100644 --- a/files/zh-cn/web/api/inputevent/data/index.html +++ b/files/zh-cn/web/api/inputevent/data/index.html @@ -26,7 +26,7 @@ translation_of: Web/API/InputEvent/data <h2 id="示例">示例</h2> -<p>在下面的简单示例中，我们在 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event">input</a> 事件上设置了一个事件监听器，以便在对 {{htmlelement("input")}} 元素的内容进行任何更改时（通过键入或粘贴），通过 <strong><code>InputEvent.data</code></strong> 属性检索添加的文本，并在 <code><input></code> 下面的段落中报告。</p> +<p>在下面的简单示例中，我们在 <a href="/zh-CN/docs/Web/API/HTMLElement/input_event">input</a> 事件上设置了一个事件监听器，以便在对 {{htmlelement("input")}} 元素的内容进行任何更改时（通过键入或粘贴），通过 <strong><code>InputEvent.data</code></strong> 属性检索添加的文本，并在 <code><input></code> 下面的段落中报告。</p> <pre class="brush: html"><p>Some text to copy and paste.</p> diff --git a/files/zh-cn/web/api/inputevent/datatransfer/index.html b/files/zh-cn/web/api/inputevent/datatransfer/index.html index 680c567b7f..80699e5fd9 100644 --- a/files/zh-cn/web/api/inputevent/datatransfer/index.html +++ b/files/zh-cn/web/api/inputevent/datatransfer/index.html @@ -22,7 +22,7 @@ translation_of: Web/API/InputEvent/dataTransfer <h2 id="示例">示例</h2> -<p>在下面的简单示例中，我们在 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event">input</a> 事件上设置了一个事件监听器，以便在将任何内容粘贴到 {{htmlelement("p")}} 元素时，通过 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/DataTransfer/getData">InputEvent.dataTransfer.getData()</a></code> 方法检索其HTML源代码，并在输入框下面的段落中报告。</p> +<p>在下面的简单示例中，我们在 <a href="/zh-CN/docs/Web/API/HTMLElement/input_event">input</a> 事件上设置了一个事件监听器，以便在将任何内容粘贴到 {{htmlelement("p")}} 元素时，通过 <code><a href="/zh-CN/docs/Web/API/DataTransfer/getData">InputEvent.dataTransfer.getData()</a></code> 方法检索其HTML源代码，并在输入框下面的段落中报告。</p> <p>尝试复制并粘贴提供的部分内容以查看效果。注意，部分浏览器对其支持不佳。</p> diff --git a/files/zh-cn/web/api/mediarecorder/index.html b/files/zh-cn/web/api/mediarecorder/index.html index 5f42134e79..369e6dd27d 100644 --- a/files/zh-cn/web/api/mediarecorder/index.html +++ b/files/zh-cn/web/api/mediarecorder/index.html @@ -84,9 +84,9 @@ translation_of: Web/API/MediaRecorder <p>Listen to these events using <code>addEventListener()</code> or by assigning an event listener to the <code>on<em>eventname</em></code> property of this interface.</p> <dl> - <dt><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/error_event">error</a></code></dt> + <dt><code><a href="/zh-CN/docs/Web/API/MediaRecorder/error_event">error</a></code></dt> <dd>Fired when an error occurs: for example because recording wasn't allowed or was attempted using an unsupported codec.<br> - Also available via the <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/onerror">onerror</a></code> property.</dd> + Also available via the <code><a href="/zh-CN/docs/Web/API/MediaRecorder/onerror">onerror</a></code> property.</dd> <dt></dt> </dl> diff --git a/files/zh-cn/web/api/mouseevent/screeny/index.html b/files/zh-cn/web/api/mouseevent/screeny/index.html index 4286534635..c90e1708d2 100644 --- a/files/zh-cn/web/api/mouseevent/screeny/index.html +++ b/files/zh-cn/web/api/mouseevent/screeny/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/MouseEvent/screenY --- <p>{{APIRef("DOM Events")}}</p> -<p> <strong><code>screenX</code></strong> 是 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/MouseEvent"><code>MouseEvent</code></a> 的只读属性，提供鼠标在全局（屏幕）中的水平坐标（偏移量）。</p> +<p> <strong><code>screenX</code></strong> 是 <a href="/zh-CN/docs/Web/API/MouseEvent"><code>MouseEvent</code></a> 的只读属性，提供鼠标在全局（屏幕）中的水平坐标（偏移量）。</p> <h2 id="语法">语法</h2> diff --git a/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html b/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html index 6f8c12dcf9..c2a1a1c2a3 100644 --- a/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html +++ b/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html @@ -46,7 +46,7 @@ translation_of: Web/API/Navigation_timing_API/Using_Navigation_Timing <p>列出的值适用于上面展示了示例的{{HTMLElement("iframe")}}。</p> -<p>你可以在{{domxref("PerformanceTiming")}}中查找可用的计时值的列表，请参见{{domxref("PerformanceTiming")}}接口的“<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/PerformanceTiming">属性</a>”部分。</p> +<p>你可以在{{domxref("PerformanceTiming")}}中查找可用的计时值的列表，请参见{{domxref("PerformanceTiming")}}接口的“<a href="/zh-CN/docs/Web/API/PerformanceTiming">属性</a>”部分。</p> <h2 id="确定导航类型">确定导航类型</h2> @@ -114,7 +114,7 @@ translation_of: Web/API/Navigation_timing_API/Using_Navigation_Timing <h2 id="也可以看看">也可以看看</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Navigation_timing_API">Navigation Timing API</a></li> + <li><a href="/zh-CN/docs/Web/API/Navigation_timing_API">Navigation Timing API</a></li> <li>{{domxref("window.performance")}}</li> <li>{{domxref("Performance")}}, {{domxref("PerformanceTiming")}}, and {{domxref("PerformanceNavigation")}}</li> </ul> diff --git a/files/zh-cn/web/api/navigator/canshare/index.html b/files/zh-cn/web/api/navigator/canshare/index.html index 9fe117805d..6f807819d7 100644 --- a/files/zh-cn/web/api/navigator/canshare/index.html +++ b/files/zh-cn/web/api/navigator/canshare/index.html @@ -7,7 +7,7 @@ translation_of: Web/API/Navigator/canShare <div></div> -<div>如果对<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Navigator/share">Navigator.share()</a></code> 的调用成功，则Web Share API的<strong><code>Navigator.canShare()</code></strong>方法将返回true。</div> +<div>如果对<code><a href="/zh-CN/docs/Web/API/Navigator/share">Navigator.share()</a></code> 的调用成功，则Web Share API的<strong><code>Navigator.canShare()</code></strong>方法将返回true。</div> <h2 id="语法">语法</h2> diff --git a/files/zh-cn/web/api/navigator/registerprotocolhandler/index.html b/files/zh-cn/web/api/navigator/registerprotocolhandler/index.html index b51348f2ef..fd1de837c9 100644 --- a/files/zh-cn/web/api/navigator/registerprotocolhandler/index.html +++ b/files/zh-cn/web/api/navigator/registerprotocolhandler/index.html @@ -35,7 +35,7 @@ translation_of: Web/API/Navigator/registerProtocolHandler <dl> <dt><code>url</code></dt> - <dd>处理器的URL，string类型。这个字符串应该包含一个"%s"的占位符，其会被将要受理的文档的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent">escaped</a> 链接所替换。这个链接（译者按：指将要受理的文档的 escaped 链接，也就是替换占位符的字符串）可能是一个真实的URL，或者是一个电话号码，邮件地址之类的。</dd> + <dd>处理器的URL，string类型。这个字符串应该包含一个"%s"的占位符，其会被将要受理的文档的 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent">escaped</a> 链接所替换。这个链接（译者按：指将要受理的文档的 escaped 链接，也就是替换占位符的字符串）可能是一个真实的URL，或者是一个电话号码，邮件地址之类的。</dd> <dd> <div class="note">这个处理器的 URL 必须以 <code>http</code> 或者 <code>https</code> 协议标记作为开头，最好是 <code>https</code> ，以满足一些浏览器出于安全考虑的要求。</div> </dd> @@ -53,7 +53,7 @@ translation_of: Web/API/Navigator/registerProtocolHandler <ul> <li>指定了一个非法的协议标记，例如一个浏览器自身的标记（<code>https:</code>, <code>about:</code> 等）。</li> - <li>处理器URL的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Origin">origin</a> 与调用这个API的页面的 origin不匹配。</li> + <li>处理器URL的 <a href="/zh-CN/docs/Glossary/Origin">origin</a> 与调用这个API的页面的 origin不匹配。</li> <li>浏览器要求这个函数由安全的上下文调用。</li> <li>浏览器要求处理器的URL使用 HTTPS 协议。</li> </ul> diff --git a/files/zh-cn/web/api/node/textcontent/index.html b/files/zh-cn/web/api/node/textcontent/index.html index 1a2cd275e7..d9b4f26e86 100644 --- a/files/zh-cn/web/api/node/textcontent/index.html +++ b/files/zh-cn/web/api/node/textcontent/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Node/textContent <p>{{domxref ("Node")}} 接口的<strong> </strong><code><strong>textContent</strong></code> 属性表示一个节点及其后代的文本内容。</p> <div class="blockIndicator note"> -<p><strong>注意:</strong> <code>textContent</code> 和 {{domxref("HTMLElement.innerText")}} 容易混淆，但这两个属性在<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/Node/textContent#与_innerText_的区别">重要方面有不同之处</a> 。</p> +<p><strong>注意:</strong> <code>textContent</code> 和 {{domxref("HTMLElement.innerText")}} 容易混淆，但这两个属性在<a href="/zh-CN/docs/Web/API/Node/textContent#与_innerText_的区别">重要方面有不同之处</a> 。</p> </div> <h2 id="Syntax" name="Syntax">语法</h2> @@ -30,13 +30,13 @@ translation_of: Web/API/Node/textContent <p><code>textContent</code> 的值取决于具体情况：</p> <ul> - <li>如果节点是一个 {{domxref("document")}}，或者一个 <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Doctype">DOCTYPE</a> ，则 <code>textContent</code> 返回 <code>null</code>。 + <li>如果节点是一个 {{domxref("document")}}，或者一个 <a href="/zh-CN/docs/Glossary/Doctype">DOCTYPE</a> ，则 <code>textContent</code> 返回 <code>null</code>。 <div class="blockIndicator note"> - <p>如果你要获取整个文档的文本以及 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/CDATASection">CDATA data</a> ，可以使用 <code><a href="/zh-CN/docs/DOM/document.documentElement" title="DOM/document.documentElement">document.documentElement</a>.textContent</code>。</p> + <p>如果你要获取整个文档的文本以及 <a href="/zh-CN/docs/Web/API/CDATASection">CDATA data</a> ，可以使用 <code><a href="/zh-CN/docs/DOM/document.documentElement" title="DOM/document.documentElement">document.documentElement</a>.textContent</code>。</p> </div> </li> - <li>如果节点是个 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/CDATASection">CDATA section</a>、注释、<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/ProcessingInstruction">processing instruction</a> 或者 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Document/createTextNode">text node</a>，<code>textContent</code> 返回节点内部的文本内容，例如 {{domxref("Node.nodeValue")}}。</li> + <li>如果节点是个 <a href="/zh-CN/docs/Web/API/CDATASection">CDATA section</a>、注释、<a href="/zh-CN/docs/Web/API/ProcessingInstruction">processing instruction</a> 或者 <a href="/zh-CN/docs/Web/API/Document/createTextNode">text node</a>，<code>textContent</code> 返回节点内部的文本内容，例如 {{domxref("Node.nodeValue")}}。</li> <li>对于其他节点类型，<code>textContent</code> 将所有子节点的 <code>textContent</code> 合并后返回，除了注释和processing instructions。（如果该节点没有子节点的话，返回一个空字符串。）</li> </ul> @@ -50,7 +50,7 @@ translation_of: Web/API/Node/textContent <li><code>textContent</code> 会获取<em>所有</em>元素的内容，包括 {{HTMLElement("script")}} 和 {{HTMLElement("style")}} 元素，然而 <code>innerText</code><strong> </strong>只展示给人看的元素。</li> <li><code>textContent</code> 会返回节点中的每一个元素。相反，<code>innerText</code> 受 CSS 样式的影响，并且不会返回隐藏元素的文本， <ul> - <li>此外，由于 <code>innerText</code> 受 CSS 样式的影响，它会触发回流（ <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Reflow">reflow</a> ）去确保是最新的计算样式。（回流在计算上可能会非常昂贵，因此应尽可能避免。）</li> + <li>此外，由于 <code>innerText</code> 受 CSS 样式的影响，它会触发回流（ <a href="/zh-CN/docs/Glossary/Reflow">reflow</a> ）去确保是最新的计算样式。（回流在计算上可能会非常昂贵，因此应尽可能避免。）</li> </ul> </li> <li><font face="Open Sans, Arial, sans-serif">与 </font><code>textContent</code> 不同的是, 在 Internet Explorer (小于和等于 11 的版本) 中对 <code>innerText</code> 进行修改， 不仅会移除当前元素的子节点，而且还会<em>永久性地破坏</em>所有后代文本节点。在之后不可能再次将节点再次插入到任何其他元素或同一元素中。</li> @@ -60,7 +60,7 @@ translation_of: Web/API/Node/textContent <p>正如其名称，{{domxref("Element.innerHTML")}} 返回 HTML。通常，为了在元素中检索或写入文本，人们使用 <code>innerHTML</code>。但是，<code>textContent</code> 通常具有更好的性能，因为文本不会被解析为HTML。</p> -<p>此外，使用 <code>textContent</code> 可以防止 <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Cross-site_scripting">XSS 攻击</a>。</p> +<p>此外，使用 <code>textContent</code> 可以防止 <a href="/zh-CN/docs/Glossary/Cross-site_scripting">XSS 攻击</a>。</p> <h2 id="Example" name="Example">例子</h2> diff --git a/files/zh-cn/web/api/page_visibility_api/index.html b/files/zh-cn/web/api/page_visibility_api/index.html index 383b0304bd..55e8f2c211 100644 --- a/files/zh-cn/web/api/page_visibility_api/index.html +++ b/files/zh-cn/web/api/page_visibility_api/index.html @@ -42,11 +42,11 @@ translation_of: Web/API/Page_Visibility_API <ul> <li>大多数浏览器不会调用被隐藏的标签页或{{ HTMLElement("iframe") }}框架当中{{domxref("Window.requestAnimationFrame", "requestAnimationFrame()")}}定义的回调函数，这会提升性能并且延长电池的使用寿命。</li> - <li>在调用被隐藏的标签页或<code>iframe</code>框架中 {{domxref("WindowOrWorkerGlobalScope.setTimeout", "setTimeout()")}}等计时器会被加速。 See <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a> for more details.</li> + <li>在调用被隐藏的标签页或<code>iframe</code>框架中 {{domxref("WindowOrWorkerGlobalScope.setTimeout", "setTimeout()")}}等计时器会被加速。 See <a href="/zh-CN/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a> for more details.</li> <li>Budget-based background timeout throttling is now available in modern browsers (Firefox 58+, Chrome 57+), placing an additional limit on background timer CPU usage. This operates in a similar way across modern browsers, with the details being as follows: <ul> <li>In Firefox, windows in background tabs each have their own time budget in milliseconds — a max and a min value of +50 ms and -150 ms, respectively. Chrome is very similar except that the budget is specified in seconds.</li> - <li>Windows are subjected to throttling after 30 seconds, with the same throttling delay rules as specified for window timers (again, see <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a>). In Chrome, this value is 10 seconds.</li> + <li>Windows are subjected to throttling after 30 seconds, with the same throttling delay rules as specified for window timers (again, see <a href="/zh-CN/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a>). In Chrome, this value is 10 seconds.</li> <li>Timer tasks are only permitted when the budget is non-negative.</li> <li>Once a timer's code has finished running, the duration of time it took to execute is subtracted from its window's timeout budget.</li> <li>The budget regenerates at a rate of 10 ms per second, in both Firefox and Chrome.</li> @@ -58,8 +58,8 @@ translation_of: Web/API/Page_Visibility_API <ul> <li>Tabs which are playing audio are considered foreground and aren’t throttled.</li> - <li>Tabs running code that's using real-time network connections (<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WebSockets_API">WebSockets</a> and <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WebRTC_API">WebRTC</a>) go unthrottled in order to avoid closing these connections timing out and getting unexpectedly closed.</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> processes are also left unthrottled in order to avoid timeouts.</li> + <li>Tabs running code that's using real-time network connections (<a href="/zh-CN/docs/Web/API/WebSockets_API">WebSockets</a> and <a href="/zh-CN/docs/Web/API/WebRTC_API">WebRTC</a>) go unthrottled in order to avoid closing these connections timing out and getting unexpectedly closed.</li> + <li><a href="/zh-CN/docs/Web/API/IndexedDB_API">IndexedDB</a> processes are also left unthrottled in order to avoid timeouts.</li> </ul> <h2 id="示例">示例</h2> diff --git a/files/zh-cn/web/api/pointer_events/index.html b/files/zh-cn/web/api/pointer_events/index.html index 2a00f157a4..ee402fa91a 100644 --- a/files/zh-cn/web/api/pointer_events/index.html +++ b/files/zh-cn/web/api/pointer_events/index.html @@ -22,7 +22,7 @@ translation_of: Web/API/Pointer_events <dl> <dt>active buttons state</dt> - <dd>The condition when a <em><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/Pointer_events$edit#term_pointer">pointer</a></em> has a non-zero value for the <code>buttons</code> property. For example, in the case of a pen, when the pen has physical contact with the digitizer, or at least one button is depressed while hovering.</dd> + <dd>The condition when a <em><a href="/zh-CN/docs/Web/API/Pointer_events$edit#term_pointer">pointer</a></em> has a non-zero value for the <code>buttons</code> property. For example, in the case of a pen, when the pen has physical contact with the digitizer, or at least one button is depressed while hovering.</dd> </dl> <dl> diff --git a/files/zh-cn/web/api/rtcpeerconnection/addtrack/index.html b/files/zh-cn/web/api/rtcpeerconnection/addtrack/index.html index df295671eb..024fd5d0ed 100644 --- a/files/zh-cn/web/api/rtcpeerconnection/addtrack/index.html +++ b/files/zh-cn/web/api/rtcpeerconnection/addtrack/index.html @@ -148,7 +148,7 @@ pc.ontrack = ev => { <h2 id="实例">实例</h2> -<p>这个例子是从文章中给出的<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling">Signaling and video calling</a>及其相应的示例代码中提取的。它来自那里的<code><strong>handleVideoOfferMsg()</strong></code>方法，该方法在从远程对等方接收到报价消息时被调用。</p> +<p>这个例子是从文章中给出的<a href="/zh-CN/docs/Web/API/WebRTC_API/Signaling_and_video_calling">Signaling and video calling</a>及其相应的示例代码中提取的。它来自那里的<code><strong>handleVideoOfferMsg()</strong></code>方法，该方法在从远程对等方接收到报价消息时被调用。</p> <pre class="brush: js notranslate">var mediaConstraints = { audio: true, // We want an audio track diff --git a/files/zh-cn/web/api/server-sent_events/index.html b/files/zh-cn/web/api/server-sent_events/index.html index a6e44fee83..0f3324ec7d 100644 --- a/files/zh-cn/web/api/server-sent_events/index.html +++ b/files/zh-cn/web/api/server-sent_events/index.html @@ -11,7 +11,7 @@ original_slug: Server-sent_events --- <div>{{DefaultAPISidebar("Server Sent Events")}}</div> -<p>一个网页获取新的数据通常需要发送一个请求到服务器，也就是向服务器请求的页面。使用 server-sent 事件，服务器可以在任何时刻向我们的 Web 页面推送数据和信息。这些被推送进来的信息可以在这个页面上作为 <em><a href="https://wiki.developer.mozilla.org/en-US/docs/DOM/event">Events</a> + data</em> 的形式来处理。</p> +<p>一个网页获取新的数据通常需要发送一个请求到服务器，也就是向服务器请求的页面。使用 server-sent 事件，服务器可以在任何时刻向我们的 Web 页面推送数据和信息。这些被推送进来的信息可以在这个页面上作为 <em><a href="/zh-CN/docs/DOM/event">Events</a> + data</em> 的形式来处理。</p> <h2 id="概念与使用">概念与使用</h2> diff --git a/files/zh-cn/web/api/server-sent_events/using_server-sent_events/index.html b/files/zh-cn/web/api/server-sent_events/using_server-sent_events/index.html index 5665f55722..fe30961b9f 100644 --- a/files/zh-cn/web/api/server-sent_events/using_server-sent_events/index.html +++ b/files/zh-cn/web/api/server-sent_events/using_server-sent_events/index.html @@ -100,7 +100,7 @@ while (true) { <h2 id="错误处理">错误处理</h2> -<p>当发生错误(例如请求超时或与<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS" title="/en-US/docs/HTTP/Access_control_CORS">HTTP访问控制（CORS）</a>有关的问题), 会生成一个错误事件. 您可以通过在<code>EventSource</code>对象上使用<code>onerror</code>回调来对此采取措施：</p> +<p>当发生错误(例如请求超时或与<a href="/zh-CN/docs/Web/HTTP/Access_control_CORS" title="/en-US/docs/HTTP/Access_control_CORS">HTTP访问控制（CORS）</a>有关的问题), 会生成一个错误事件. 您可以通过在<code>EventSource</code>对象上使用<code>onerror</code>回调来对此采取措施：</p> <pre class="notranslate">evtSource.onerror = function(err) { console.error("EventSource failed:", err); @@ -114,7 +114,7 @@ while (true) { <h2 id="事件流格式">事件流格式</h2> -<p>事件流仅仅是一个简单的文本数据流,文本应该使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/UTF-8">UTF-8</a> 格式的编码.每条消息后面都由一个空行作为分隔符.以冒号开头的行为注释行,会被忽略.</p> +<p>事件流仅仅是一个简单的文本数据流,文本应该使用 <a href="/zh-CN/docs/Glossary/UTF-8">UTF-8</a> 格式的编码.每条消息后面都由一个空行作为分隔符.以冒号开头的行为注释行,会被忽略.</p> <div class="note"><strong>注:</strong>注释行可以用来防止连接超时,服务器可以定期发送一条消息注释行,以保持连接不断.</div> diff --git a/files/zh-cn/web/api/streams_api/concepts/index.html b/files/zh-cn/web/api/streams_api/concepts/index.html index a634fb4f07..02fd6a3a82 100644 --- a/files/zh-cn/web/api/streams_api/concepts/index.html +++ b/files/zh-cn/web/api/streams_api/concepts/index.html @@ -22,7 +22,7 @@ original_slug: Web/API/Streams_API/概念 <li><strong>Pull sources</strong> 需要您在连接到它们后，显式地从它们请求数据。例如通过 <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a> 或 <a href="/en-US/docs/Web/API/XMLHttpRequest/XMLHttpRequest">XHR</a> 请求访问一个文件。</li> </ul> -<p>数据被按序读入到许多小块，这些小块被称作 <strong>chunk</strong>。<strong>chunk</strong> 可以是单个字节，也可以是某种更大的数据类型，例如特定大小的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays">typed array</a> 。来自一个流的 <strong>chunks</strong> 可以有不同的大小和类型。</p> +<p>数据被按序读入到许多小块，这些小块被称作 <strong>chunk</strong>。<strong>chunk</strong> 可以是单个字节，也可以是某种更大的数据类型，例如特定大小的 <a href="/zh-CN/docs/Web/JavaScript/Typed_arrays">typed array</a> 。来自一个流的 <strong>chunks</strong> 可以有不同的大小和类型。</p> <p><img alt="" src="https://mdn.mozillademos.org/files/15819/Readable%20streams.png" style="height: 452px; width: 1000px;"></p> diff --git a/files/zh-cn/web/api/stylesheet/disabled/index.html b/files/zh-cn/web/api/stylesheet/disabled/index.html index a18d5f068f..353f423a33 100644 --- a/files/zh-cn/web/api/stylesheet/disabled/index.html +++ b/files/zh-cn/web/api/stylesheet/disabled/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/StyleSheet/disabled <div>{{domxref("StyleSheet")}}接口的 <strong><code>disabled</code> </strong>属性用于决定样式表是否被禁用于文档。</div> -<div>样式表被禁用可能由于这个属性被手动设置为 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">true</span></font>，也可能是因为样式表是未激活的<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">alternative style sheet</a>。注意 <code>disabled == false</code> 并不保证样式表一定生效（例如它可能被移除出文档）。</div> +<div>样式表被禁用可能由于这个属性被手动设置为 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">true</span></font>，也可能是因为样式表是未激活的<a href="/zh-CN/docs/Web/CSS/Alternative_style_sheets">alternative style sheet</a>。注意 <code>disabled == false</code> 并不保证样式表一定生效（例如它可能被移除出文档）。</div> <h2 id="Syntax" name="Syntax">语法</h2> diff --git a/files/zh-cn/web/api/touch/target/index.html b/files/zh-cn/web/api/touch/target/index.html index be815271e8..7abb8b55fb 100644 --- a/files/zh-cn/web/api/touch/target/index.html +++ b/files/zh-cn/web/api/touch/target/index.html @@ -16,7 +16,7 @@ translation_of: Web/API/Touch/target <h2 id="Summary" name="Summary">概述</h2> -<p>这个属性返回触摸点最初接触的 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/Element"><code>Element</code></a>，即使这个触摸点已经移出那个元素的交互区域，甚至移出文档。需要注意的是，如果这个元素在触摸过程中被移除，这个事件仍然会指向它，因此这个事件也不会冒泡到 <code>window</code> 或 <code>document</code> 对象。因此，如果有元素在触摸过程中可能被移除，最佳实践是将触摸事件的监听器绑定到这个元素本身，防止元素被移除后，无法再从它的上一级元素上侦测到从该元素冒泡的事件。</p> +<p>这个属性返回触摸点最初接触的 <a href="/zh-CN/docs/Web/API/Element"><code>Element</code></a>，即使这个触摸点已经移出那个元素的交互区域，甚至移出文档。需要注意的是，如果这个元素在触摸过程中被移除，这个事件仍然会指向它，因此这个事件也不会冒泡到 <code>window</code> 或 <code>document</code> 对象。因此，如果有元素在触摸过程中可能被移除，最佳实践是将触摸事件的监听器绑定到这个元素本身，防止元素被移除后，无法再从它的上一级元素上侦测到从该元素冒泡的事件。</p> <h2 id="Syntax" name="Syntax">语法</h2> diff --git a/files/zh-cn/web/api/url/index.html b/files/zh-cn/web/api/url/index.html index ef89407946..36ad901d75 100644 --- a/files/zh-cn/web/api/url/index.html +++ b/files/zh-cn/web/api/url/index.html @@ -131,8 +131,8 @@ console.log(parsedUrl.searchParams.get("id")); // "123" <h2 id="相关链接">相关链接</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/URL_API">URL API</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_URL">What is a URL?</a></li> + <li><a href="/zh-CN/docs/Web/API/URL_API">URL API</a></li> + <li><a href="/zh-CN/docs/Learn/Common_questions/What_is_a_URL">What is a URL?</a></li> <li>Property to obtain a <code>URL</code> object: {{domxref("Window.URL")}}.</li> <li>{{domxref("URLSearchParams")}}.</li> </ul> diff --git a/files/zh-cn/web/api/url/password/index.html b/files/zh-cn/web/api/url/password/index.html index 5490343afd..eb9989246a 100644 --- a/files/zh-cn/web/api/url/password/index.html +++ b/files/zh-cn/web/api/url/password/index.html @@ -8,7 +8,7 @@ original_slug: Web/API/URL/密码 <p> {{domxref("URL")}}<span class="tlid-translation translation" lang="zh-CN"><span title="">接口的<strong><code>password</code></strong>属性为</span></span>{{domxref("USVString")}}<span class="tlid-translation translation" lang="zh-CN"><span title="">，其中包含在域名之前指定的密码。</span></span></p> -<p><span class="tlid-translation translation" lang="zh-CN"><span title="">如果在未设置</span></span><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/URL/username">username</a><span class="tlid-translation translation" lang="zh-CN"><span title="">属性的情况下进行调用，默认失败。</span></span></p> +<p><span class="tlid-translation translation" lang="zh-CN"><span title="">如果在未设置</span></span><a href="/zh-CN/docs/Web/API/URL/username">username</a><span class="tlid-translation translation" lang="zh-CN"><span title="">属性的情况下进行调用，默认失败。</span></span></p> <p>{{AvailableInWorkers}}</p> diff --git a/files/zh-cn/web/api/url_api/index.html b/files/zh-cn/web/api/url_api/index.html index f138baa59a..0e3e4a8d63 100644 --- a/files/zh-cn/web/api/url_api/index.html +++ b/files/zh-cn/web/api/url_api/index.html @@ -56,8 +56,8 @@ try { <div class="index"> <ul> <li></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/URL"><code>URL</code></a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/URLSearchParams"><code>URLSearchParams</code></a></li> + <li><a href="/zh-CN/docs/Web/API/URL"><code>URL</code></a></li> + <li><a href="/zh-CN/docs/Web/API/URLSearchParams"><code>URLSearchParams</code></a></li> <li></li> </ul> </div> diff --git a/files/zh-cn/web/api/validitystate/index.html b/files/zh-cn/web/api/validitystate/index.html index 4fc6e0d3ef..64c560e215 100644 --- a/files/zh-cn/web/api/validitystate/index.html +++ b/files/zh-cn/web/api/validitystate/index.html @@ -83,6 +83,6 @@ translation_of: Web/API/ValidityState <h2 id="参见">参见</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/Constraint_validation">约束验证</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/HTML/Forms/Data_form_validation">表单数据校验</a></li> + <li><a href="/zh-CN/docs/Web/Guide/HTML/HTML5/Constraint_validation">约束验证</a></li> + <li><a href="/zh-CN/docs/Learn/HTML/Forms/Data_form_validation">表单数据校验</a></li> </ul> diff --git a/files/zh-cn/web/api/visualviewport/index.html b/files/zh-cn/web/api/visualviewport/index.html index e07f4aa91d..da9f74123e 100644 --- a/files/zh-cn/web/api/visualviewport/index.html +++ b/files/zh-cn/web/api/visualviewport/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/VisualViewport --- <p>{{SeeCompatTable}}{{APIRef("Visual Viewport")}}</p> -<p> <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Visual_Viewport_API">Visual Viewport API</a> 提供了当前页面的视觉视口接口，即 <strong><code>VisualViewport</code></strong> 。对于每个页面容器来说（如 iframe），都存在有一个独立的 window 对象。每个页面容器的 window 对象都有一个独立的 <code>VisualViewport</code> 属性。</p> +<p> <a href="/zh-CN/docs/Web/API/Visual_Viewport_API">Visual Viewport API</a> 提供了当前页面的视觉视口接口，即 <strong><code>VisualViewport</code></strong> 。对于每个页面容器来说（如 iframe），都存在有一个独立的 window 对象。每个页面容器的 window 对象都有一个独立的 <code>VisualViewport</code> 属性。</p> <p>你可以使用 {{domxref("Window.visualViewport")}} 获得对应 window 的视觉视口 API。</p> @@ -46,13 +46,13 @@ translation_of: Web/API/VisualViewport <h2 id="Events">Events</h2> -<p>通过使用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> 或者将监听回调函数赋值给对应的 <code>on<em>eventname</em></code> 属性，可以为对应的视口事件添加监听。</p> +<p>通过使用 <code><a href="/zh-CN/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> 或者将监听回调函数赋值给对应的 <code>on<em>eventname</em></code> 属性，可以为对应的视口事件添加监听。</p> <dl> - <dt><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/VisualViewport/resize_event">resize</a></code></dt> + <dt><code><a href="/zh-CN/docs/Web/API/VisualViewport/resize_event">resize</a></code></dt> <dd>当视觉视口被改变时触发。</dd> <dd>也可以为 {{domxref("VisualViewport.onresize")}} 属性赋值来添加监听。</dd> - <dt><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/VisualViewport/scroll_event">scroll</a></code></dt> + <dt><code><a href="/zh-CN/docs/Web/API/VisualViewport/scroll_event">scroll</a></code></dt> <dd>当视觉视口滑动时触发。</dd> <dd>也可以为 {{domxref("VisualViewport.onscroll")}} 属性赋值来添加监听。</dd> </dl> diff --git a/files/zh-cn/web/api/webgl_api/index.html b/files/zh-cn/web/api/webgl_api/index.html index ed1f1dede2..a9ec0c7ec2 100644 --- a/files/zh-cn/web/api/webgl_api/index.html +++ b/files/zh-cn/web/api/webgl_api/index.html @@ -21,7 +21,7 @@ translation_of: Web/API/WebGL_API <p>{{anch("WebGL 2")}}<font><font> API引入了对大部分的OpenGL ES 3.0功能集的支持; </font><font>它是通过</font></font>{{domxref("WebGL2RenderingContext")}}<font><font>界面</font><font>提供的</font><font>。</font></font></p> -<p> {{HTMLElement("canvas")}} 元素也被 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Canvas_API">Canvas API</a> 用于在网页上进行2D图形处理。</p> +<p> {{HTMLElement("canvas")}} 元素也被 <a href="/zh-CN/docs/Web/API/Canvas_API">Canvas API</a> 用于在网页上进行2D图形处理。</p> <h2 id="参考">参考</h2> @@ -149,7 +149,7 @@ translation_of: Web/API/WebGL_API <dl> <dt><a href="https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API/Basic_2D_animation_example">一个基础的 WebGL 的 2D 动画示例</a></dt> <dd>此示例演示了单色形状的简单动画。检查的主题是适应宽高比差异，从多个着色器集合构建着色器程序的功能，以及 WebGL 绘图的基础知识。</dd> - <dt><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API/By_example"><font><font>WebGL示例</font></font></a></dt> + <dt><a href="/zh-CN/docs/Web/API/WebGL_API/By_example"><font><font>WebGL示例</font></font></a></dt> <dd><font><font>一系列带有简短说明的实时示例展示了WebGL的概念和功能。</font><font>根据主题和难易程度对示例进行了排序，涵盖了WebGL渲染上下文，着色器编程，纹理，几何图形，用户交互等。</font></font></dd> </dl> diff --git a/files/zh-cn/web/api/webglrenderingcontext/createrenderbuffer/index.html b/files/zh-cn/web/api/webglrenderingcontext/createrenderbuffer/index.html index 11599ea586..86370b0652 100644 --- a/files/zh-cn/web/api/webglrenderingcontext/createrenderbuffer/index.html +++ b/files/zh-cn/web/api/webglrenderingcontext/createrenderbuffer/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/createRenderbuffer --- <div>{{APIRef("WebGL")}}</div> -<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WebGL_API">WebGL API</a> 的<strong><code>WebGLRenderingContext.createRenderbuffer()</code></strong> 方法 创建并初始化一个 {{domxref("WebGLRenderbuffer")}} 对象。</p> +<p><a href="/zh-CN/docs/Web/API/WebGL_API">WebGL API</a> 的<strong><code>WebGLRenderingContext.createRenderbuffer()</code></strong> 方法 创建并初始化一个 {{domxref("WebGLRenderbuffer")}} 对象。</p> <h2 id="语法">语法</h2> diff --git a/files/zh-cn/web/api/webrtc_api/taking_still_photos/index.html b/files/zh-cn/web/api/webrtc_api/taking_still_photos/index.html index c8fc957a8b..470f3dcd1d 100644 --- a/files/zh-cn/web/api/webrtc_api/taking_still_photos/index.html +++ b/files/zh-cn/web/api/webrtc_api/taking_still_photos/index.html @@ -114,13 +114,13 @@ translation_of: Web/API/WebRTC_API/Taking_still_photos <p>成功回调接收一个 stream 对象作为输入。它是新视频的 {{HTMLElement("video")}} 元素的源。</p> -<p>一旦流被链接到 <code>{{HTMLElement("video")}}</code> 元素，我们通过调用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement#play">HTMLMediaElement.play()</a></code> 开始播放。</p> +<p>一旦流被链接到 <code>{{HTMLElement("video")}}</code> 元素，我们通过调用 <code><a href="/zh-CN/docs/Web/API/HTMLMediaElement#play">HTMLMediaElement.play()</a></code> 开始播放。</p> <p>如果打开流失败，则调用失败回调函数。 在没有连接兼容的相机，或者用户拒绝访问时，则会发生这种情况。</p> <h3 id="监听视频开始播放">监听视频开始播放</h3> -<p>在 <code>{{HTMLElement("video")}}</code> 上调用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement#play">HTMLMediaElement.play()</a></code> 之后，在视频流开始流动之前，有一段（希望简短）的时间段过去了。 为了避免在此之前一直阻塞，我们为 <code>{{HTMLElement("video")}}</code> 加上一个 {{event("canplay")}} 事件的监听器，当视频播放实际开始时会触发该事件。 那时，视频对象中的所有属性都已基于流的格式进行配置。</p> +<p>在 <code>{{HTMLElement("video")}}</code> 上调用 <code><a href="/zh-CN/docs/Web/API/HTMLMediaElement#play">HTMLMediaElement.play()</a></code> 之后，在视频流开始流动之前，有一段（希望简短）的时间段过去了。 为了避免在此之前一直阻塞，我们为 <code>{{HTMLElement("video")}}</code> 加上一个 {{event("canplay")}} 事件的监听器，当视频播放实际开始时会触发该事件。 那时，视频对象中的所有属性都已基于流的格式进行配置。</p> <pre class="brush: js"> video.addEventListener('canplay', function(ev){ if (!streaming) { diff --git a/files/zh-cn/web/api/window/beforeunload_event/index.html b/files/zh-cn/web/api/window/beforeunload_event/index.html index f582257cb1..08deab442d 100644 --- a/files/zh-cn/web/api/window/beforeunload_event/index.html +++ b/files/zh-cn/web/api/window/beforeunload_event/index.html @@ -50,7 +50,7 @@ original_slug: Web/Events/beforeunload <p>为避免意外弹出窗口，除非页面已与之交互，否则浏览器可能不会显示在<code>beforeunload</code>事件中创建的提示，甚至根本不会显示它们。</p> -<p>将事件处理程序/监听器加到<code>window</code>或 <code>document</code>的<code>beforeunload</code>事件后，将阻止浏览器使用内存中的页面导航缓存，例如<a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/1.5/Using_Firefox_1.5_caching">Firefox的Back-Forward缓存</a>或<a href="https://webkit.org/blog/516/webkit-page-cache-ii-the-unload-event/">WebKit的Page Cache</a>。</p> +<p>将事件处理程序/监听器加到<code>window</code>或 <code>document</code>的<code>beforeunload</code>事件后，将阻止浏览器使用内存中的页面导航缓存，例如<a href="/zh-CN/docs/Mozilla/Firefox/Releases/1.5/Using_Firefox_1.5_caching">Firefox的Back-Forward缓存</a>或<a href="https://webkit.org/blog/516/webkit-page-cache-ii-the-unload-event/">WebKit的Page Cache</a>。</p> <p>HTML规范指出在此事件中调用{{domxref("window.alert()")}}，{{domxref("window.confirm()")}}以及{{domxref("window.prompt()")}}方法，可能会失效。更多详细信息，请参见<a href="https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#user-prompts">HTML规范</a>。</p> diff --git a/files/zh-cn/web/api/window/devicepixelratio/index.html b/files/zh-cn/web/api/window/devicepixelratio/index.html index a5976667d9..aba68dcdf8 100644 --- a/files/zh-cn/web/api/window/devicepixelratio/index.html +++ b/files/zh-cn/web/api/window/devicepixelratio/index.html @@ -172,8 +172,8 @@ matchMedia(mqString).addListener(updatePixelRatio); <h2 id="参见">参见</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries">Media queries</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries">Using media queries</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/@media/resolution">CSS <code>resolution</code> media query</a></li> + <li><a href="/zh-CN/docs/Web/CSS/Media_Queries">Media queries</a></li> + <li><a href="/zh-CN/docs/Web/CSS/Media_Queries/Using_media_queries">Using media queries</a></li> + <li><a href="/zh-CN/docs/Web/CSS/@media/resolution">CSS <code>resolution</code> media query</a></li> <li></li> </ul> diff --git a/files/zh-cn/web/api/window/getselection/index.html b/files/zh-cn/web/api/window/getselection/index.html index 825ee1787d..fcaf9bf733 100644 --- a/files/zh-cn/web/api/window/getselection/index.html +++ b/files/zh-cn/web/api/window/getselection/index.html @@ -48,7 +48,7 @@ translation_of: Web/API/Window/getSelection <p>值得注意的是，目前在Firefox, Edge (非 Chromium 版本) 及 Internet Explorer 中，<code>getSelection()</code> 对 {{htmlelement("textarea")}} 及 {{htmlelement("input")}} 元素不起作用。 {{domxref("HTMLInputElement.setSelectionRange()")}} 或 <code>selectionStart</code> 及 <code>selectionEnd</code> 属性可用于解决此问题。</p> -<p>还要注意选择不同于焦点（详见 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/Selection#Selection_%E5%8F%8A%E8%BE%93%E5%85%A5%E7%84%A6%E7%82%B9">Selection 及输入焦点</a>）。可使用{{domxref("Document.activeElement")}} 来返回当前的焦点元素.</p> +<p>还要注意选择不同于焦点（详见 <a href="/zh-CN/docs/Web/API/Selection#Selection_%E5%8F%8A%E8%BE%93%E5%85%A5%E7%84%A6%E7%82%B9">Selection 及输入焦点</a>）。可使用{{domxref("Document.activeElement")}} 来返回当前的焦点元素.</p> <h2 id="浏览器兼容性">浏览器兼容性</h2> diff --git a/files/zh-cn/web/api/window/requestidlecallback/index.html b/files/zh-cn/web/api/window/requestidlecallback/index.html index dc36051a1f..0632e3a3ce 100644 --- a/files/zh-cn/web/api/window/requestidlecallback/index.html +++ b/files/zh-cn/web/api/window/requestidlecallback/index.html @@ -42,7 +42,7 @@ translation_of: Web/API/Window/requestIdleCallback <h2 id="Example" name="Example">Example</h2> -<p>See our <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Background_Tasks_API#Example">complete example</a> in the article <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Background_Tasks_API">Cooperative Scheduling of Background Tasks API</a>.</p> +<p>See our <a href="/zh-CN/docs/Web/API/Background_Tasks_API#Example">complete example</a> in the article <a href="/zh-CN/docs/Web/API/Background_Tasks_API">Cooperative Scheduling of Background Tasks API</a>.</p> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/api/windoweventhandlers/onunload/index.html b/files/zh-cn/web/api/windoweventhandlers/onunload/index.html index 4d72f33a18..b4ef99f0cf 100644 --- a/files/zh-cn/web/api/windoweventhandlers/onunload/index.html +++ b/files/zh-cn/web/api/windoweventhandlers/onunload/index.html @@ -15,7 +15,7 @@ original_slug: Web/API/Window/onunload </div> <div class="blockIndicator warning"> -<p><code>onunload</code> 特性(乃至 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Window/unload_event">unload</a></code> 事件本身) 并非使用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon">sendBeacon()</a></code>的正确途径，要调用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon">sendBeacon()</a></code> 接口，应当使用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event">visibilitychange</a></code> 和 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Window/pagehide_event">pagehide</a></code> 事件。 参见 <a href="https://volument.com/blog/sendbeacon-is-broken#comments">Beacon API is broken</a>。</p> +<p><code>onunload</code> 特性(乃至 <code><a href="/zh-CN/docs/Web/API/Window/unload_event">unload</a></code> 事件本身) 并非使用 <code><a href="/zh-CN/docs/Web/API/Navigator/sendBeacon">sendBeacon()</a></code>的正确途径，要调用 <code><a href="/zh-CN/docs/Web/API/Navigator/sendBeacon">sendBeacon()</a></code> 接口，应当使用 <code><a href="/zh-CN/docs/Web/API/Document/visibilitychange_event">visibilitychange</a></code> 和 <code><a href="/zh-CN/docs/Web/API/Window/pagehide_event">pagehide</a></code> 事件。 参见 <a href="https://volument.com/blog/sendbeacon-is-broken#comments">Beacon API is broken</a>。</p> </div> <h3 id="Syntax" name="Syntax">语法</h3> diff --git a/files/zh-cn/web/api/worker/index.html b/files/zh-cn/web/api/worker/index.html index 552a122239..24d6bbc738 100644 --- a/files/zh-cn/web/api/worker/index.html +++ b/files/zh-cn/web/api/worker/index.html @@ -10,19 +10,19 @@ translation_of: Web/API/Worker <p>Worker 接口是 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API">Web Workers API </a>的一部分，指的是一种可由脚本创建的后台任务，任务执行中可以向其创建者收发信息。要创建一个 Worker<strong> ，</strong>只须调用 <code>Worker(URL) </code>构造函数，函数参数 `URL` 为指定的脚本。</p> -<p>Worker 也可以创建新的 Worker，当然，所有 Worker 必须与其创建者<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy">同源</a>（注意：<a href="https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/5R3B4RN4GHU">Blink</a>暂时不支持嵌套 Worker）。 </p> +<p>Worker 也可以创建新的 Worker，当然，所有 Worker 必须与其创建者<a href="/zh-CN/docs/Web/Security/Same-origin_policy">同源</a>（注意：<a href="https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/5R3B4RN4GHU">Blink</a>暂时不支持嵌套 Worker）。 </p> <p>需要注意的是，不是所有函数和构造函数(或者说…类)都可以在 Worker 中使用。具体参考页面 <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers">Worker 所支持的函数和类</a>。Worker 可以使用 <a class="internal" href="/en/DOM/XMLHttpRequest" title="En/XMLHttpRequest"><code>XMLHttpRequest</code></a> 发送请求，但是请求的<span style="line-height: inherit;"> </span><code style="font-size: 14px; line-height: inherit;">responseXML</code><span style="line-height: inherit;"> 与 </span><code style="font-size: 14px; line-height: inherit;">channel</code><span style="line-height: inherit;"> 两个属性值始终返回</span><span style="line-height: inherit;"> </span><code style="font-size: 14px; line-height: inherit;">null</code> （<code>fetch</code> 仍可正常使用，没有类似的限制）。 </p> <div class="blockIndicator note"> -<p> 如果你要在火狐浏览器的扩展使用 Worker 访问 <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/js-ctypes">js-ctypes</a>，应使用 {{ domxref("ChromeWorker") }} 对象来替代。(译者注：这里没有看懂，希望有人能驳正，或添加说明)</p> +<p> 如果你要在火狐浏览器的扩展使用 Worker 访问 <a href="/zh-CN/docs/Mozilla/js-ctypes">js-ctypes</a>，应使用 {{ domxref("ChromeWorker") }} 对象来替代。(译者注：这里没有看懂，希望有人能驳正，或添加说明)</p> </div> <h2 id="构造函数">构造函数</h2> <dl> <dt>{{domxref("Worker.Worker", "Worker()")}}</dt> - <dd>创建一个专用Web worker，它只执行URL指定的脚本。使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Blob">Blob URL</a> 作为参数亦可。</dd> + <dd>创建一个专用Web worker，它只执行URL指定的脚本。使用 <a href="/zh-CN/docs/Web/API/Blob">Blob URL</a> 作为参数亦可。</dd> </dl> <h2 id="属性">属性</h2> diff --git a/files/zh-cn/web/api/xmlhttprequest/getresponseheader/index.html b/files/zh-cn/web/api/xmlhttprequest/getresponseheader/index.html index e447182f2b..fe2e66b3c0 100644 --- a/files/zh-cn/web/api/xmlhttprequest/getresponseheader/index.html +++ b/files/zh-cn/web/api/xmlhttprequest/getresponseheader/index.html @@ -134,7 +134,7 @@ client.onreadystatechange = function() {//设定侦听器onreadystatechange。 <ul> <li>如何使用<a href="/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">XMLHttpRequest</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers">HTTP headers</a></li> + <li><a href="/zh-CN/docs/Web/HTTP/Headers">HTTP headers</a></li> <li>{{DOMxRef("XMLHttpRequest.getAllResponseHeaders", "getAllResponseHeaders()")}}</li> <li>{{DOMxRef("XMLHttpRequest.response", "response")}}</li> <li>设置请求头: {{DOMxRef("XMLHttpRequest.setRequestHeader", "setRequestHeader()")}}</li> diff --git a/files/zh-cn/web/css/@keyframes/index.html b/files/zh-cn/web/css/@keyframes/index.html index f506ec158d..e420e7226e 100644 --- a/files/zh-cn/web/css/@keyframes/index.html +++ b/files/zh-cn/web/css/@keyframes/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/@keyframes --- <div>{{CSSRef}}</div> -<p><span class="seoSummary">关键帧 <strong><code>@keyframes</code></strong> <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/At-rule">at-rule</a> 规则通过在动画序列中定义关键帧（或waypoints）的样式来控制CSS动画序列中的中间步骤。</span>和 <a href="/zh-CN/docs/Web/CSS/CSS_Transitions">转换 transition</a> 相比，关键帧 keyframes 可以控制动画序列的中间步骤。</p> +<p><span class="seoSummary">关键帧 <strong><code>@keyframes</code></strong> <a href="/zh-CN/docs/Web/CSS/At-rule">at-rule</a> 规则通过在动画序列中定义关键帧（或waypoints）的样式来控制CSS动画序列中的中间步骤。</span>和 <a href="/zh-CN/docs/Web/CSS/CSS_Transitions">转换 transition</a> 相比，关键帧 keyframes 可以控制动画序列的中间步骤。</p> <pre class="brush: css no-line-numbers notranslate"><code>@keyframes slidein { from { diff --git a/files/zh-cn/web/css/_colon_is/index.html b/files/zh-cn/web/css/_colon_is/index.html index 2f0a3d04de..5b1d68e355 100644 --- a/files/zh-cn/web/css/_colon_is/index.html +++ b/files/zh-cn/web/css/_colon_is/index.html @@ -210,7 +210,7 @@ h1 { <h3 id="Avoiding_selector_list_invalidation">Avoiding selector list invalidation</h3> -<p>Unlike <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Selector_list">selector lists</a>, the <code>:is()</code> pseudo-class doesn't get invalidated when one of the selectors passed to it isn't supported by the browser.</p> +<p>Unlike <a href="/zh-CN/docs/Web/CSS/Selector_list">selector lists</a>, the <code>:is()</code> pseudo-class doesn't get invalidated when one of the selectors passed to it isn't supported by the browser.</p> <pre><code>:is(:valid, :unsupported) { ... @@ -276,8 +276,8 @@ h1 { <h2 id="相关链接">相关链接</h2> <ul> - <li>{{CSSxRef(":where", ":where()")}} {{Experimental_Inline}} - Like <code>:is()</code>, but with 0 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Specificity">specificity</a>.</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Selector_list">Selector list</a></li> + <li>{{CSSxRef(":where", ":where()")}} {{Experimental_Inline}} - Like <code>:is()</code>, but with 0 <a href="/zh-CN/docs/Web/CSS/Specificity">specificity</a>.</li> + <li><a href="/zh-CN/docs/Web/CSS/Selector_list">Selector list</a></li> </ul> <ul> diff --git a/files/zh-cn/web/css/_colon_required/index.html b/files/zh-cn/web/css/_colon_required/index.html index c051cf0b14..1374ca2753 100644 --- a/files/zh-cn/web/css/_colon_required/index.html +++ b/files/zh-cn/web/css/_colon_required/index.html @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:required' <h2 id="摘要">摘要</h2> -<p><code>:required</code> <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">伪类</a> 表示任意设置了{{ htmlattrxref("required", "input") }}属性的{{ HTMLElement("input") }}，{{HTMLElement("select")}}, 或 {{HTMLElement("textarea")}}元素。 这个伪类对于高亮显示在提交表单之前必须具有有效数据的字段非常有用。</p> +<p><code>:required</code> <a href="/zh-CN/docs/Web/CSS">CSS</a> <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">伪类</a> 表示任意设置了{{ htmlattrxref("required", "input") }}属性的{{ HTMLElement("input") }}，{{HTMLElement("select")}}, 或 {{HTMLElement("textarea")}}元素。 这个伪类对于高亮显示在提交表单之前必须具有有效数据的字段非常有用。</p> <p>注意：{{ cssxref(":optional") }}伪类选中'可选的'表单字段。</p> diff --git a/files/zh-cn/web/css/alternative_style_sheets/index.html b/files/zh-cn/web/css/alternative_style_sheets/index.html index 1d5d3c0cd7..6e6f639b88 100644 --- a/files/zh-cn/web/css/alternative_style_sheets/index.html +++ b/files/zh-cn/web/css/alternative_style_sheets/index.html @@ -42,7 +42,7 @@ translation_of: Web/CSS/Alternative_style_sheets <p><a href="/samples/cssref/altstyles/index.html">Click here</a> for a working example you can try out.</p> -<p><a href="https://wiki.developer.mozilla.org/samples/cssref/altstyles/index.html">点击此处</a>进入示例。</p> +<p><a href="https://mdn.github.io/css-examples/alt-style-sheets/">点击此处</a>进入示例。</p> <h2 id="细节">细节</h2> diff --git a/files/zh-cn/web/css/border-bottom-left-radius/index.html b/files/zh-cn/web/css/border-bottom-left-radius/index.html index bc59f965fb..c1982c205c 100644 --- a/files/zh-cn/web/css/border-bottom-left-radius/index.html +++ b/files/zh-cn/web/css/border-bottom-left-radius/index.html @@ -15,7 +15,7 @@ translation_of: Web/CSS/border-bottom-left-radius <p>一个无论是图像或颜色的背景，都会在边框上被裁剪，即使背景是圆角的; 裁剪的确切位置由 {{cssxref("background-clip")}} 属性定义.</p> -<div class="note">如果该属性的值没有被一个在<strong><code>border-bottom-left-radius</code></strong> 属性后，作用于当前元素上的{{cssxref("border-radius")}}简写属性设置，那么该属性值将会被<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties">shorthand property</a>重置为初始值。</div> +<div class="note">如果该属性的值没有被一个在<strong><code>border-bottom-left-radius</code></strong> 属性后，作用于当前元素上的{{cssxref("border-radius")}}简写属性设置，那么该属性值将会被<a href="/zh-CN/docs/Web/CSS/Shorthand_properties">shorthand property</a>重置为初始值。</div> <p>{{cssinfo}}</p> diff --git a/files/zh-cn/web/css/box-shadow/index.html b/files/zh-cn/web/css/box-shadow/index.html index b01af9d276..0ef19a4f06 100644 --- a/files/zh-cn/web/css/box-shadow/index.html +++ b/files/zh-cn/web/css/box-shadow/index.html @@ -49,7 +49,7 @@ box-shadow: unset; <p>向元素添加单个 box-shadow 效果时使用以下规则：</p> <ul> - <li>当给出两个、三个或四个 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/length"><length></a></code>值时。 + <li>当给出两个、三个或四个 <code><a href="/zh-CN/docs/Web/CSS/length"><length></a></code>值时。 <ul> <li>如果只给出两个值, 那么这两个值将会被当作 <code><a href="#offset-x"><offset-x><offset-y></a></code> 来解释。</li> diff --git a/files/zh-cn/web/css/clip-path/index.html b/files/zh-cn/web/css/clip-path/index.html index 8b371b1ad6..4ce0104d60 100644 --- a/files/zh-cn/web/css/clip-path/index.html +++ b/files/zh-cn/web/css/clip-path/index.html @@ -86,7 +86,7 @@ clip-path: unset; </dl> <div class="blockIndicator note"> -<p><strong>Note</strong>: A computed value other than <strong><code>none</code></strong> results in the creation of a new <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/Understanding_z-index/The_stacking_context">stacking context</a> the same way that CSS {{cssxref("opacity")}} does for values other than <code>1</code>.</p> +<p><strong>Note</strong>: A computed value other than <strong><code>none</code></strong> results in the creation of a new <a href="/zh-CN/docs/CSS/Understanding_z-index/The_stacking_context">stacking context</a> the same way that CSS {{cssxref("opacity")}} does for values other than <code>1</code>.</p> </div> <h3 id="正式语法">正式语法</h3> diff --git a/files/zh-cn/web/css/color/index.html b/files/zh-cn/web/css/color/index.html index 622c2294cf..48f4c47340 100644 --- a/files/zh-cn/web/css/color/index.html +++ b/files/zh-cn/web/css/color/index.html @@ -75,7 +75,7 @@ color: unset;</pre> <p>It is important to ensure that the contrast ratio between the color of the text and the background the text is placed over is high enough that people experiencing low vision conditions will be able to read the content of the page.</p> -<p>Color contrast ratio is determined by comparing the luminosity of the text and background color values. In order to meet current <a href="https://www.w3.org/WAI/intro/wcag">Web Content Accessibility Guidelines (WCAG)</a>, a ratio of 4.5:1 is required for text content and 3:1 for larger text such as headings. Large text is defined as 18.66px and <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/font-weight">bold</a> or larger, or 24px or larger.</p> +<p>Color contrast ratio is determined by comparing the luminosity of the text and background color values. In order to meet current <a href="https://www.w3.org/WAI/intro/wcag">Web Content Accessibility Guidelines (WCAG)</a>, a ratio of 4.5:1 is required for text content and 3:1 for larger text such as headings. Large text is defined as 18.66px and <a href="/zh-CN/docs/Web/CSS/font-weight">bold</a> or larger, or 24px or larger.</p> <ul> <li><a href="https://webaim.org/resources/contrastchecker/">WebAIM: Color Contrast Checker</a></li> @@ -155,5 +155,5 @@ p { color: hsla(0, 100%, 50%, 0.5); }</pre> <ul> <li>颜色 {{cssxref("<color>")}} 数据类型</li> <li>其他颜色相关属性：{{cssxref("background-color")}}、{{cssxref("border-color")}}、{{cssxref("outline-color")}}、{{cssxref("text-decoration-color")}}、{{cssxref("text-emphasis-color")}}、{{cssxref("text-shadow")}}、{{cssxref("caret-color")}}、{{cssxref("column-rule-color")}}和{{cssxref("color-adjust")}}</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Applying_color">使用CSS对HTML元素应用颜色</a></li> + <li><a href="/zh-CN/docs/Web/HTML/Applying_color">使用CSS对HTML元素应用颜色</a></li> </ul> diff --git a/files/zh-cn/web/css/color_value/index.html b/files/zh-cn/web/css/color_value/index.html index c882e269af..e54bc2b58a 100644 --- a/files/zh-cn/web/css/color_value/index.html +++ b/files/zh-cn/web/css/color_value/index.html @@ -29,7 +29,7 @@ translation_of: Web/CSS/color_value </ul> <div class="blockIndicator note"> -<p><strong>注意：</strong>本文章详细描述了<code><color></code>数据类型。如要了解更多关于在HTML中使用颜色的信息，请参阅<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTML/Applying_color">使用CSS为HTML元素应用颜色</a>。</p> +<p><strong>注意：</strong>本文章详细描述了<code><color></code>数据类型。如要了解更多关于在HTML中使用颜色的信息，请参阅<a href="/zh-CN/docs/Web/HTML/Applying_color">使用CSS为HTML元素应用颜色</a>。</p> </div> <h2 id="语法">语法</h2> @@ -1051,7 +1051,7 @@ translation_of: Web/CSS/color_value <h3 id="系统颜色">系统颜色</h3> -<p>In <em>forced colors mode</em> (detectable with the <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors">forced-colors</a> media query), most colors are restricted into a user- and browser-defined palette. These system colors are exposed by the following keywords, which can be used to ensure that the rest of the page integrates well with the restricted palette. These values may also be used in other contexts, but are not widely supported by browsers. </p> +<p>In <em>forced colors mode</em> (detectable with the <a href="/zh-CN/docs/Web/CSS/@media/forced-colors">forced-colors</a> media query), most colors are restricted into a user- and browser-defined palette. These system colors are exposed by the following keywords, which can be used to ensure that the rest of the page integrates well with the restricted palette. These values may also be used in other contexts, but are not widely supported by browsers. </p> <p>The keywords in the following list are defined by the CSS Color Module Level 4 specification.</p> @@ -1366,7 +1366,7 @@ translation_of: Web/CSS/color_value <h2 id="Accessibility_considerations">Accessibility considerations</h2> -<p>Some people have difficulty distinguishing colors. The <a class="external external-icon" href="https://www.w3.org/TR/WCAG/#visual-audio-contrast">WCAG 2.0</a> recommendation strongly advises against using color as the only means of conveying a specific message, action, or result. See <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Accessibility/CSS_and_JavaScript#Color_and_color_contrast">Color and color contrast</a> for more information.</p> +<p>Some people have difficulty distinguishing colors. The <a class="external external-icon" href="https://www.w3.org/TR/WCAG/#visual-audio-contrast">WCAG 2.0</a> recommendation strongly advises against using color as the only means of conveying a specific message, action, or result. See <a href="/zh-CN/docs/Learn/Accessibility/CSS_and_JavaScript#Color_and_color_contrast">Color and color contrast</a> for more information.</p> <h2 id="示例">示例</h2> diff --git a/files/zh-cn/web/css/counter()/index.html b/files/zh-cn/web/css/counter()/index.html index d45b73b366..e8cfc3ce91 100644 --- a/files/zh-cn/web/css/counter()/index.html +++ b/files/zh-cn/web/css/counter()/index.html @@ -38,13 +38,13 @@ counter(countername, upper-roman)</pre> <h3 id="正式语法">正式语法</h3> -<pre class="syntaxbox notranslate">counter( <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/custom-ident" title="The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity."><custom-ident></a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/counter#counter-style"><counter-style></a><a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/Value_definition_syntax#Question_mark_()" title="Question mark: the entity is optional">?</a> ) +<pre class="syntaxbox notranslate">counter( <a href="/zh-CN/docs/Web/CSS/custom-ident" title="The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity."><custom-ident></a>, <a href="/zh-CN/docs/Web/CSS/counter#counter-style"><counter-style></a><a href="/zh-CN/docs/CSS/Value_definition_syntax#Question_mark_()" title="Question mark: the entity is optional">?</a> ) where -<code><counter-style> = <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/counter#counter-style-name"><counter-style-name></a> <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/Value_definition_syntax#Single_bar" title="Single bar: exactly one of the entities must be present">|</a> symbols()</code> +<code><counter-style> = <a href="/zh-CN/docs/Web/CSS/counter#counter-style-name"><counter-style-name></a> <a href="/zh-CN/docs/CSS/Value_definition_syntax#Single_bar" title="Single bar: exactly one of the entities must be present">|</a> symbols()</code> where -<code><counter-style-name> = <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/custom-ident" title="The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity."><custom-ident></a></code></pre> +<code><counter-style-name> = <a href="/zh-CN/docs/Web/CSS/custom-ident" title="The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity."><custom-ident></a></code></pre> <p><strong>示例</strong></p> diff --git a/files/zh-cn/web/css/counters()/index.html b/files/zh-cn/web/css/counters()/index.html index 0e5c3dd7d3..c758a6a3ad 100644 --- a/files/zh-cn/web/css/counters()/index.html +++ b/files/zh-cn/web/css/counters()/index.html @@ -17,12 +17,12 @@ counters(countername, '-'); /* changing the counter display */ counters(countername, '.', upper-roman)</pre> -<p>一个<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters">计数器</a>本身没有可见的效果，而是通过<code>counter()</code>函数（和<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/counters">counters()</a></code>函数）返回开发人员定义的字符串（或图像） 从而使计数器拥有很棒的作用。</p> +<p>一个<a href="/zh-CN/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters">计数器</a>本身没有可见的效果，而是通过<code>counter()</code>函数（和<code><a href="/zh-CN/docs/Web/CSS/counters">counters()</a></code>函数）返回开发人员定义的字符串（或图像） 从而使计数器拥有很棒的作用。</p> <div class="blockIndicator note"> -<p><strong>Note:</strong> <code>counter()</code> 函数可以与任何CSS属性一起使用，但是对<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/content">"content"</a></code>以外的属性的支持是试验性的，对type-or-unit参数的支持很少。</p> +<p><strong>Note:</strong> <code>counter()</code> 函数可以与任何CSS属性一起使用，但是对<code><a href="/zh-CN/docs/Web/CSS/content">"content"</a></code>以外的属性的支持是试验性的，对type-or-unit参数的支持很少。</p> -<p>在使用此功能之前，请仔细检查<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/counter#Browser_compatibility">浏览器兼容性表</a> 。</p> +<p>在使用此功能之前，请仔细检查<a href="/zh-CN/docs/Web/CSS/counter#Browser_compatibility">浏览器兼容性表</a> 。</p> </div> <h2 id="Syntax">Syntax</h2> @@ -30,24 +30,24 @@ counters(countername, '.', upper-roman)</pre> <h3 id="Values">Values</h3> <dl> - <dt><code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/custom-ident"><custom-ident></a> 自定义标识</code></dt> - <dd>一个标识计数器的名称，区分大小写，并且与<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/counter-reset" title=" - counter-reset 属性用于将 CSS计数器 重置为制定值"><code>counter-reset</code></a>和<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/counter-increment" title="counter-increment属性用于将CSS Counters的值增加给定值。可以使用 counter-reset 属性重置计数器的值。"><code>counter-increment</code></a>中的“名称”相同。名称不能以两个破折号开头，并且不能为<code>none</code>, <code>unset</code>, <code>initial</code>, 或 <code>inherit</code>。</dd> + <dt><code><a href="/zh-CN/docs/Web/CSS/custom-ident"><custom-ident></a> 自定义标识</code></dt> + <dd>一个标识计数器的名称，区分大小写，并且与<a href="/zh-CN/docs/Web/CSS/counter-reset" title=" + counter-reset 属性用于将 CSS计数器 重置为制定值"><code>counter-reset</code></a>和<a href="/zh-CN/docs/Web/CSS/counter-increment" title="counter-increment属性用于将CSS Counters的值增加给定值。可以使用 counter-reset 属性重置计数器的值。"><code>counter-increment</code></a>中的“名称”相同。名称不能以两个破折号开头，并且不能为<code>none</code>, <code>unset</code>, <code>initial</code>, 或 <code>inherit</code>。</dd> <dt><code><counter-style> 计数器样式</code></dt> - <dd>计数器样式名称或 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/symbols">symbols()</a></code> 函数，其中计数器样式名称是数字，字母或符号的简单预定义计数器样式，复杂的东亚或埃塞俄比亚长手预定义计数器样式，或其他<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Counter_Styles">预定义计数器样式</a>。如果省略，则计数器样式默认为十进制。</dd> + <dd>计数器样式名称或 <code><a href="/zh-CN/docs/Web/CSS/symbols">symbols()</a></code> 函数，其中计数器样式名称是数字，字母或符号的简单预定义计数器样式，复杂的东亚或埃塞俄比亚长手预定义计数器样式，或其他<a href="/zh-CN/docs/Web/CSS/CSS_Counter_Styles">预定义计数器样式</a>。如果省略，则计数器样式默认为十进制。</dd> <dt><code><a href="/en-US/docs/Web/CSS/string"><string></a> 字符串</code></dt> <dd>任意数量的文本字符。非拉丁字符必须使用其Unicode转义序列进行编码：例如，<code>\ 000A9</code>表示版权符号。</dd> </dl> <h3 id="Formal_syntax">Formal syntax</h3> -<pre class="syntaxbox">counters( <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/custom-ident" title="The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity."><custom-ident></a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/string" title="The <string> CSS data type represents a sequence of characters. Strings are used in numerous CSS properties, such as content, font-family, and quotes."><string></a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/counters#counter-style"><counter-style></a><a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/Value_definition_syntax#Question_mark_()" title="Question mark: the entity is optional">?</a> ) +<pre class="syntaxbox">counters( <a href="/zh-CN/docs/Web/CSS/custom-ident" title="The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity."><custom-ident></a>, <a href="/zh-CN/docs/Web/CSS/string" title="The <string> CSS data type represents a sequence of characters. Strings are used in numerous CSS properties, such as content, font-family, and quotes."><string></a>, <a href="/zh-CN/docs/Web/CSS/counters#counter-style"><counter-style></a><a href="/zh-CN/docs/CSS/Value_definition_syntax#Question_mark_()" title="Question mark: the entity is optional">?</a> ) where -<code><counter-style> = <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/counters#counter-style-name"><counter-style-name></a> <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/Value_definition_syntax#Single_bar" title="Single bar: exactly one of the entities must be present">|</a> symbols()</code> +<code><counter-style> = <a href="/zh-CN/docs/Web/CSS/counters#counter-style-name"><counter-style-name></a> <a href="/zh-CN/docs/CSS/Value_definition_syntax#Single_bar" title="Single bar: exactly one of the entities must be present">|</a> symbols()</code> where -<code><counter-style-name> = <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/custom-ident" title="The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity."><custom-ident></a></code></pre> +<code><counter-style-name> = <a href="/zh-CN/docs/Web/CSS/custom-ident" title="The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity."><custom-ident></a></code></pre> <h2 id="Examples">Examples</h2> diff --git a/files/zh-cn/web/css/css_columns/index.html b/files/zh-cn/web/css/css_columns/index.html index d9492d2552..a2202c8b61 100644 --- a/files/zh-cn/web/css/css_columns/index.html +++ b/files/zh-cn/web/css/css_columns/index.html @@ -22,7 +22,7 @@ translation_of: Web/CSS/CSS_Columns <h2 id="Relationship_to_Fragmentation">Relationship to Fragmentation</h2> -<p>Multiple-column Layout is closely related to <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Pages">Paged Media</a>, in that each column box becomes a fragment, much like a printed page becomes a fragment of an overall document. Therefore the properties now defined in the <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fragmentation">CSS Fragmentation</a> specification are required in order to control how content breaks between columns. </p> +<p>Multiple-column Layout is closely related to <a href="/zh-CN/docs/Web/CSS/CSS_Pages">Paged Media</a>, in that each column box becomes a fragment, much like a printed page becomes a fragment of an overall document. Therefore the properties now defined in the <a href="/zh-CN/docs/Web/CSS/CSS_Fragmentation">CSS Fragmentation</a> specification are required in order to control how content breaks between columns. </p> <h2 id="参考">参考</h2> @@ -58,13 +58,13 @@ translation_of: Web/CSS/CSS_Columns <dl> <dt><a href="/zh-CN/docs/Web/CSS/CSS_Columns/Basic_Concepts_of_Multicol">多列的基本概念</a></dt> <dd>多列布局的概述</dd> - <dt><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Columns/Styling_Columns">设置列的样式</a></dt> + <dt><a href="/zh-CN/docs/Web/CSS/CSS_Columns/Styling_Columns">设置列的样式</a></dt> <dd>如何使用列的分隔线，以及设置列间距。</dd> - <dt><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Columns/Spanning_Columns">Spanning and Balancing</a></dt> + <dt><a href="/zh-CN/docs/Web/CSS/CSS_Columns/Spanning_Columns">Spanning and Balancing</a></dt> <dd>How to make elements span across all columns and controlling the way columns are filled.</dd> - <dt><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Columns/Handling_Overflow_in_Multicol">Handling Overflow in Multicol</a></dt> + <dt><a href="/zh-CN/docs/Web/CSS/CSS_Columns/Handling_Overflow_in_Multicol">Handling Overflow in Multicol</a></dt> <dd>What happens when an item overflows the column it is in and what happens when there is too much columned content to fit a container.</dd> - <dt><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Columns/Handling_content_breaks_in_multicol">Content Breaks in Multicol</a></dt> + <dt><a href="/zh-CN/docs/Web/CSS/CSS_Columns/Handling_content_breaks_in_multicol">Content Breaks in Multicol</a></dt> <dd>Introduction to the Fragmentation specification and how to control where column content breaks.</dd> </dl> diff --git a/files/zh-cn/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html b/files/zh-cn/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html index 29720e70e6..90874a4ae7 100644 --- a/files/zh-cn/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html +++ b/files/zh-cn/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html @@ -201,14 +201,14 @@ translation_of: Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Contain <p>在本文的开头，我解释了Level1 flexbox 规范中当前包含的对齐相关属性也被包含在了Box Alignment Level3规范中，这意味着将来会很好地扩展这些属性和值。 我们已经看到了这种情况的发生, 比如：为 <code>align-content</code> 和<code>justify-content</code> 属性引入<code>space-evenly</code>值。</p> -<p>Box Alignment 模块还包含其他创建子项之间间隙的方法，比如在 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a> 中包含的 <code>column-gap</code> 和<code>row-gap</code> 特性 。 这些属性包含在Box Alignment规范中意味着在将来我们也应该能够在flex布局中使用<code>column-gap</code>和<code>row-gap</code>，在Firefox 63中，您将在flex布局中找到第一个浏览器对gap属性的实现。</p> +<p>Box Alignment 模块还包含其他创建子项之间间隙的方法，比如在 <a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a> 中包含的 <code>column-gap</code> 和<code>row-gap</code> 特性 。 这些属性包含在Box Alignment规范中意味着在将来我们也应该能够在flex布局中使用<code>column-gap</code>和<code>row-gap</code>，在Firefox 63中，您将在flex布局中找到第一个浏览器对gap属性的实现。</p> -<p>在深入研究flexbox对齐时，我的建议是同时查看Grid Layout中的对齐方式。 两种规范都使用Box Alignment规范中详细说明的对齐属性。您可以在MDN文章《<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box Alignment in Grid Layout</a>》中查看使用网格时这些属性的行为，并且我还在《 <a href="https://rachelandrew.co.uk/css/cheatsheets/box-alignment">Box Alignment Cheatsheet</a>》中比较了这些规范中对齐的工作方式。</p> +<p>在深入研究flexbox对齐时，我的建议是同时查看Grid Layout中的对齐方式。 两种规范都使用Box Alignment规范中详细说明的对齐属性。您可以在MDN文章《<a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box Alignment in Grid Layout</a>》中查看使用网格时这些属性的行为，并且我还在《 <a href="https://rachelandrew.co.uk/css/cheatsheets/box-alignment">Box Alignment Cheatsheet</a>》中比较了这些规范中对齐的工作方式。</p> <h2 id="更多">更多</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox">Box Alignment in Flexbox</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_In_Grid_Layout">Box Alignment in Grid Layout</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox">Box Alignment in Flexbox</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_In_Grid_Layout">Box Alignment in Grid Layout</a></li> </ul> diff --git a/files/zh-cn/web/css/css_selectors/index.html b/files/zh-cn/web/css/css_selectors/index.html index 33963cb0d6..eb84561833 100644 --- a/files/zh-cn/web/css/css_selectors/index.html +++ b/files/zh-cn/web/css/css_selectors/index.html @@ -24,23 +24,23 @@ translation_of: Web/CSS/CSS_Selectors <h2 id="基本选择器">基本选择器</h2> <dl> - <dt><a href="/zh-CN/docs/Web/CSS/Universal_selectors">通用选择器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors">Universal selector</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/Universal_selectors">通用选择器</a>（<a href="/zh-CN/docs/Web/CSS/Universal_selectors">Universal selector</a>）</dt> <dd>选择所有元素。（可选）可以将其限制为特定的名称空间或所有名称空间。<br> <strong>语法：</strong><code>*</code> <code><var>ns</var>|*</code> <code>*|*</code><br> <strong>例子：</strong><code>*</code> 将匹配文档的所有元素。</dd> - <dt><a href="/zh-CN/docs/Web/CSS/Type_selectors">元素选择器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Type_selectors">Type selector</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/Type_selectors">元素选择器</a>（<a href="/zh-CN/docs/Web/CSS/Type_selectors">Type selector</a>）</dt> <dd>按照给定的节点名称，选择所有匹配的元素。<br> <strong>语法：</strong><code><var>elementname</var></code><br> <strong>例子：</strong><code>input</code> 匹配任何 {{HTMLElement( "input" )}} 元素。</dd> - <dt><a href="/zh-CN/docs/Web/CSS/Class_selectors">类选择器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors">Class selector</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/Class_selectors">类选择器</a>（<a href="/zh-CN/docs/Web/CSS/Class_selectors">Class selector</a>）</dt> <dd>按照给定的 <code>class</code> 属性的值，选择所有匹配的元素。<br> <strong>语法</strong>：<code>.<var>classname</var></code><br> <strong>例子</strong>：<code>.index</code> 匹配任何 <code>class</code> 属性中含有 "index" 类的元素。</dd> - <dt><a href="/zh-CN/docs/Web/CSS/ID_selectors">ID 选择器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors">ID selector</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/ID_selectors">ID 选择器</a>（<a href="/zh-CN/docs/Web/CSS/ID_selectors">ID selector</a>）</dt> <dd>按照 <code>id</code> 属性选择一个与之匹配的元素。需要注意的是，一个文档中，每个 ID 属性都应当是唯一的。<br> <strong>语法：</strong><code>#<var>idname</var></code><br> <strong>例子：</strong><code>#toc</code> 匹配 ID 为 "toc" 的元素。</dd> - <dt><a href="/zh-CN/docs/Web/CSS/Attribute_selectors">属性选择器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors">Attribute selector</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/Attribute_selectors">属性选择器</a>（<a href="/zh-CN/docs/Web/CSS/Attribute_selectors">Attribute selector</a>）</dt> <dd>按照给定的属性，选择所有匹配的元素。<br> <strong>语法：</strong><code>[<var>attr</var>]</code> <code>[<var>attr</var>=<var>value</var>]</code> <code>[<var>attr</var>~=<var>value</var>]</code> <code>[<var>attr</var>|=<var>value</var>]</code> <code>[<var>attr</var>^=<var>value</var>]</code> <code>[<var>attr</var>$=<var>value</var>]</code> <code>[<var>attr</var>*=<var>value</var>]</code><br> <strong>例子：</strong><code>[autoplay]</code> 选择所有具有 <code>autoplay</code> 属性的元素（不论这个属性的值是什么）。</dd> @@ -49,7 +49,7 @@ translation_of: Web/CSS/CSS_Selectors <h2 id="分组选择器（Grouping_selectors）">分组选择器（Grouping selectors）</h2> <dl> - <dt><a href="/zh-CN/docs/Web/CSS/Selector_list">选择器列表</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Selector_list">Selector list</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/Selector_list">选择器列表</a>（<a href="/zh-CN/docs/Web/CSS/Selector_list">Selector list</a>）</dt> <dd><code>,</code> 是将不同的选择器组合在一起的方法，它选择所有能被列表中的任意一个选择器选中的节点。<br> <strong>语法</strong>：<code style="white-space: nowrap;"><var>A</var>, <var>B</var></code><br> <strong>示例</strong>：<code>div, span</code> 会同时匹配 {{HTMLElement("span")}} 元素和 {{HTMLElement("div")}} 元素。</dd> @@ -58,19 +58,19 @@ translation_of: Web/CSS/CSS_Selectors <h2 id="组合器（Combinators）">组合器（Combinators）</h2> <dl> - <dt><a href="/zh-CN/docs/Web/CSS/Descendant_selectors">后代组合器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Descendant_combinator">Descendant combinator</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/Descendant_selectors">后代组合器</a>（<a href="/zh-CN/docs/Web/CSS/Descendant_combinator">Descendant combinator</a>）</dt> <dd><code> </code>（空格）组合器选择前一个元素的后代节点。<br> <strong>语法：</strong><code style="white-space: nowrap;"><var>A</var> <var>B</var></code><br> <strong>例子：</strong><code>div span</code> 匹配所有位于任意 {{HTMLElement("div")}} 元素之内的 {{HTMLElement("span")}} 元素。</dd> - <dt><a href="/zh-CN/docs/Web/CSS/Child_selectors">直接子代组合器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator">Child combinator</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/Child_selectors">直接子代组合器</a>（<a href="/zh-CN/docs/Web/CSS/Child_combinator">Child combinator</a>）</dt> <dd><code>></code> 组合器选择前一个元素的直接子代的节点。<br> <strong>语法</strong>：<code><var>A</var> > <var>B</var></code><br> <strong>例子</strong>：<code>ul > li</code> 匹配直接嵌套在 {{HTMLElement("ul")}} 元素内的所有 {{HTMLElement("li")}} 元素。</dd> - <dt><a href="/zh-CN/docs/Web/CSS/General_sibling_selectors">一般兄弟组合器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_combinator">General sibling combinator</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/General_sibling_selectors">一般兄弟组合器</a>（<a href="/zh-CN/docs/Web/CSS/General_sibling_combinator">General sibling combinator</a>）</dt> <dd><code>~</code> 组合器选择兄弟元素，也就是说，后一个节点在前一个节点后面的任意位置，并且共享同一个父节点。<br> <strong>语法</strong>：<code><var>A</var> ~ <var>B</var></code><br> <strong>例子</strong>：<code>p ~ span</code> 匹配同一父元素下，{{HTMLElement("p")}} 元素后的所有 {{HTMLElement("span")}} 元素。</dd> - <dt><a href="/zh-CN/docs/Web/CSS/Adjacent_sibling_selectors">紧邻兄弟组合器</a>（<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator">Adjacent sibling combinator</a>）</dt> + <dt><a href="/zh-CN/docs/Web/CSS/Adjacent_sibling_selectors">紧邻兄弟组合器</a>（<a href="/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator">Adjacent sibling combinator</a>）</dt> <dd><code>+</code> 组合器选择相邻元素，即后一个元素紧跟在前一个之后，并且共享同一个父节点。<br> <strong>语法：</strong><code><var>A</var> + <var>B</var></code><br> <strong>例子：</strong><code>h2 + p</code> 会匹配所有紧邻在 {{HTMLElement("h2")}} 元素后的 {{HTMLElement("p")}} 元素。</dd> diff --git a/files/zh-cn/web/css/display/index.html b/files/zh-cn/web/css/display/index.html index 189002afdb..8605b74a25 100644 --- a/files/zh-cn/web/css/display/index.html +++ b/files/zh-cn/web/css/display/index.html @@ -6,7 +6,7 @@ tags: translation_of: Web/CSS/display --- <div>{{CSSRef}} -<p><strong><code>display</code></strong> 属性可以设置元素的内部和外部显示类型 <em>display types</em>。元素的外部显示类型 <em>outer display types</em> 将决定该元素在<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flow_Layout">流式布局</a>中的表现（<a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout">块级或内联元素</a>）；元素的内部显示类型 <em>inner display types</em> 可以控制其子元素的布局（例如：<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout">flow layout</a>，<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Grid_Layout">grid</a> 或 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout">flex</a>）。</p> +<p><strong><code>display</code></strong> 属性可以设置元素的内部和外部显示类型 <em>display types</em>。元素的外部显示类型 <em>outer display types</em> 将决定该元素在<a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout">流式布局</a>中的表现（<a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout">块级或内联元素</a>）；元素的内部显示类型 <em>inner display types</em> 可以控制其子元素的布局（例如：<a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout">flow layout</a>，<a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout">grid</a> 或 <a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout">flex</a>）。</p> </div> <p>在 <strong>CSS 规范</strong>（特指 CSS Level 1/2/3 规范）中查阅 <strong><code>display</code></strong> 属性的所有取值时需要注意：个别取值的详细信息记录在独立的规范中。 例如，<code>display: flex</code> 的详细信息在 <em>CSS Flexible Box Model</em> 规范中记录。可以在本文档末尾的表格中查看所有有关的规范。</p> @@ -75,7 +75,7 @@ translation_of: Web/CSS/display } </pre> -<p>有关规范变更的更多信息，查阅文章 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/display/two-value_syntax_of_display">Adapting to the new two-value syntax of display</a>。</p> +<p>有关规范变更的更多信息，查阅文章 <a href="/zh-CN/docs/Web/CSS/display/two-value_syntax_of_display">Adapting to the new two-value syntax of display</a>。</p> <h3 id="全局设置">全局设置</h3> @@ -89,47 +89,47 @@ display: unset;</pre> <p>上面 {{anch("语法")}} 部分提供了 <strong><code>display</code></strong> 取值的多个示例。下面的资料将详细介绍 <strong><code>display</code></strong> 的各个取值。</p> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/display/two-value_syntax_of_display">接受 display 新的二值语法</a></li> + <li><a href="/zh-CN/docs/Web/CSS/display/two-value_syntax_of_display">接受 display 新的二值语法</a></li> </ul> <h3 id="CSS_Flow_Layout_display_block_display_inline">CSS Flow Layout (<code>display: block</code>, <code>display: inline</code>)</h3> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow">块级和内联元素在正常流中的布局</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Overflow">流布局和溢出</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes">流布局和书写方法</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout/Formatting_Contexts_Explained">Formatting Contexts Explained</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout/In_Flow_and_Out_of_Flow">流内和流外</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow">块级和内联元素在正常流中的布局</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Overflow">流布局和溢出</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes">流布局和书写方法</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout/Formatting_Contexts_Explained">Formatting Contexts Explained</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout/In_Flow_and_Out_of_Flow">流内和流外</a></li> </ul> <h3 id="display_flex"><code>display: flex</code></h3> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">弹性盒模型的基本概念</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">弹性盒模型的基本概念</a></li> <li>在弹性容器中对齐项目</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of Flex Items Along the Main Axis</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins">Cross-browser Flexbox mixins</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering Wrapping of Flex Items</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering Flex Items</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Relationship of flexbox to other layout methods</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox">Backwards Compatibility of Flexbox</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Typical use cases of Flexbox</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of Flex Items Along the Main Axis</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins">Cross-browser Flexbox mixins</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering Wrapping of Flex Items</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering Flex Items</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Relationship of flexbox to other layout methods</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox">Backwards Compatibility of Flexbox</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Typical use cases of Flexbox</a></li> </ul> <h3 id="display_grid"><code>display: grid</code></h3> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic Concepts of Grid Layout</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">Relationship to other layout methods</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">Line-based placement</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">Layout using named grid lines</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout">Auto-placement in grid layout</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box alignment in grid layout</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">Grids, logical values and writing modes</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility">CSS Grid Layout and Accessibility</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement">CSS Grid Layout and Progressive Enhancement</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout">Realizing common layouts using grids</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic Concepts of Grid Layout</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">Relationship to other layout methods</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">Line-based placement</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">Layout using named grid lines</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout">Auto-placement in grid layout</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box alignment in grid layout</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">Grids, logical values and writing modes</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility">CSS Grid Layout and Accessibility</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement">CSS Grid Layout and Progressive Enhancement</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout">Realizing common layouts using grids</a></li> </ul> <p>除此之外，你可以在 MDN 上找到布局模型的详细解释：</p> @@ -164,7 +164,7 @@ display: unset;</pre> <ul> <li><a class="external external-icon" href="https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/">Short note on what CSS display properties do to table semantics — The Paciello Group</a></li> <li><a class="external external-icon" href="https://gomakethings.com/hidden-content-for-better-a11y/">Hidden content for better a11y | Go Make Things</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.3_%E2%80%94_Create_content_that_can_be_presented_in_different_ways">MDN Understanding WCAG, Guideline 1.3 explanations</a></li> + <li><a href="/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.3_%E2%80%94_Create_content_that_can_be_presented_in_different_ways">MDN Understanding WCAG, Guideline 1.3 explanations</a></li> <li><a class="external external-icon" href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html">Understanding Success Criterion 1.3.1 | W3C Understanding WCAG 2.0</a></li> </ul> @@ -220,7 +220,7 @@ display: unset;</pre> <ul> <li><a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow">Block and inline layout in normal flow</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts">Introduction to formatting contexts</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts">Introduction to formatting contexts</a></li> <li>{{CSSxRef("visibility")}}, {{CSSxRef("float")}}, {{CSSxRef("position")}}</li> <li>{{CSSxRef("grid")}}, {{CSSxRef("flex")}}</li> </ul> diff --git a/files/zh-cn/web/css/flex-grow/index.html b/files/zh-cn/web/css/flex-grow/index.html index e341a60900..b71ba6bd03 100644 --- a/files/zh-cn/web/css/flex-grow/index.html +++ b/files/zh-cn/web/css/flex-grow/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/flex-grow --- <div>{{CSSRef}}</div> -<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>属性 <strong><code>flex-grow</code></strong>设置了一个flex项<a href="https://www.w3.org/TR/css-flexbox/#main-size">主尺寸</a>的flex增长系数。它指定了flex容器中剩余空间的多少应该分配给项目（flex增长系数）。</p> +<p><a href="/zh-CN/docs/Web/CSS">CSS</a>属性 <strong><code>flex-grow</code></strong>设置了一个flex项<a href="https://www.w3.org/TR/css-flexbox/#main-size">主尺寸</a>的flex增长系数。它指定了flex容器中剩余空间的多少应该分配给项目（flex增长系数）。</p> <p><a href="https://www.w3.org/TR/css-flexbox/#main-size">主尺寸</a>是项的宽度或高度，这取决于{{cssxref("flex-direction")}}值。</p> @@ -122,7 +122,7 @@ flex-grow: unset;</pre> <ul> <li><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes" title="使用 CSS 弹性盒子">使用 CSS 弹性盒子</a></li> - <li>CSS Flexbox指南: <em><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> - <li>CSS Flexbox指南: <em><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> + <li>CSS Flexbox指南: <em><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> + <li>CSS Flexbox指南: <em><a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> <li><a href="https://css-tricks.com/flex-grow-is-weird/">`flex-grow` is weird. Or is it?</a> Manuel Matuzovic在CSS-Tricks上的文章，说明了flex-grow的工作原理。</li> </ul> diff --git a/files/zh-cn/web/css/gradient/linear-gradient()/index.html b/files/zh-cn/web/css/gradient/linear-gradient()/index.html index c8c25b68e2..df99cec0e6 100644 --- a/files/zh-cn/web/css/gradient/linear-gradient()/index.html +++ b/files/zh-cn/web/css/gradient/linear-gradient()/index.html @@ -101,7 +101,7 @@ linear-gradient(red 0%, orange 10% 30%, yellow 50% 70%, green 90% 100%);</code>< <h3 id="正式语法">正式语法</h3> <pre class="notranslate">linear-gradient( - [ <a href="https://wiki.developer.mozilla.org/en-US/CSS/angle"><angle></a> | to <side-or-corner> ,]? <color-stop-list> ) + [ <a href="/zh-CN/CSS/angle"><angle></a> | to <side-or-corner> ,]? <color-stop-list> ) \---------------------------------/ \----------------------------/ Definition of the gradient line List of color stops diff --git a/files/zh-cn/web/css/gradient/radial-gradient()/index.html b/files/zh-cn/web/css/gradient/radial-gradient()/index.html index 78750ad563..2b9cfeff39 100644 --- a/files/zh-cn/web/css/gradient/radial-gradient()/index.html +++ b/files/zh-cn/web/css/gradient/radial-gradient()/index.html @@ -91,10 +91,10 @@ radial-gradient(circle at center, red 0, blue, green 100%)</code></pre> <h3 id="Formal_syntax">Formal syntax</h3> <pre class="notranslate">radial-gradient( - [ [ circle || <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/length"><length></a> ] [ at <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/position_value"><position></a> ]? , | - [ ellipse || [ <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/length"><length></a> | <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/percentage"><percentage></a> ]{2} ] [ at <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/position_value"><position></a> ]? , | - [ [ circle | ellipse ] || <extent-keyword> ] [at <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/position_value"><position></a> ]? , | - at <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/position_value"><position></a> , + [ [ circle || <a href="/zh-CN/docs/CSS/length"><length></a> ] [ at <a href="/zh-CN/docs/CSS/position_value"><position></a> ]? , | + [ ellipse || [ <a href="/zh-CN/docs/CSS/length"><length></a> | <a href="/zh-CN/docs/CSS/percentage"><percentage></a> ]{2} ] [ at <a href="/zh-CN/docs/CSS/position_value"><position></a> ]? , | + [ [ circle | ellipse ] || <extent-keyword> ] [at <a href="/zh-CN/docs/CSS/position_value"><position></a> ]? , | + at <a href="/zh-CN/docs/CSS/position_value"><position></a> , ]? <color-stop-list> [ , <color-stop-list> ]+ ) diff --git a/files/zh-cn/web/css/layout_cookbook/contribute_a_recipe/index.html b/files/zh-cn/web/css/layout_cookbook/contribute_a_recipe/index.html index 37ceeddd92..58a0e5bd4c 100644 --- a/files/zh-cn/web/css/layout_cookbook/contribute_a_recipe/index.html +++ b/files/zh-cn/web/css/layout_cookbook/contribute_a_recipe/index.html @@ -81,7 +81,7 @@ translation_of: Web/CSS/Layout_cookbook/Contribute_a_recipe <p>If you need general guidance on using the MDN wiki, see the help pages available here.</p> -<p>If you need to ask any questions, or want someone to take a look at your page then the <a href="https://discourse.mozilla.org/c/mdn">MDN Discourse forum</a> is a good place to do this, or <a href="https://wiki.developer.mozilla.org/en-US/docs/MDN/Community/Conversations#Synchronous_chat">chat with us on Matrix</a>.</p> +<p>If you need to ask any questions, or want someone to take a look at your page then the <a href="https://discourse.mozilla.org/c/mdn">MDN Discourse forum</a> is a good place to do this, or <a href="/zh-CN/docs/MDN/Community/Conversations#Synchronous_chat">chat with us on Matrix</a>.</p> <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/length/index.html b/files/zh-cn/web/css/length/index.html index 35276c797e..813bee1cce 100644 --- a/files/zh-cn/web/css/length/index.html +++ b/files/zh-cn/web/css/length/index.html @@ -118,7 +118,7 @@ translation_of: Web/CSS/length <h2 id="插值">插值</h2> -<p>当包含动画效果时，动画中<code><length></code>的值是由计算出的值使用插值法得出的浮点实数。插值的速度由动画的<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/easing-function">定时函数</a>决定。</p> +<p>当包含动画效果时，动画中<code><length></code>的值是由计算出的值使用插值法得出的浮点实数。插值的速度由动画的<a href="/zh-CN/docs/Web/CSS/easing-function">定时函数</a>决定。</p> <h2 id="示例">示例</h2> diff --git a/files/zh-cn/web/css/list-style-type/index.html b/files/zh-cn/web/css/list-style-type/index.html index 6350c67987..fd7edd0e5d 100644 --- a/files/zh-cn/web/css/list-style-type/index.html +++ b/files/zh-cn/web/css/list-style-type/index.html @@ -10,13 +10,13 @@ translation_of: Web/CSS/list-style-type --- <div>{{CSSRef}}</div> -<p> <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> 属性 <code>list-style-type</code> 可以设置列表元素的 marker（比如圆点、符号、或者自定义计数器样式）。</p> +<p> <a href="/zh-CN/docs/Web/CSS">CSS</a> 属性 <code>list-style-type</code> 可以设置列表元素的 marker（比如圆点、符号、或者自定义计数器样式）。</p> <div>{{EmbedInteractiveExample("pages/css/list-style-type.html")}}</div> -<p>The <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value" title="color">color</a> of the marker will be the same as the computed color of the element it applies to.</p> +<p>The <a href="/zh-CN/docs/CSS/color_value" title="color">color</a> of the marker will be the same as the computed color of the element it applies to.</p> <p>只有几个元素 ({{HTMLElement("li")}} 和 {{HTMLElement("summary")}}) 的默认值为 <code>display: list-item</code>。 但是， <code>list-style-type</code> 属性可以应用在任何 {{cssxref("display")}} 的值为 <code>list-item</code> 的元素上。此外，由于这个属性是可继承的，它可以设置在父元素上 (通常是 {{HTMLElement("ol")}} 或 {{HTMLElement("ul")}}) 以便应用于所有子元素({{HTMLElement("li")}})。</p> @@ -49,10 +49,10 @@ list-style-type: unset; <p>list-style-type 的属性值可以是以下任意一项:</p> <ul> - <li>a <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/list-style-type$edit#%3Ccustom-ident%3E"><custom-ident></a></code> value</li> - <li>a <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/list-style-type$edit#symbols()">symbols()</a></code> value</li> - <li>a <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/list-style-type$edit#%3Cstring%3E"><string></a></code> value</li> - <li>the keyword <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/list-style-type$edit#none">none</a></code>.</li> + <li>a <code><a href="/zh-CN/docs/Web/CSS/list-style-type$edit#%3Ccustom-ident%3E"><custom-ident></a></code> value</li> + <li>a <code><a href="/zh-CN/docs/Web/CSS/list-style-type$edit#symbols()">symbols()</a></code> value</li> + <li>a <code><a href="/zh-CN/docs/Web/CSS/list-style-type$edit#%3Cstring%3E"><string></a></code> value</li> + <li>the keyword <code><a href="/zh-CN/docs/Web/CSS/list-style-type$edit#none">none</a></code>.</li> </ul> <h3 id="取值">取值</h3> @@ -499,7 +499,7 @@ ol.shortcut { <h2 id="Accessibility_concerns">Accessibility concerns</h2> -<p>The <a href="https://help.apple.com/voiceover/info/guide/">VoiceOver</a> screen reader has an issue where unordered lists with a <code>list-style-type</code>value of <code>none</code> applied to them will not be announced as a list. To address this, add a <a href="https://en.wikipedia.org/wiki/Zero-width_space">zero-width space</a> as <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/content">pseudo content</a> before each list item to ensure the list is announced properly. This ensures the design is unaffected by the bug fix and that list items are not improperly described.</p> +<p>The <a href="https://help.apple.com/voiceover/info/guide/">VoiceOver</a> screen reader has an issue where unordered lists with a <code>list-style-type</code>value of <code>none</code> applied to them will not be announced as a list. To address this, add a <a href="https://en.wikipedia.org/wiki/Zero-width_space">zero-width space</a> as <a href="/zh-CN/docs/Web/CSS/content">pseudo content</a> before each list item to ensure the list is announced properly. This ensures the design is unaffected by the bug fix and that list items are not improperly described.</p> <pre class="notranslate"><code>ul { list-style: none; @@ -511,7 +511,7 @@ ul li::before { <ul> <li><a href="https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/">VoiceOver and list-style-type: none – Unfettered Thoughts</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.3_%E2%80%94_Create_content_that_can_be_presented_in_different_ways">MDN Understanding WCAG, Guideline 1.3 explanations</a></li> + <li><a href="/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.3_%E2%80%94_Create_content_that_can_be_presented_in_different_ways">MDN Understanding WCAG, Guideline 1.3 explanations</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html" rel="noopener">Understanding Success Criterion 1.3.1 | W3C Understanding WCAG 2.0</a></li> </ul> diff --git a/files/zh-cn/web/css/media_queries/using_media_queries/index.html b/files/zh-cn/web/css/media_queries/using_media_queries/index.html index 0063d28a5a..375eedc7fb 100644 --- a/files/zh-cn/web/css/media_queries/using_media_queries/index.html +++ b/files/zh-cn/web/css/media_queries/using_media_queries/index.html @@ -369,7 +369,7 @@ original_slug: Web/Guide/CSS/Media_queries <p>媒体查询4级规范对语法进行了一些改进，以使用具有“范围”类型（例如宽度或高度，减少冗余）的功能进行媒体查询。 级别4添加了用于编写此类的查询范围上下文。 例如，使用最大宽度<code>max-</code> 功能，我们可以编写以下代码：</p> <div class="blockIndicator note"> -<p><strong>Note:</strong> 媒体查询4级规范在现代浏览器中具有合理的支持，但某些媒体功能并未得到很好的支持。 有关更多详细信息，请参见 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/@media#Browser_compatibility"><code>@media</code> browser compatibility table</a>。</p> +<p><strong>Note:</strong> 媒体查询4级规范在现代浏览器中具有合理的支持，但某些媒体功能并未得到很好的支持。 有关更多详细信息，请参见 <a href="/zh-CN/docs/Web/CSS/@media#Browser_compatibility"><code>@media</code> browser compatibility table</a>。</p> </div> <pre class="brush: css">@media (max-width: 30em) { ... }</pre> diff --git a/files/zh-cn/web/css/place-items/index.html b/files/zh-cn/web/css/place-items/index.html index 6c9d14db3e..eb53e9eceb 100644 --- a/files/zh-cn/web/css/place-items/index.html +++ b/files/zh-cn/web/css/place-items/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/place-items -<p><a href="/en-US/docs/Web/CSS">CSS</a> 中的 <strong><code>place-items</code></strong> 是一个<a href="/en-US/docs/Web/CSS/Shorthand_properties">简写属性</a> ，它允许你在相关的布局（如 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout">Grid</a> 或 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">Flexbox</a>）中可以同时沿着块级和内联方向对齐元素 (例如：{{CSSxRef("align-items")}} 和 {{CSSxRef("justify-items")}} 属性) 。如果未提供第二个值，则第一个值作为第二个值的默认值。</p> +<p><a href="/en-US/docs/Web/CSS">CSS</a> 中的 <strong><code>place-items</code></strong> 是一个<a href="/en-US/docs/Web/CSS/Shorthand_properties">简写属性</a> ，它允许你在相关的布局（如 <a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout">Grid</a> 或 <a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout">Flexbox</a>）中可以同时沿着块级和内联方向对齐元素 (例如：{{CSSxRef("align-items")}} 和 {{CSSxRef("justify-items")}} 属性) 。如果未提供第二个值，则第一个值作为第二个值的默认值。</p> <div>{{EmbedInteractiveExample("pages/css/place-items.html")}}</div> diff --git a/files/zh-cn/web/css/shorthand_properties/index.html b/files/zh-cn/web/css/shorthand_properties/index.html index 63af2be2be..f29a699b71 100644 --- a/files/zh-cn/web/css/shorthand_properties/index.html +++ b/files/zh-cn/web/css/shorthand_properties/index.html @@ -149,7 +149,7 @@ margin-left: 5px;</pre> <p>{{page("/zh-CN/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance", "Controlling_inheritance")}}</p> -<p>查看 <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance">Cascade and inheritance</a> or <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Cascade">Introducing the CSS Cascade</a> 了解更多关于继承的信息。</p> +<p>查看 <a href="/zh-CN/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance">Cascade and inheritance</a> or <a href="/zh-CN/docs/Web/CSS/Cascade">Introducing the CSS Cascade</a> 了解更多关于继承的信息。</p> <h2 id="See_also" name="See_also">另请参阅</h2> diff --git a/files/zh-cn/web/css/specificity/index.html b/files/zh-cn/web/css/specificity/index.html index 61d41391f9..bf5ad8bb9a 100644 --- a/files/zh-cn/web/css/specificity/index.html +++ b/files/zh-cn/web/css/specificity/index.html @@ -38,7 +38,7 @@ translation_of: Web/CSS/Specificity <p><strong>通配选择符</strong>（universal selector）（{{CSSxRef("Universal_selectors", "*")}}）<strong>关系选择符</strong>（combinators）（{{CSSxRef("Adjacent_sibling_combinator", "+")}}, {{CSSxRef("Child_combinator", ">")}}, {{CSSxRef("General_sibling_combinator", "~")}}, <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_combinator" style="white-space: nowrap;">'<code> </code>'</a>, {{CSSxRef("Column_combinator", "||")}}）和 <strong>否定伪类</strong>（negation pseudo-class）（{{CSSxRef(":not", ":not()")}}）对优先级没有影响。（但是，在<strong> </strong> <code>:not()</code> 内部声明的选择器会影响优先级）。</p> -<p>您可以访问 <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#Specificity_2">"Specificity" in "Cascade and inheritance"</a> 或者 <a href="https://specifishity.com/">https://specifishity.com</a> 来了解更多关于优先级的详细信息。</p> +<p>您可以访问 <a href="/zh-CN/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#Specificity_2">"Specificity" in "Cascade and inheritance"</a> 或者 <a href="https://specifishity.com/">https://specifishity.com</a> 来了解更多关于优先级的详细信息。</p> <p>给元素添加的<strong>内联样式</strong> (例如，<code>style="font-weight:bold"</code>) 总会覆盖外部样式表的任何样式 ，因此可看作是具有最高的优先级。</p> diff --git a/files/zh-cn/web/css/transform-function/matrix()/index.html b/files/zh-cn/web/css/transform-function/matrix()/index.html index 61a7db5124..85c5d7bc8e 100644 --- a/files/zh-cn/web/css/transform-function/matrix()/index.html +++ b/files/zh-cn/web/css/transform-function/matrix()/index.html @@ -81,4 +81,4 @@ translation_of: Web/CSS/transform-function/matrix() <h3 id="结果">结果</h3> -<p>请看英文版案例 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix#Result">https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix#Result</a></p> +<p>请看英文版案例 <a href="/zh-CN/docs/Web/CSS/transform-function/matrix#Result">/zh-CN/docs/Web/CSS/transform-function/matrix#Result</a></p> diff --git a/files/zh-cn/web/css/transform-function/translatey()/index.html b/files/zh-cn/web/css/transform-function/translatey()/index.html index 3c210ee62e..cbce9c8b14 100644 --- a/files/zh-cn/web/css/transform-function/translatey()/index.html +++ b/files/zh-cn/web/css/transform-function/translatey()/index.html @@ -105,7 +105,7 @@ transform: translateY(50%);</code></pre> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>请查看 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/transform-function#Browser_compatibility"><transform-function></a></code>。</p> +<p>请查看 <code><a href="/zh-CN/docs/Web/CSS/transform-function#Browser_compatibility"><transform-function></a></code>。</p> <h2 id="了解更多">了解更多</h2> diff --git a/files/zh-cn/web/css/using_css_custom_properties/index.html b/files/zh-cn/web/css/using_css_custom_properties/index.html index daeae20d1a..60ff3a2bad 100644 --- a/files/zh-cn/web/css/using_css_custom_properties/index.html +++ b/files/zh-cn/web/css/using_css_custom_properties/index.html @@ -177,7 +177,7 @@ translation_of: Web/CSS/Using_CSS_custom_properties <h2 id="自定义属性备用值">自定义属性备用值</h2> -<p>用 {{cssxref("var()")}} 函数可以定义多个<strong>备用值</strong>(fallback value)，当给定值未定义时将会用备用值替换。这对于 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements">Custom Elements</a> 和 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> 都很有用。</p> +<p>用 {{cssxref("var()")}} 函数可以定义多个<strong>备用值</strong>(fallback value)，当给定值未定义时将会用备用值替换。这对于 <a href="/zh-CN/docs/Web/Web_Components/Using_custom_elements">Custom Elements</a> 和 <a href="/zh-CN/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> 都很有用。</p> <div class="blockIndicator note"> <p><strong><u>备用值</u>并不是用于实现浏览器兼容性的。</strong>如果浏览器不支持CSS自定义属性，备用值也没什么用。<strong>它仅对支持CSS自定义属性的浏览器提供了一个备份机制</strong>，该机制仅当给定值未定义或是无效值的时候生效。</p> diff --git a/files/zh-cn/web/css/width/index.html b/files/zh-cn/web/css/width/index.html index 9bcfdb63af..aee395afbf 100644 --- a/files/zh-cn/web/css/width/index.html +++ b/files/zh-cn/web/css/width/index.html @@ -42,8 +42,8 @@ width: unset; <p><code>width</code> 属性也指定为：</p> <ul> - <li>下面关键字值之一：<code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/width$edit#min-content">min-content</a></code>，<code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/width$edit#max-content">max-content</a></code>，<code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/width$edit#fit-content">fit-content</a></code>，<code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/width$edit#auto">auto</a></code>。</li> - <li>一个长度值 <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/width$edit#%3Clength%3E"><length></a></code> 或者百分比值 <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/width$edit#%3Cpercentage%3E"><percentage></a></code>。</li> + <li>下面关键字值之一：<code><a href="/zh-CN/docs/Web/CSS/width$edit#min-content">min-content</a></code>，<code><a href="/zh-CN/docs/Web/CSS/width$edit#max-content">max-content</a></code>，<code><a href="/zh-CN/docs/Web/CSS/width$edit#fit-content">fit-content</a></code>，<code><a href="/zh-CN/docs/Web/CSS/width$edit#auto">auto</a></code>。</li> + <li>一个长度值 <code><a href="/zh-CN/docs/Web/CSS/width$edit#%3Clength%3E"><length></a></code> 或者百分比值 <code><a href="/zh-CN/docs/Web/CSS/width$edit#%3Cpercentage%3E"><percentage></a></code>。</li> </ul> <h3 id="值">值</h3> @@ -148,7 +148,7 @@ width: unset; <p>当页面放大以增加文本大小时，请确保 <code>width</code> 设置的元素不会被截断并且不会遮挡其他内容。</p> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">MDN Understanding WCAG, Guideline 1.4 explanations</a></li> + <li><a href="/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">MDN Understanding WCAG, Guideline 1.4 explanations</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html" rel="noopener">Understanding Success Criterion 1.4.4 | Understanding WCAG 2.0</a></li> </ul> diff --git a/files/zh-cn/web/css/writing-mode/index.html b/files/zh-cn/web/css/writing-mode/index.html index ea47547767..4eaba44816 100644 --- a/files/zh-cn/web/css/writing-mode/index.html +++ b/files/zh-cn/web/css/writing-mode/index.html @@ -193,12 +193,12 @@ th { <h2 id="请参阅">请参阅</h2> <ul> - <li>SVG <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/SVG/Attribute/writing-mode">writing-mode</a></code> attribute</li> + <li>SVG <code><a href="/zh-CN/docs/Web/SVG/Attribute/writing-mode">writing-mode</a></code> attribute</li> <li>{{Cssxref("direction")}}</li> <li>{{Cssxref("unicode-bidi")}}</li> <li>{{Cssxref("text-orientation")}}</li> <li>{{Cssxref("text-combine-upright")}}</li> - <li><a href="https://wiki.developer.mozilla.org/docs/Web/CSS/CSS_Logical_Properties">CSS Logical properties</a></li> + <li><a href="/zh-CN/docs/Web/CSS/CSS_Logical_Properties">CSS Logical properties</a></li> <li><a href="https://www.w3.org/International/articles/vertical-text/">Styling vertical text (Chinse, Japanese, Korean and Mongolian)</a></li> <li>Extensive browsers support test results: <a href="https://w3c.github.io/i18n-tests/results/writing-mode-vertical">https://w3c.github.io/i18n-tests/results/writing-mode-vertical</a></li> </ul> diff --git a/files/zh-cn/web/css/z-index/index.html b/files/zh-cn/web/css/z-index/index.html index ea8919ea70..7ef2adc6c2 100644 --- a/files/zh-cn/web/css/z-index/index.html +++ b/files/zh-cn/web/css/z-index/index.html @@ -38,7 +38,7 @@ z-index: inherit; z-index: initial; z-index: unset;</pre> -<p><code>z-index</code> 属性可以被设定为关键词 <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/z-index$edit#auto">auto</a></code> 或 <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/z-index$edit#<integer>"><integer></a></code>。</p> +<p><code>z-index</code> 属性可以被设定为关键词 <code><a href="/zh-CN/docs/Web/CSS/z-index$edit#auto">auto</a></code> 或 <code><a href="/zh-CN/docs/Web/CSS/z-index$edit#<integer>"><integer></a></code>。</p> <h3 id="取值">取值</h3> diff --git a/files/zh-cn/web/events/creating_and_triggering_events/index.html b/files/zh-cn/web/events/creating_and_triggering_events/index.html index 686d6471af..ea96143dea 100644 --- a/files/zh-cn/web/events/creating_and_triggering_events/index.html +++ b/files/zh-cn/web/events/creating_and_triggering_events/index.html @@ -24,7 +24,7 @@ elem.addEventListener('build', function (e) { ... }, false); // Dispatch the event. elem.dispatchEvent(event);</pre> -<p>上述代码使用了 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent">EventTarget.dispatchEvent()</a> 方法。</p> +<p>上述代码使用了 <a href="/zh-CN/docs/Web/API/EventTarget/dispatchEvent">EventTarget.dispatchEvent()</a> 方法。</p> <p><span style="line-height: 1.5;">绝大多数现代浏览器中都会支持这个构造函数（Internet Explorer 例外）。 要了解更为复杂的方法，可参考下面的 </span><a href="#The_old-fashioned_way" style="line-height: 1.5;" title="#过时的方式">过时的方式</a><span style="line-height: 1.5;"> 一节。</span></p> diff --git a/files/zh-cn/web/guide/ajax/index.html b/files/zh-cn/web/guide/ajax/index.html index 42cc4d78df..db3c85786f 100644 --- a/files/zh-cn/web/guide/ajax/index.html +++ b/files/zh-cn/web/guide/ajax/index.html @@ -7,7 +7,7 @@ translation_of: Web/Guide/AJAX Ajax简介</div> <div> -<p>Asynchronous JavaScript + XML（异步JavaScript和XML）, 其本身不是一种新技术，而是一个在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: <a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a> 或 <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>, <a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model">DOM</a>, <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>, <a href="/en-US/docs/XSLT" title="en-US/docs/XSLT">XSLT</a>, 以及最重要的 {{domxref("XMLHttpRequest")}}。当使用结合了这些技术的AJAX模型以后， 网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。这使得程序能够更快地回应用户的操作。</p> +<p>Asynchronous JavaScript + XML（异步JavaScript和XML）, 其本身不是一种新技术，而是一个在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: <a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a> 或 <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/zh-CN/docs/Web/CSS">CSS</a>, <a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a>, <a href="/zh-CN/docs/Web/API/Document_Object_Model">DOM</a>, <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>, <a href="/en-US/docs/XSLT" title="en-US/docs/XSLT">XSLT</a>, 以及最重要的 {{domxref("XMLHttpRequest")}}。当使用结合了这些技术的AJAX模型以后， 网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。这使得程序能够更快地回应用户的操作。</p> <p>尽管X在Ajax中代表XML, 但由于{{glossary("JSON")}}的许多优势，比如更加轻量以及作为Javascript的一部分，目前JSON的使用比XML更加普遍。JSON和XML都被用于在Ajax模型中打包信息。</p> </div> @@ -29,7 +29,7 @@ translation_of: Web/Guide/AJAX <li>在<a href="/zh-CN/docs/Web/API/Web_Workers_API">Web workers</a>中使用Ajax</li> </ul> </dd> - <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Fetch_API">Fetch API</a></dt> + <dt><a href="/zh-CN/docs/Web/API/Fetch_API">Fetch API</a></dt> <dd>Fetch API 提供一个获取资源的接口。对于用过 {{domxref("XMLHTTPRequest")}} 的人来说会觉得很熟悉，但这个API提供了更加强大且灵活的特性。</dd> <dt><a href="/zh-CN/docs/Server-sent_events">Server-sent 事件</a></dt> <dd>在过去，一个网页必须发送请求到服务器来获取新的数据，也就是说，网页必须主动向服务器请求数据。有了server-sent events之后，服务器可以向网页推送消息，使得服务器可以随时向网页传送数据。这些发送过来的消息可以看作是带有数据的<a href="/en-US/docs/DOM/event">事件</a>。参见: <a href="/en-US/docs/Server-sent_events/Using_server-sent_events" title="/en-US/docs/Server-sent_events/Using_server-sent_events">Using server-sent events</a>.</dd> diff --git a/files/zh-cn/web/houdini/index.html b/files/zh-cn/web/houdini/index.html index 130725938c..68259ebd34 100644 --- a/files/zh-cn/web/houdini/index.html +++ b/files/zh-cn/web/houdini/index.html @@ -12,18 +12,18 @@ translation_of: Web/Houdini <h2 id="Houdini_的优点">Houdini 的优点</h2> -<p>当样式改变时Houdini相比JavaScript<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/ElementCSSInlineStyle/style">.style</a> 的方式能够能够更快的解析。 浏览器在应用脚本中发现的任何样式更新之前，会对CSSOM进行解析--包括布局、绘制和合成过程。此外，对于JavaScript样式更新，布局、绘制和复合过程也会重复进行。Houdini代码不会等待第一个渲染周期完成。相反，它被包含在第一个周期中--创建可渲染的、可理解的样式。Houdini为在JavaScript中使用CSS值提供了一个基于对象的API。</p> +<p>当样式改变时Houdini相比JavaScript<a href="/zh-CN/docs/Web/API/ElementCSSInlineStyle/style">.style</a> 的方式能够能够更快的解析。 浏览器在应用脚本中发现的任何样式更新之前，会对CSSOM进行解析--包括布局、绘制和合成过程。此外，对于JavaScript样式更新，布局、绘制和复合过程也会重复进行。Houdini代码不会等待第一个渲染周期完成。相反，它被包含在第一个周期中--创建可渲染的、可理解的样式。Houdini为在JavaScript中使用CSS值提供了一个基于对象的API。</p> -<p>Houdini 的 CSS Typed OM 是一个包含类型和方法的 CSS 对象、并且暴露出了作为 JavaScript 对象的值。比起先前基于字符串的，对 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style">HTMLElement.style</a></code> 进行操作的方案，对 JavaScript 对象进行操作更符合直觉。每个元素和样式表规则都拥有一个样式对应表，该对应表可以通过 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/StylePropertyMap">StylePropertyMap</a></code> 来获得。</p> +<p>Houdini 的 CSS Typed OM 是一个包含类型和方法的 CSS 对象、并且暴露出了作为 JavaScript 对象的值。比起先前基于字符串的，对 <code><a href="/zh-CN/docs/Web/API/HTMLElement/style">HTMLElement.style</a></code> 进行操作的方案，对 JavaScript 对象进行操作更符合直觉。每个元素和样式表规则都拥有一个样式对应表，该对应表可以通过 <code><a href="/zh-CN/docs/Web/API/StylePropertyMap">StylePropertyMap</a></code> 来获得。</p> -<p>一个 CSS Houdini 的特性就是 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Worklet">Worklet</a>。在它的帮助下，你可以通过引入一行 JavaScript 代码来引入配置化的组件，从而创建模块式的 CSS。不依赖任何前置处理器、后置处理器或者 JavaScript 框架。</p> +<p>一个 CSS Houdini 的特性就是 <a href="/zh-CN/docs/Web/API/Worklet">Worklet</a>。在它的帮助下，你可以通过引入一行 JavaScript 代码来引入配置化的组件，从而创建模块式的 CSS。不依赖任何前置处理器、后置处理器或者 JavaScript 框架。</p> <pre class="brush: js notranslate"><script> CSS.paintWorklet.addModule('csscomponent.js'); </script> </pre> -<p>以上添加进的模块包含一个 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/PaintWorklet/registerPaint">registerPaint()</a></code>函数，这个模块是完全通过可配置的 worklets 来注册的。</p> +<p>以上添加进的模块包含一个 <code><a href="/zh-CN/docs/Web/API/PaintWorklet/registerPaint">registerPaint()</a></code>函数，这个模块是完全通过可配置的 worklets 来注册的。</p> <p>这个 CSS <code>paint()</code> 函数的参数包括 worklet 的名字，以及其他可选的参数。worklet 同时能够访问元素的自定义属性：它们不需要作为函数参数传递。</p> diff --git a/files/zh-cn/web/html/attributes/index.html b/files/zh-cn/web/html/attributes/index.html index 846e47bddd..eb514c19f5 100644 --- a/files/zh-cn/web/html/attributes/index.html +++ b/files/zh-cn/web/html/attributes/index.html @@ -25,64 +25,64 @@ translation_of: Web/HTML/Attributes </thead> <tbody> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept">accept</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/accept">accept</a></td> <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td> <td>服务器接受内容或文件类型的列表。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept-charset">accept-charset</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/accept-charset">accept-charset</a></td> <td>{{ HTMLElement("form") }}</td> <td>支持的字符集列表。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey">accesskey</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Global_attributes/accesskey">accesskey</a></td> <td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></td> <td>定义键盘快捷键来激活或者聚焦元素</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/action">action</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/action">action</a></td> <td>{{ HTMLElement("form") }}</td> <td>表单信息提交的url地址，指向进行处理的程序。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/align">align</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/align">align</a></td> <td>{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}</td> <td>设置元素的水平对齐。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/allow">allow</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/allow">allow</a></td> <td>{{ HTMLElement("iframe") }}</td> <td>Specifies a feature-policy for the iframe.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/alt">alt</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/alt">alt</a></td> <td> <p>{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}</p> </td> <td>在图片无法呈现时的替代文本。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/async">async</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/async">async</a></td> <td>{{ HTMLElement("script") }}</td> <td>表示该脚本应该异步执行。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize">autocapitalize</a></td> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">全局属性</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Global_attributes/autocapitalize">autocapitalize</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a></td> <td>Sets whether input is automatically capitalized when entered by user</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete">autocomplete</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/autocomplete">autocomplete</a></td> <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> <td>表示该表单中是否可以由浏览器自动完成填值。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autofocus">autofocus</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/autofocus">autofocus</a></td> <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> <td>在网页加载后该元素应该自动聚焦。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autoplay">autoplay</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/autoplay">autoplay</a></td> <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> <td> audio或video应该自动播放</td> </tr> @@ -116,12 +116,12 @@ translation_of: Web/HTML/Attributes </td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/buffered">buffered</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/buffered">buffered</a></td> <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> <td>包含已缓存媒体的时间范围。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture">capture</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/capture">capture</a></td> <td>{{ HTMLElement("input") }}</td> <td>From the <a href="https://w3c.github.io/html-media-capture/#the-capture-attribute" hreflang="en" lang="en" rel="noopener">HTML Media Capture<br> <small lang="en-US">The definition of 'media capture' in that specification.</small></a>spec, specifies a new file can be captured.</td> @@ -132,32 +132,32 @@ translation_of: Web/HTML/Attributes <td>与公钥一起提交的挑战字符。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/charset">charset</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/charset">charset</a></td> <td>{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}</td> <td>申明该页面或脚本的字符编码。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/checked">checked</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/checked">checked</a></td> <td>{{ HTMLElement("command") }}, {{ HTMLElement("input") }}</td> <td>指出该元素在页面加载后是否处于选中状态。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/cite">cite</a></td> + <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> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class">class</a></td> + <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> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/code">code</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/code">code</a></td> <td>{{ HTMLElement("applet") }}</td> <td>标明被加载和执行的applet类文件的URL。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/codebase">codebase</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/codebase">codebase</a></td> <td>{{ HTMLElement("applet") }}</td> <td>指出存放applet类文件基本URL地址(绝对或相对)，这些文件由code属性标明。</td> </tr> @@ -173,53 +173,53 @@ translation_of: Web/HTML/Attributes </td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/cols">cols</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/cols">cols</a></td> <td>{{ HTMLElement("textarea") }}</td> <td>定义一个textarea中包含多少列。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/colspan">colspan</a></td> + <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> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/content">content</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/content">content</a></td> <td>{{ HTMLElement("meta") }}</td> <td>A value associated with <code>http-equiv</code> or <code>name</code> depending on the context.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a></td> <td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></td> <td>指出该元素的内容是否可以被编辑。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/contextmenu">contextmenu</a></td> + <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> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/controls">controls</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/controls">controls</a></td> <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> <td>指出浏览器是否对用户显示播放控制台(前进或回退)</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/coords">coords</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/coords">coords</a></td> <td>{{ HTMLElement("area") }}</td> <td>A set of values specifying the coordinates of the hot-spot region.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></td> + <td><a href="/zh-CN/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></td> <td>{{ HTMLElement("audio") }}, {{ HTMLElement("img") }}, {{ HTMLElement("link") }}, {{ HTMLElement("script") }}, {{ HTMLElement("video") }}</td> <td>How the element handles cross-origin requests</td> </tr> <tr> - <td><code><a href="https://wiki.developer.mozilla.org/docs/Web/API/HTMLiframeElement/csp">csp</a></code> {{experimental_inline}}</td> + <td><code><a href="/zh-CN/docs/Web/API/HTMLiframeElement/csp">csp</a></code> {{experimental_inline}}</td> <td>{{ HTMLElement("iframe") }}</td> <td>Specifies the Content Security Policy that an embedded document must agree to enforce upon itself.</td> </tr> <tr> <td> - <p><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/data">data</a></p> + <p><a href="/zh-CN/docs/Web/HTML/Attributes/data">data</a></p> </td> <td> <p>{{ HTMLElement("object") }}</p> @@ -230,7 +230,7 @@ translation_of: Web/HTML/Attributes </tr> <tr> <td> - <p><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*">data-*</a></p> + <p><a href="/zh-CN/docs/Web/HTML/Global_attributes/data-*">data-*</a></p> </td> <td> <p><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></p> @@ -240,77 +240,77 @@ translation_of: Web/HTML/Attributes </td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/datetime">datetime</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/datetime">datetime</a></td> <td>{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}</td> <td>Indicates the date and time associated with the element.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/decoding">decoding</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/decoding">decoding</a></td> <td>{{ HTMLElement("img") }}</td> <td>Indicates the preferred method to decode the image.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/default">default</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/default">default</a></td> <td>{{ HTMLElement("track") }}</td> <td>Indicates that the track should be enabled unless the user's preferences indicate something different.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/defer">defer</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/defer">defer</a></td> <td>{{ HTMLElement("script") }}</td> <td>Indicates that the script should be executed after the page has been parsed.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir">dir</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Global_attributes/dir">dir</a></td> <td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></td> <td>Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/dirname">dirname</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/dirname">dirname</a></td> <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> <td></td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled">disabled</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/disabled">disabled</a></td> <td>{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> <td>Indicates whether the user can interact with the element.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/download">download</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/download">download</a></td> <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td> <td>Indicates that the hyperlink is to be used for downloading a resource.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable">draggable</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Global_attributes/draggable">draggable</a></td> <td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></td> <td>Defines whether the element can be dragged.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/dropzone">dropzone</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/dropzone">dropzone</a></td> <td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">全局属性</a></td> <td>Indicates that the element accept the dropping of content on it.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/enctype">enctype</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/enctype">enctype</a></td> <td>{{ HTMLElement("form") }}</td> <td>Defines the content type of the form date when the <code>method</code> is POST.</td> </tr> <tr> - <td><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/enterkeyhint">enterkeyhint</a></code> {{experimental_inline}}</td> - <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable"><code>contenteditable</code></a></td> + <td><code><a href="/zh-CN/docs/Web/HTML/Attributes/enterkeyhint">enterkeyhint</a></code> {{experimental_inline}}</td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}, <a href="/zh-CN/docs/Web/HTML/Global_attributes/contenteditable"><code>contenteditable</code></a></td> <td>The <a href="https://html.spec.whatwg.org/dev/interaction.html#input-modalities:-the-enterkeyhint-attribute" rel="noopener"><code>enterkeyhint</code></a> specifies what action label (or icon) to present for the enter key on virtual keyboards. The attribute can be used with form controls (such as the value of <code>textarea</code> elements), or in elements in an editing host (e.g., using <code>contenteditable</code> attribute).</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/for">for</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/for">for</a></td> <td>{{ HTMLElement("label") }}, {{ HTMLElement("output") }}</td> <td>描述与当前元素绑定的元素。</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/form">form</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/form">form</a></td> <td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> <td>Indicates the form that is the owner of the element.</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/formaction">formaction</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/formaction">formaction</a></td> <td><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input" title="The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent. "><code><input></code></a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button" title="The HTML <button> element represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality."><code><button></code></a></td> <td>Indicates the action of the element, overriding the action defined in the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form" title="The HTML <form> element represents a document section containing interactive controls for submitting information."><code><form></code></a>.</td> </tr> @@ -689,5 +689,5 @@ translation_of: Web/HTML/Attributes <h2 id="参见">参见</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element">HTML elements</a></li> + <li><a href="/zh-CN/docs/Web/HTML/Element">HTML elements</a></li> </ul> diff --git a/files/zh-cn/web/html/element/audio/index.html b/files/zh-cn/web/html/element/audio/index.html index c7782d664a..a2b7a3a241 100644 --- a/files/zh-cn/web/html/element/audio/index.html +++ b/files/zh-cn/web/html/element/audio/index.html @@ -27,20 +27,20 @@ translation_of: Web/HTML/Element/audio <dt>{{htmlattrdef("autoplay")}}</dt> <dd>布尔值属性；声明该属性，音频会尽快自动播放，不会等待整个音频文件下载完成。 <div class="blockIndicator note"> - <p><strong>注意：</strong>自动播放音频（或有声视频）可能会破坏用户体验，所以应该尽可能避免。如果你一定要提供自动播放功能，你应该加入开关（让用户主动打开自动播放）。然而，如果需要创建一些媒体元素，其播放源由用户在稍后设置，自动播放就会很有用。想了解如果正确使用自动播放，可参见我们的<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide">自动播放指南</a>。</p> + <p><strong>注意：</strong>自动播放音频（或有声视频）可能会破坏用户体验，所以应该尽可能避免。如果你一定要提供自动播放功能，你应该加入开关（让用户主动打开自动播放）。然而，如果需要创建一些媒体元素，其播放源由用户在稍后设置，自动播放就会很有用。想了解如果正确使用自动播放，可参见我们的<a href="/zh-CN/docs/Web/Media/Autoplay_guide">自动播放指南</a>。</p> </div> </dd> <dt>{{htmlattrdef("controls")}}</dt> <dd>如果声明了该属性，浏览器将提供一个包含声音，播放进度，播放暂停的控制面板，让用户可以控制音频的播放。</dd> <dt>{{htmlattrdef("crossorigin")}}</dt> - <dd>枚举属性 展示音频资源是否可以通过CORS加载。<a href="https://wiki.developer.mozilla.org/en-US/docs/CORS_Enabled_Image">支持CORS的资源 </a> 可以被 {{HTMLElement("canvas")}} 元素复用而不污染. 可选值如下： + <dd>枚举属性 展示音频资源是否可以通过CORS加载。<a href="/zh-CN/docs/CORS_Enabled_Image">支持CORS的资源 </a> 可以被 {{HTMLElement("canvas")}} 元素复用而不污染. 可选值如下： <dl> <dt><code>anonymous</code></dt> <dd>在发送跨域请求时不携带验证信息。换句话说，浏览器在发送<code>Origin:</code> HTTP 请求首部时将不携带 cookie、 X.509 安全令牌、也不会执行任何 HTTP 基本认证。如果服务器没有给予源站信任（也就是说没有设置 <code>Access-Control-Allow-Origin:</code> 响应首部），那么图片就被认为是污染的，它就会被限制使用。</dd> <dt><code>use-credentials</code></dt> <dd>在发送跨域请求时不携带验证信息。换句话说，在发送<code>Origin:</code> HTTP 请求首部时将携带 cookie、安全令牌、并且执行 HTTP 基本认证。如果服务器没有给予源站信任（通过设置<code>Access-Control-Allow-Credentials:</code> 响应首部）那么图片就被认为是污染的，它就会被限制使用。</dd> </dl> - 在未指定时，资源将不通过 CORS 请求来获取（也就是不发送 <code>Origin: </code>请求首部），以保护 {{HTMLElement('canvas')}} 元素中未污染的内容。如果验证失败，它会表现的好像 <strong>anonymous </strong>选项是选中的。查看 <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes">CORS settings attributes</a> 来获取更多信息。</dd> + 在未指定时，资源将不通过 CORS 请求来获取（也就是不发送 <code>Origin: </code>请求首部），以保护 {{HTMLElement('canvas')}} 元素中未污染的内容。如果验证失败，它会表现的好像 <strong>anonymous </strong>选项是选中的。查看 <a href="/zh-CN/docs/HTML/CORS_settings_attributes">CORS settings attributes</a> 来获取更多信息。</dd> <dt>{{htmlattrdef("currentTime")}}</dt> <dd> <p>读取 <code>currentTime</code> 属性将返回一个双精度浮点值，用以标明以秒为单位的当前音频的播放位置。如果音频的元数据暂时无法访问——这意味着你无法的知道媒体的开始或持续时间。这时，<code>currentTime</code> 相对应的，能够被用于改变重播的时间。否则，设置 <code>currentTime</code> 将设置当前的播放位置，并且会自动搜寻到媒体的那个位置，如果媒体目前已经被加载的话。</p> @@ -54,7 +54,7 @@ translation_of: Web/HTML/Element/audio </div> </dd> <dt>{{htmlattrdef("duration")}} {{ReadOnlyInline}}</dt> - <dd>这是一个双精度浮点数，指明了音频在时间轴中的持续时间（总长度），以秒为单位。如果元素上没有媒体，或者媒体是不可用的，那么会返回 <code>NaN</code>。如果媒体找不到确切的结尾（比如不确定长度的直播流，网络电台，或者是通过 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WebRTC_API">WebRTC</a> 连接的流），那么这个值将返回 <code>+Infinity</code>。</dd> + <dd>这是一个双精度浮点数，指明了音频在时间轴中的持续时间（总长度），以秒为单位。如果元素上没有媒体，或者媒体是不可用的，那么会返回 <code>NaN</code>。如果媒体找不到确切的结尾（比如不确定长度的直播流，网络电台，或者是通过 <a href="/zh-CN/docs/Web/API/WebRTC_API">WebRTC</a> 连接的流），那么这个值将返回 <code>+Infinity</code>。</dd> <dt>{{htmlattrdef("loop")}}</dt> <dd>布尔属性；如果声明该属性，将循环播放音频。</dd> <dt>{{htmlattrdef("muted")}}</dt> @@ -120,7 +120,7 @@ translation_of: Web/HTML/Element/audio <tr> <td>{{domxref("HTMLMediaElement.emptied_event", 'emptied')}}</td> <td> - <p>媒体置空。举个例子，当一个媒体已经加载（或部分加载）的情况下话调用 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal">load()</a> </code>方法，这个事件就将被触发。</p> + <p>媒体置空。举个例子，当一个媒体已经加载（或部分加载）的情况下话调用 <code><a href="/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal">load()</a> </code>方法，这个事件就将被触发。</p> </td> </tr> <tr> @@ -200,7 +200,7 @@ translation_of: Web/HTML/Element/audio <h2 id="使用说明">使用说明</h2> -<p>浏览器对 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Containers">文件类型</a> 和 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Audio_codecs">音频编码</a> 的支持各有不同，你可以使用内嵌的 {{htmlelement("source")}} 元素提供不同的播放源。浏览器会使用第一个它支持的播放源：</p> +<p>浏览器对 <a href="/zh-CN/docs/Web/Media/Formats/Containers">文件类型</a> 和 <a href="/zh-CN/docs/Web/Media/Formats/Audio_codecs">音频编码</a> 的支持各有不同，你可以使用内嵌的 {{htmlelement("source")}} 元素提供不同的播放源。浏览器会使用第一个它支持的播放源：</p> <pre class="notranslate"><audio controls> <source src="myAudio.mp3" type="audio/mpeg"> @@ -209,18 +209,18 @@ translation_of: Web/HTML/Element/audio a <a href="myAudio.mp4">link to the audio</a> instead.</p> </audio></pre> -<p>我们提供了全面细致的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats">音频文件类型指南</a> 和 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Audio_codecs">这些类型可以使用的音频编码</a>。此外，还有 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs">视频编码支持指南</a>。</p> +<p>我们提供了全面细致的 <a href="/zh-CN/docs/Web/Media/Formats">音频文件类型指南</a> 和 <a href="/zh-CN/docs/Web/Media/Formats/Audio_codecs">这些类型可以使用的音频编码</a>。此外，还有 <a href="/zh-CN/docs/Web/Media/Formats/Video_codecs">视频编码支持指南</a>。</p> <p>其他使用说明：</p> <ul> <li>如果你没有声明 <code>controls</code> 属性，音频播放器不会包含浏览器的默认控件。但你可以使用 JavaScript 和 {{domxref("HTMLMediaElement")}} API 创建自己的自定义控件。</li> - <li>为了更精确地控制你的音频内容，<code>HTMLMediaElement</code> 会触发多种不同的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events">事件</a>。这也提供了一个查看音频获取过程的方式，你可以查看错误或检测什么时候可以开始播放或操作。</li> - <li>你还可以使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> 以从 JavaScript 代码直接生成和操纵音频流，而非流式播放已存在的音频文件。</li> + <li>为了更精确地控制你的音频内容，<code>HTMLMediaElement</code> 会触发多种不同的 <a href="/zh-CN/docs/Web/Guide/Events/Media_events">事件</a>。这也提供了一个查看音频获取过程的方式，你可以查看错误或检测什么时候可以开始播放或操作。</li> + <li>你还可以使用 <a href="/zh-CN/docs/Web/API/Web_Audio_API">Web Audio API</a> 以从 JavaScript 代码直接生成和操纵音频流，而非流式播放已存在的音频文件。</li> <li><code><audio></code> 元素不能像 <code><video></code> 元素一样附加副标题（subtitle）或说明标题（caption）。更多有用的信息和解决方法参见 Ian Devlin 的 <a href="https://www.iandevlin.com/blog/2015/12/html5/webvtt-and-audio">WebVTT and Audio</a>。</li> </ul> -<p><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">视频和音频内容</a> 新手教程是一篇关于使用 HTML <code><audio></code> 的好文章。</p> +<p><a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">视频和音频内容</a> 新手教程是一篇关于使用 HTML <code><audio></code> 的好文章。</p> <h3 id="使用_CSS_设置样式">使用 CSS 设置样式</h3> @@ -232,7 +232,7 @@ translation_of: Web/HTML/Element/audio <p>如果在跨浏览器中得到一致的外观和体验，你需要创建自定义控件；自定义控件可以根据你的需求任意设置样式，还可以使用 JavaScript 和 {{domxref("HTMLMediaElement")}} API 来设置更多功能。</p> -<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Video_player_styling_basics">视频播放器样式基础</a> 提供了一些有用的样式技术，这篇文章围绕 <code><video></code> 而写，但大部分都可以用于 <code><audio></code>。</p> +<p><a href="/zh-CN/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Video_player_styling_basics">视频播放器样式基础</a> 提供了一些有用的样式技术，这篇文章围绕 <code><video></code> 而写，但大部分都可以用于 <code><audio></code>。</p> <h3 id="检测音轨添加和移除">检测音轨添加和移除</h3> @@ -282,7 +282,7 @@ elem.audioTrackList.onremovetrack = function(event) { </audio> </pre> -<p>如果想获得更多信息，包括何时自动播放生效，如何获取自动播放权限，并且通过何种方式，在何时应用自动播放才是合适的，请看我们的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide">autoplay guide</a>。</p> +<p>如果想获得更多信息，包括何时自动播放生效，如何获取自动播放权限，并且通过何种方式，在何时应用自动播放才是合适的，请看我们的 <a href="/zh-CN/docs/Web/Media/Autoplay_guide">autoplay guide</a>。</p> <h3 id="<audio>_元素与_<source>_元素"><audio> 元素与 <source> 元素</h3> @@ -306,7 +306,7 @@ elem.audioTrackList.onremovetrack = function(event) { <h2 id="可访问性考虑">可访问性考虑</h2> -<p>语音形式的音频必须同时提供标题，以及确切描述其内容的文本。标题（Captions）是由 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WebVTT_API">WebVTT</a> 标准定义的，允许听力障碍的人群能够通过播放（文字）记录来理解音频内容。转录文字允许那些需要额外时间的人们，以适合他们的速度和格式回顾记录的内容。</p> +<p>语音形式的音频必须同时提供标题，以及确切描述其内容的文本。标题（Captions）是由 <a href="/zh-CN/docs/Web/API/WebVTT_API">WebVTT</a> 标准定义的，允许听力障碍的人群能够通过播放（文字）记录来理解音频内容。转录文字允许那些需要额外时间的人们，以适合他们的速度和格式回顾记录的内容。</p> <p>如果使用自动标题服务，人工检查生成内容是很重要的，这确保了标题能够准确的描述源音频。</p> @@ -342,10 +342,10 @@ Welcome to the Time Keeper's podcast! In this episode we're discussing which Swi </pre> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Plugins/Flash_to_HTML5/Video/Subtitles_captions">MDN Subtitles and closed caption — Plugins</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WebVTT_API">Web Video Text Tracks Format (WebVTT)</a></li> + <li><a href="/zh-CN/docs/Plugins/Flash_to_HTML5/Video/Subtitles_captions">MDN Subtitles and closed caption — Plugins</a></li> + <li><a href="/zh-CN/docs/Web/API/WebVTT_API">Web Video Text Tracks Format (WebVTT)</a></li> <li><a href="https://webaim.org/techniques/captions/">WebAIM: Captions, Transcripts, and Audio Descriptions</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.2_%E2%80%94_Providing_text_alternatives_for_time-based_media">MDN Understanding WCAG, Guideline 1.2 explanations</a></li> + <li><a href="/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.2_%E2%80%94_Providing_text_alternatives_for_time-based_media">MDN Understanding WCAG, Guideline 1.2 explanations</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-av-only-alt.html">Understanding Success Criterion 1.2.1 | W3C Understanding WCAG 2.0</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-captions.html">Understanding Success Criterion 1.2.2 | W3C Understanding WCAG 2.0</a></li> </ul> @@ -355,8 +355,8 @@ Welcome to the Time Keeper's podcast! In this episode we're discussing which Swi <table> <tbody> <tr> - <th scope="row"><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories">Content categories</a></th> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>, phrasing content, embedded content. If it has a {{htmlattrxref("controls", "audio")}} attribute: interactive content and palpable content.</td> + <th scope="row"><a href="/zh-CN/docs/Web/HTML/Content_categories">Content categories</a></th> + <td><a href="/zh-CN/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>, phrasing content, embedded content. If it has a {{htmlattrxref("controls", "audio")}} attribute: interactive content and palpable content.</td> </tr> <tr> <th scope="row">合法内容</th> @@ -421,17 +421,17 @@ Welcome to the Time Keeper's podcast! In this episode we're discussing which Swi <h2 id="参见">参见</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media">Web media technologies</a> + <li><a href="/zh-CN/docs/Web/Media">Web media technologies</a> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Containers">Media container formats (file types)</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Media/Formats/Audio_codecs">Guide to audio codecs used on the web</a></li> + <li><a href="/zh-CN/docs/Web/Media/Formats/Containers">Media container formats (file types)</a></li> + <li><a href="/zh-CN/docs/Web/Media/Formats/Audio_codecs">Guide to audio codecs used on the web</a></li> </ul> </li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web_Audio_API">Web Audio API</a></li> + <li><a href="/zh-CN/docs/Web_Audio_API">Web Audio API</a></li> <li>{{domxref("HTMLAudioElement")}}</li> <li>{{htmlelement("source")}}</li> <li>{{htmlelement("video")}}</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Learning area: Video and audio content</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/Cross-browser_audio_basics">Cross-browser audio basics</a></li> + <li><a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Learning area: Video and audio content</a></li> + <li><a href="/zh-CN/Apps/Fundamentals/Audio_and_video_delivery/Cross-browser_audio_basics">Cross-browser audio basics</a></li> </ul> diff --git a/files/zh-cn/web/html/element/fieldset/index.html b/files/zh-cn/web/html/element/fieldset/index.html index 3da899a141..7eda6a559a 100644 --- a/files/zh-cn/web/html/element/fieldset/index.html +++ b/files/zh-cn/web/html/element/fieldset/index.html @@ -39,7 +39,7 @@ translation_of: Web/HTML/Element/fieldset <p><code><fieldset></code> 有几种特别的样式方案。</p> -<p>它的 {{cssxref("display")}} 值默认为 <code>block</code>，因此建立了一个<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context">块级格式化上下文</a>。如果将 <code><fieldset></code> 的 <code>display</code> 值设置为行内级别，则会表现为 <code>inline-block</code>，否则会表现为 <code>block</code>。默认情况下 <code><fieldset></code> 会有 <code>2px</code> <code>groove</code> 的边界围绕着内容，还有一个默认的小的内边距，还有 {{cssxref("min-inline-size", "min-inline-size: min-content")}} 。</p> +<p>它的 {{cssxref("display")}} 值默认为 <code>block</code>，因此建立了一个<a href="/zh-CN/docs/Web/Guide/CSS/Block_formatting_context">块级格式化上下文</a>。如果将 <code><fieldset></code> 的 <code>display</code> 值设置为行内级别，则会表现为 <code>inline-block</code>，否则会表现为 <code>block</code>。默认情况下 <code><fieldset></code> 会有 <code>2px</code> <code>groove</code> 的边界围绕着内容，还有一个默认的小的内边距，还有 {{cssxref("min-inline-size", "min-inline-size: min-content")}} 。</p> <p>如果其中有 {{htmlelement("legend")}} 元素，会放在块级框起始处的边界上。<code><legend></code> 的宽度会根据内容尽量收缩（shrink-wrap），同时也建立了一个格式化上下文。<code>display</code> 值会块级化（例如 <code>display: inline</code> 表现为 <code>block</code>）。</p> @@ -48,7 +48,7 @@ translation_of: Web/HTML/Element/fieldset <p>你可以以任意方式自行设置 <code><fieldset></code> 和 <code><legend></code> 的样式以配合你的页面设计。</p> <div class="blockIndicator note"> -<p><strong>注意：</strong>截至这篇文章发出为止，Microsoft Edge 和 Google Chrome 不能在 {{HTMLElement("fieldset")}} 中使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Flexbox">flexbox</a> 和 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout">grid </a>布局。<a href="https://github.com/w3c/csswg-drafts/issues/321">这个 GitHub issue</a> 跟踪了这个bug。</p> +<p><strong>注意：</strong>截至这篇文章发出为止，Microsoft Edge 和 Google Chrome 不能在 {{HTMLElement("fieldset")}} 中使用 <a href="/zh-CN/docs/Glossary/Flexbox">flexbox</a> 和 <a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout">grid </a>布局。<a href="https://github.com/w3c/csswg-drafts/issues/321">这个 GitHub issue</a> 跟踪了这个bug。</p> </div> <h2 id="Examples">示例</h2> @@ -92,8 +92,8 @@ translation_of: Web/HTML/Element/fieldset <table class="properties"> <tbody> <tr> - <th scope="row"><a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories">内容目录</a></th> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root">sectioning root</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#form_listed">listed</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#form-associated_content">form-associated</a> element, palpable content.</td> + <th scope="row"><a href="/zh-CN/docs/HTML/Content_categories">内容目录</a></th> + <td><a href="/zh-CN/docs/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/zh-CN/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root">sectioning root</a>, <a href="/zh-CN/docs/HTML/Content_categories#form_listed">listed</a>, <a href="/zh-CN/docs/HTML/Content_categories#form-associated_content">form-associated</a> element, palpable content.</td> </tr> <tr> <th scope="row">允许的内容</th> @@ -105,7 +105,7 @@ translation_of: Web/HTML/Element/fieldset </tr> <tr> <th scope="row">允许的父元素</th> - <td>Any element that accepts <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content">flow content</a>.</td> + <td>Any element that accepts <a href="/zh-CN/docs/HTML/Content_categories#Flow_content">flow content</a>.</td> </tr> <tr> <th scope="row">默认 ARIA role</th> diff --git a/files/zh-cn/web/html/element/form/index.html b/files/zh-cn/web/html/element/form/index.html index 14308b9497..c25d741f14 100644 --- a/files/zh-cn/web/html/element/form/index.html +++ b/files/zh-cn/web/html/element/form/index.html @@ -41,11 +41,11 @@ translation_of: Web/HTML/Element/form </tr> <tr> <th scope="row">Implicit ARIA role</th> - <td><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Form_Role">form</a></code> if the form has an <a href="https://www.w3.org/TR/accname-1.1/#dfn-accessible-name">accessible name</a>, otherwise <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">no corresponding role</a></td> + <td><code><a href="/zh-CN/docs/Web/Accessibility/ARIA/Roles/Form_Role">form</a></code> if the form has an <a href="https://www.w3.org/TR/accname-1.1/#dfn-accessible-name">accessible name</a>, otherwise <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">no corresponding role</a></td> </tr> <tr> <th scope="row">Permitted ARIA roles</th> - <td><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Search_role">search</a></code>, {{ARIARole("group")}}, {{ARIARole("presentation")}}</td> + <td><code><a href="/zh-CN/docs/Web/Accessibility/ARIA/Roles/Search_role">search</a></code>, {{ARIARole("group")}}, {{ARIARole("presentation")}}</td> </tr> <tr> <th scope="row">DOM 接口</th> @@ -78,7 +78,7 @@ translation_of: Web/HTML/Element/form <dt>{{htmlattrdef("autocomplete")}}</dt> <dd>用于指示 input 元素是否能够拥有一个默认值，此默认值是由浏览器自动补全的。此设定可以被属于此表单的子元素的 <code>autocomplete</code> 属性覆盖。 可能的值有： <ul> - <li><code>off</code>：浏览器可能不会自动补全条目（在疑似登录表单中，浏览器倾向于忽略该值，而提供密码自动填充功能，参见 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#禁用自动填充">自动填充属性和登录</a>）</li> + <li><code>off</code>：浏览器可能不会自动补全条目（在疑似登录表单中，浏览器倾向于忽略该值，而提供密码自动填充功能，参见 <a href="/zh-CN/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#禁用自动填充">自动填充属性和登录</a>）</li> <li><code>on</code>：浏览器可自动补全条目</li> </ul> @@ -87,7 +87,7 @@ translation_of: Web/HTML/Element/form <dt>{{htmlattrdef("name")}}</dt> <dd>表单的名称。HTML 4中不推荐（应使用 <code>id</code>）。在 HTML 5 中，该值必须是所有表单中独一无二的，而且不能是空字符串。</dd> <dt>{{htmlattrdef("rel")}}</dt> - <dd>根据 value 创建一个超链接或Creates a hyperlink or annotation depending on the value, see the <a href="https://wiki.developer.mozilla.org/docs/Web/HTML/Attributes/rel">{{htmlattrdef("rel")}}</a> attribute for details.</dd> + <dd>根据 value 创建一个超链接或Creates a hyperlink or annotation depending on the value, see the <a href="/zh-CN/docs/Web/HTML/Attributes/rel">{{htmlattrdef("rel")}}</a> attribute for details.</dd> </dl> <h3 id="关于提交表单的属性">关于提交表单的属性</h3> @@ -96,7 +96,7 @@ translation_of: Web/HTML/Element/form <dl> <dt>{{htmlattrdef("action")}}</dt> - <dd>处理表单提交的 URL。这个值可被 {{HTMLElement("button")}}、<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit"><input type="submit"></a></code> 或 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image"><input type="image"></a></code> 元素上的 {{htmlattrxref("formaction", "button")}} 属性覆盖。</dd> + <dd>处理表单提交的 URL。这个值可被 {{HTMLElement("button")}}、<code><a href="/zh-CN/docs/Web/HTML/Element/input/submit"><input type="submit"></a></code> 或 <code><a href="/zh-CN/docs/Web/HTML/Element/input/image"><input type="image"></a></code> 元素上的 {{htmlattrxref("formaction", "button")}} 属性覆盖。</dd> </dl> <dl> @@ -108,13 +108,13 @@ translation_of: Web/HTML/Element/form <li><code>text/plain</code>：出现于 HTML5，用于调试。</li> </ul> - <p>这个值可被 {{HTMLElement("button")}}、<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit"><input type="submit"></a></code> 或 <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image"><input type="image"></a></code> 元素上的 {{htmlattrxref("formaction", "button")}} 属性覆盖。</p> + <p>这个值可被 {{HTMLElement("button")}}、<code><a href="/zh-CN/docs/Web/HTML/Element/input/submit"><input type="submit"></a></code> 或 <code><a href="/zh-CN/docs/Web/HTML/Element/input/image"><input type="image"></a></code> 元素上的 {{htmlattrxref("formaction", "button")}} 属性覆盖。</p> </dd> <dt>{{htmlattrdef("method")}}</dt> <dd>浏览器使用这种 <a href="/en-US/docs/HTTP">HTTP</a> 方式来提交 表单. 可能的值有： <ul> <li><code>post</code>：指的是 HTTP <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.5">POST 方法</a>；表单数据会包含在表单体内然后发送给服务器.</li> - <li><code>get</code>：指的是 HTTP <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3">GET 方法</a>；表单数据会附加在 <code>action</code> 属性的 URL 中，并以 '?' 作为分隔符，<a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Idempotent">没有副作用</a> 时使用这个方法。</li> + <li><code>get</code>：指的是 HTTP <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3">GET 方法</a>；表单数据会附加在 <code>action</code> 属性的 URL 中，并以 '?' 作为分隔符，<a href="/zh-CN/docs/Glossary/Idempotent">没有副作用</a> 时使用这个方法。</li> <li><code>dialog</code>：如果表单在 {{HTMLElement("dialog")}} 元素中，提交时关闭对话框。</li> </ul> diff --git a/files/zh-cn/web/html/element/hgroup/index.html b/files/zh-cn/web/html/element/hgroup/index.html index 99a782ad8c..fe8045aad3 100644 --- a/files/zh-cn/web/html/element/hgroup/index.html +++ b/files/zh-cn/web/html/element/hgroup/index.html @@ -66,9 +66,9 @@ translation_of: Web/HTML/Element/hgroup <p>The <code><hgroup></code> element allows the primary heading for a document section to be grouped with any secondary headings—such as subheadings or alternative titles—to form a <em>multi-level</em> heading.</p> -<p>In other words, the <code><hgroup></code> element prevents any of its secondary <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> children from creating separate sections of their own in the outline—as those <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> elements otherwise normally would if they were not children of any <code><hgroup></code>.</p> +<p>In other words, the <code><hgroup></code> element prevents any of its secondary <code><a href="/zh-CN/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> children from creating separate sections of their own in the outline—as those <code><a href="/zh-CN/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> elements otherwise normally would if they were not children of any <code><hgroup></code>.</p> -<p>So in the abstract outline produced by the <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#The_HTML5_outline_algorithm">HTML outline algorithm defined in the HTML specification</a>, the <code><hgroup></code> as a whole forms a single logical heading, with the entire set of <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> children of the <code><hgroup></code> going into the outline as one <em>multi-level</em> unit, to comprise that single logical heading in the abstract outline.</p> +<p>So in the abstract outline produced by the <a href="/zh-CN/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#The_HTML5_outline_algorithm">HTML outline algorithm defined in the HTML specification</a>, the <code><hgroup></code> as a whole forms a single logical heading, with the entire set of <code><a href="/zh-CN/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> children of the <code><hgroup></code> going into the outline as one <em>multi-level</em> unit, to comprise that single logical heading in the abstract outline.</p> <p>To produce any (non-abstract) <em>rendered</em> view of such an outline, some choice must be made in the design of the rendering tool about how to render <code><hgroup></code> headings in such a way as to convey their multi-level nature. There are a variety of ways an <code><hgroup></code> might be shown in a rendered outline; for example:</p> diff --git a/files/zh-cn/web/html/element/input/hidden/index.html b/files/zh-cn/web/html/element/input/hidden/index.html index 7f87b5441d..a1ed459082 100644 --- a/files/zh-cn/web/html/element/input/hidden/index.html +++ b/files/zh-cn/web/html/element/input/hidden/index.html @@ -107,7 +107,7 @@ translation_of: Web/HTML/Element/input/hidden <p>隐藏输入表单还用于存储和提交安全令牌或机密信息，以提高网站的安全性。基本思路是，如果用户填写敏感表格，例如在其银行网站上将某笔款项转入另一个帐户的表格，他们将被提供的密钥和证明他们就是他们所说的真实身份，并且他们使用正确的表单来提交转移请求。</p> -<p>这将阻止恶意用户创建伪造的表单，伪装成银行，然后通过电子邮件将表单发送给毫无戒备心的用户，以诱骗他们将钱转入错误的位置。 这种攻击称为<a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Server-side/First_steps/Website_security#Cross-Site_Request_Forgery_(CSRF)">跨站点请求伪造（CSRF）</a>；几乎任何信誉良好的服务器端框架都使用隐藏机密来防止此类攻击。</p> +<p>这将阻止恶意用户创建伪造的表单，伪装成银行，然后通过电子邮件将表单发送给毫无戒备心的用户，以诱骗他们将钱转入错误的位置。 这种攻击称为<a href="/zh-CN/docs/Learn/Server-side/First_steps/Website_security#Cross-Site_Request_Forgery_(CSRF)">跨站点请求伪造（CSRF）</a>；几乎任何信誉良好的服务器端框架都使用隐藏机密来防止此类攻击。</p> <div class="note"> <p>如前所述，将密钥放置在隐藏的输入中并不能使其固有安全性。 密钥的组成和编码已经可以做到这一点。隐藏输入的值是保持它与数据关联性，并在将表单发送到服务器时自动将其包含在内。 您需要使用精心设计的密钥来真正保护您的网站。</p> diff --git a/files/zh-cn/web/html/element/input/index.html b/files/zh-cn/web/html/element/input/index.html index f0f61c5d8f..3efd79c60f 100644 --- a/files/zh-cn/web/html/element/input/index.html +++ b/files/zh-cn/web/html/element/input/index.html @@ -300,7 +300,7 @@ translation_of: Web/HTML/Element/input <table> <caption> - <p>{{htmlelement('input')}}元素的属性包括<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">全局HTML属性</a>和以下属性：</p> + <p>{{htmlelement('input')}}元素的属性包括<a href="/zh-CN/docs/Web/HTML/Global_attributes">全局HTML属性</a>和以下属性：</p> <table> <thead> @@ -434,12 +434,12 @@ translation_of: Web/HTML/Element/input <td>当表单控件为空时，控件中显示的内容</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly">readonly</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/readonly">readonly</a></td> <td>绝大部分</td> <td>布尔值。存在时表示控件的值不可编辑</td> </tr> <tr> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required">required</a></td> + <td><a href="/zh-CN/docs/Web/HTML/Attributes/required">required</a></td> <td>绝大部分</td> <td>布尔值。表示此值为必填项或者提交表单前必须先检查该值</td> </tr> @@ -556,7 +556,7 @@ translation_of: Web/HTML/Element/input </dd> <dt>{{ htmlattrdef("checked") }}</dt> <dd>如果该元素的<strong>type</strong>属性的值为<span style="font-family: courier new;">radio或者</span><span style="font-family: courier new;">checkbox</span>,则该布尔属性的存在与否表明了该控件是否是默认选择状态。 - <p>If present on a <code>checkbox</code> type, it indicates that the checkbox is checked by default (when the page loads). It does <em>not</em> indicate whether this checkbox is currently checked: if the checkbox’s state is changed, this content attribute does not reflect the change. (Only the <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement"><code>HTMLInputElement</code>’s <code>checked</code> IDL attribute</a> is updated.)</p> + <p>If present on a <code>checkbox</code> type, it indicates that the checkbox is checked by default (when the page loads). It does <em>not</em> indicate whether this checkbox is currently checked: if the checkbox’s state is changed, this content attribute does not reflect the change. (Only the <a href="/zh-CN/docs/Web/API/HTMLInputElement"><code>HTMLInputElement</code>’s <code>checked</code> IDL attribute</a> is updated.)</p> <div class="note"> <p><strong>Note:</strong> Unlike other input controls, a checkboxes and radio buttons value are only included in the submitted data if they are currently <code>checked</code>. If they are, the name and the value(s) of the checked controls are submitted.</p> @@ -672,7 +672,7 @@ translation_of: Web/HTML/Element/input <p>Per the specifications, the <code>list</code> attribute is not supported by the <code>hidden</code>, <code>password</code>, <code>checkbox</code>, <code>radio</code>, <code>file</code>, or any of the button types.</p> -<p>Depending on the browser, the user may see a custom color palette suggested, tic marks along a range, or even a input that opens like a select but allows for non-listed values. Check out the <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist#Browser_compatibility">browser compatibility table</a> for the other input types.</p> +<p>Depending on the browser, the user may see a custom color palette suggested, tic marks along a range, or even a input that opens like a select but allows for non-listed values. Check out the <a href="/zh-CN/docs/Web/HTML/Element/datalist#Browser_compatibility">browser compatibility table</a> for the other input types.</p> <p>See the {{htmlelement('datalist')}} element.</p> @@ -687,7 +687,7 @@ translation_of: Web/HTML/Element/input <dd> <p>Valid for <code>text</code>, <code>search</code>, <code>url</code>, <code>tel</code>, <code>email</code>, and <code>password</code>, it defines the minimum number of characters (as UTF-16 code units) the user can enter into the entry field. This must be an non-negative integer value smaller than or equal to the value specified by <code>maxlength</code>. If no <code>minlength</code> is specified, or an invalid value is specified, the input has no minimum length.</p> - <p>The input will fail <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation">constraint validation</a> if the length of the text entered into the field is fewer than <code>minlength</code> UTF-16 code units long, preventing form submission. See {{anch("Client-side validation")}} for more information.</p> + <p>The input will fail <a href="/zh-CN/docs/Web/Guide/HTML/HTML5/Constraint_validation">constraint validation</a> if the length of the text entered into the field is fewer than <code>minlength</code> UTF-16 code units long, preventing form submission. See {{anch("Client-side validation")}} for more information.</p> </dd> <dt>{{ htmlattrdef("multiple") }}{{ HTMLVersionInline(5) }}</dt> <dd>This Boolean attribute indicates whether the user can enter more than one value.这个属性指示用户能否输入多个值。这个属性仅在<strong>type</strong>属性为email或file的时候生效 ; 否则被忽视.</dd> @@ -820,7 +820,7 @@ translation_of: Web/HTML/Element/input </tr> <tr> <td><a href="/en-US/docs/Web/CSS/:placeholder-shown" title="The :placeholder-shown CSS pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text."><code>:placeholder-shown</code></a></td> - <td>Element that is currently displaying <a class="external" href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-placeholder" rel="noopener">placeholder text</a>, including input elements with the <a href="#htmlattrdefplaceholder">placeholder</a> attribute present that has, as of yet, no value.</td> + <td>Element that is currently displaying <a class="external" href="/zh-CN/docs/Web/HTML/Element/input#attr-placeholder" rel="noopener">placeholder text</a>, including input elements with the <a href="#htmlattrdefplaceholder">placeholder</a> attribute present that has, as of yet, no value.</td> </tr> <tr> <td><a href="/en-US/docs/Web/CSS/:default" title="The :default CSS pseudo-class selects form elements that are the default in a group of related elements."><code>:default</code></a></td> diff --git a/files/zh-cn/web/html/element/input/reset/index.html b/files/zh-cn/web/html/element/input/reset/index.html index 5af6fbd48b..e24d084a31 100644 --- a/files/zh-cn/web/html/element/input/reset/index.html +++ b/files/zh-cn/web/html/element/input/reset/index.html @@ -19,7 +19,7 @@ translation_of: Web/HTML/Element/input/reset <p class="hidden">该交互式示例的源代码存储在GitHub存储库中。 如果您想为交互式示例项目做出贡献，请克隆 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a>，并发起拉取请求。</p> <div class="note"> -<p>您通常应该尽量避免在表单中包含重置按钮。 它们很少有实用性，事实上更有可能使用户误点而感到沮丧（通常是在尝试单击“<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/submit">提交</a>”按钮时）。</p> +<p>您通常应该尽量避免在表单中包含重置按钮。 它们很少有实用性，事实上更有可能使用户误点而感到沮丧（通常是在尝试单击“<a href="/zh-CN/docs/Web/HTML/Element/Input/submit">提交</a>”按钮时）。</p> </div> <table class="properties"> @@ -67,7 +67,7 @@ translation_of: Web/HTML/Element/input/reset <h2 id="使用重置按钮">使用重置按钮</h2> -<p><code><input type =“ reset”></code> 按钮用于重置表单。 如果您要创建自定义按钮，则使用JavaScript自定义行为，您需要使用 <code><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/button"><input type="button"></a></code>，或者最好使用 <code>{{htmlelement("button")}}</code> 元素。</p> +<p><code><input type =“ reset”></code> 按钮用于重置表单。 如果您要创建自定义按钮，则使用JavaScript自定义行为，您需要使用 <code><a href="/zh-CN/docs/Web/HTML/Element/Input/button"><input type="button"></a></code>，或者最好使用 <code>{{htmlelement("button")}}</code> 元素。</p> <h3 id="一个简单的重置按钮">一个简单的重置按钮</h3> diff --git a/files/zh-cn/web/html/element/input/search/index.html b/files/zh-cn/web/html/element/input/search/index.html index 800971c9c1..64afa2ba8d 100644 --- a/files/zh-cn/web/html/element/input/search/index.html +++ b/files/zh-cn/web/html/element/input/search/index.html @@ -469,5 +469,5 @@ input:valid ~ span:after { <li><a href="/en-US/docs/Learn/HTML/Forms">HTML 表单</a></li> <li>{{HTMLElement("input")}} 及其所基于的接口 {{domxref("HTMLInputElement")}} </li> <li><code><a href="/en-US/docs/Web/HTML/Element/input/text"><input type="text"></a></code></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Property_compatibility_table_for_form_widgets">CSS 属性的兼容性</a></li> + <li><a href="/zh-CN/docs/Learn/HTML/Forms/Property_compatibility_table_for_form_widgets">CSS 属性的兼容性</a></li> </ul> diff --git a/files/zh-cn/web/html/element/link/index.html b/files/zh-cn/web/html/element/link/index.html index 786ecb0e16..e2b2038e43 100644 --- a/files/zh-cn/web/html/element/link/index.html +++ b/files/zh-cn/web/html/element/link/index.html @@ -198,7 +198,7 @@ translation_of: Web/HTML/Element/link </div> </dd> <dt>{{HTMLAttrDef("title")}}</dt> - <dd>属性在<code><link></code>元素上有特殊的语义。当用于<code><link rel="stylesheet"></code>时，它定义了一个<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">首选样式表或备用样式表</a>。不正确地使用它可能会导致<a href="https://wiki.developer.mozilla.org/en-US/docs/Correctly_Using_Titles_With_External_Stylesheets">样式表被忽略</a>。</dd> + <dd>属性在<code><link></code>元素上有特殊的语义。当用于<code><link rel="stylesheet"></code>时，它定义了一个<a href="/zh-CN/docs/Web/CSS/Alternative_style_sheets">首选样式表或备用样式表</a>。不正确地使用它可能会导致<a href="/zh-CN/docs/Correctly_Using_Titles_With_External_Stylesheets">样式表被忽略</a>。</dd> <dt>{{htmlattrdef("type")}}</dt> <dd>这个属性被用于定义链接的内容的类型。这个属性的值应该是像text/html，text/css等MIME类型。这个属性常用的用法是定义链接的样式表，最常用的值是表明了CSS的text/css。</dd> <dt></dt> @@ -221,7 +221,7 @@ translation_of: Web/HTML/Element/link </div> </dd> <dt>{{htmlattrdef("rev")}}{{obsolete_inline}}</dt> - <dd>此属性的值显示了 {{HTMLAttrxRef("href", "link")}} 属性所定义的当前文档与链接文档的关系。 因此，该属性定义了与rel属性的值相比的反向关系。 该属性的<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Link_types">Link type value</a>类似于{{HTMLAttrxRef("rel", "link")}}的可能值。</dd> + <dd>此属性的值显示了 {{HTMLAttrxRef("href", "link")}} 属性所定义的当前文档与链接文档的关系。 因此，该属性定义了与rel属性的值相比的反向关系。 该属性的<a href="/zh-CN/docs/Web/HTML/Link_types">Link type value</a>类似于{{HTMLAttrxRef("rel", "link")}}的可能值。</dd> <dd> <div class="blockIndicator note"> <p><strong>Note:</strong> WHATWG HTML生活标准（MDN将其视为规范的规范）认为该属性已过时。 但是，值得注意的是，rev在W3C规范中并未过时。 就是说，鉴于不确定性，依靠rev是不明智的。</p> diff --git a/files/zh-cn/web/html/element/meta/index.html b/files/zh-cn/web/html/element/meta/index.html index 4594e71125..ed6d77bafb 100644 --- a/files/zh-cn/web/html/element/meta/index.html +++ b/files/zh-cn/web/html/element/meta/index.html @@ -53,7 +53,7 @@ translation_of: Web/HTML/Element/meta <li><code>content-security-policy</code><br> 它允许页面作者定义当前页的<a href="/en-US/docs/Web/Security/CSP/CSP_policy_directives">内容策略</a>。 内容策略主要指定允许的服务器源和脚本端点，这有助于防止跨站点脚本攻击。</li> <li><code>content-type</code><br> - 如果使用这个属性，其值必须是"<code>text/html; charset=utf-8</code>"。注意：该属性只能用于 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME type</a> 为 <code>text/html</code> 的文档，不能用于MIME类型为XML的文档。</li> + 如果使用这个属性，其值必须是"<code>text/html; charset=utf-8</code>"。注意：该属性只能用于 <a href="/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME type</a> 为 <code>text/html</code> 的文档，不能用于MIME类型为XML的文档。</li> <li><code>default-style</code> <p>设置默认 <a href="/zh-CN/docs/Web/CSS">CSS 样式表</a>组的名称。</p> </li> @@ -75,8 +75,8 @@ translation_of: Web/HTML/Element/meta <p>设置了 <code>refresh</code> 值的页面可能有时间间隔太短的风险。使用诸如屏幕朗读这样的辅助技术来浏览网页的人可能会由于自动跳转而来不及读完或理解网页的内容。这样不经提示而突然进行的页面刷新也可能会让有视力障碍的人群感到迷惑。</p> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.2_%E2%80%94_Enough_Time_Provide_users_enough_time_to_read_and_use_content">MDN Understanding WCAG, Guideline 2.1 explanations</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Understandable#Guideline_3.2_%E2%80%94_Predictable_Make_Web_pages_appear_and_operate_in_predictable_ways">MDN Understanding WCAG, Guideline 3.1 explanations</a></li> + <li><a href="/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.2_%E2%80%94_Enough_Time_Provide_users_enough_time_to_read_and_use_content">MDN Understanding WCAG, Guideline 2.1 explanations</a></li> + <li><a href="/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Understandable#Guideline_3.2_%E2%80%94_Predictable_Make_Web_pages_appear_and_operate_in_predictable_ways">MDN Understanding WCAG, Guideline 3.1 explanations</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-required-behaviors.html">Understanding Success Criterion 2.2.1 | W3C Understanding WCAG 2.0</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html">Understanding Success Criterion 2.2.4 | W3C Understanding WCAG 2.0</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-no-extreme-changes-context.html">Understanding Success Criterion 3.2.5 | W3C Understanding WCAG 2.0</a></li> @@ -84,7 +84,7 @@ translation_of: Web/HTML/Element/meta </dd> <dt>{{htmlattrdef("name")}}</dt> <dd><code>name</code> 和 <code>content</code> 属性可以一起使用，以名-值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。</dd> - <dd>在<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name">标准元数据名称</a>中查看 HTML 规范等规范中定义的标准元数据名称。</dd> + <dd>在<a href="/zh-CN/docs/Web/HTML/Element/meta/name">标准元数据名称</a>中查看 HTML 规范等规范中定义的标准元数据名称。</dd> </dl> <h2 id="示例">示例</h2> diff --git a/files/zh-cn/web/html/element/progress/index.html b/files/zh-cn/web/html/element/progress/index.html index aba8a6466f..6d14b6890e 100644 --- a/files/zh-cn/web/html/element/progress/index.html +++ b/files/zh-cn/web/html/element/progress/index.html @@ -15,16 +15,16 @@ translation_of: Web/HTML/Element/progress <h2 id="使用上下文">使用上下文</h2> -<pre class="syntaxbox notranslate"><strong>使用策略 </strong>流文本(<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>), 短文本(<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>) -<strong><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories">Content categories</a> </strong>可标记内容,可触摸内容 +<pre class="syntaxbox notranslate"><strong>使用策略 </strong>流文本(<a href="/zh-CN/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>), 短文本(<a href="/zh-CN/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>) +<strong><a href="/zh-CN/docs/Web/HTML/Content_categories">Content categories</a> </strong>可标记内容,可触摸内容 -<strong>有效内容 </strong><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>, 其中在它的后代中不能包含 +<strong>有效内容 </strong><a href="/zh-CN/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>, 其中在它的后代中不能包含 <strong>Permitted content</strong> <code><progress></code>元素. <strong>标签省略 </strong>不可以,{{no_tag_omission}} <strong>Tag omission</strong> -<strong>有效的父元素</strong> 任何可以包裹短文本(<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>)的元素. +<strong>有效的父元素</strong> 任何可以包裹短文本(<a href="/zh-CN/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>)的元素. <strong>隐式元素 </strong>{{ARIARole("progressbar")}} <strong>ARIA role</strong> diff --git a/files/zh-cn/web/html/element/script/index.html b/files/zh-cn/web/html/element/script/index.html index 047dcfc899..11a899ea1d 100644 --- a/files/zh-cn/web/html/element/script/index.html +++ b/files/zh-cn/web/html/element/script/index.html @@ -10,7 +10,7 @@ tags: - 网络 translation_of: Web/HTML/Element/script --- -<pre class="syntaxbox notranslate"><strong>HTML <code><script></code> 元素</strong>用于嵌入或引用可执行脚本。这通常用作嵌入或者指向 JavaScript 代码。<code><script></code> 元素也能在其他语言中使用，比如 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API">WebGL</a> 的 GLSL 着色器语言。</pre> +<pre class="syntaxbox notranslate"><strong>HTML <code><script></code> 元素</strong>用于嵌入或引用可执行脚本。这通常用作嵌入或者指向 JavaScript 代码。<code><script></code> 元素也能在其他语言中使用，比如 <a href="/zh-CN/docs/Web/API/WebGL_API">WebGL</a> 的 GLSL 着色器语言。</pre> <table class="properties"> <tbody> @@ -53,7 +53,7 @@ translation_of: Web/HTML/Element/script <dl> <dd>对于普通脚本，如果存在 <code>async</code> 属性，那么普通脚本会被并行请求，并尽快解析和执行。</dd> - <dd>对于<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Modules">模块脚本</a>，如果存在 <code>async</code> 属性，那么脚本及其所有依赖都会在延缓队列中执行，因此它们会被并行请求，并尽快解析和执行。</dd> + <dd>对于<a href="/zh-CN/docs/Web/JavaScript/Guide/Modules">模块脚本</a>，如果存在 <code>async</code> 属性，那么脚本及其所有依赖都会在延缓队列中执行，因此它们会被并行请求，并尽快解析和执行。</dd> <dd>该属性能够消除解析阻塞的 Javascript。解析阻塞的 Javascript 会导致浏览器必须加载并且执行脚本，之后才能继续解析。<code>defer</code> 在这一点上也有类似的作用。</dd> <dd>这是个布尔属性：布尔属性的存在意味着 true 值，布尔属性的缺失意味着 false 值。</dd> <dd>关于浏览器支持请参见{{anch("浏览器兼容性")}}。另可参见文章<a href="/en-US/docs/Games/Techniques/Async_scripts">asm.js的异步脚本</a>。</dd> diff --git a/files/zh-cn/web/html/element/select/index.html b/files/zh-cn/web/html/element/select/index.html index fa0d3e3cfa..57f094a833 100644 --- a/files/zh-cn/web/html/element/select/index.html +++ b/files/zh-cn/web/html/element/select/index.html @@ -24,7 +24,7 @@ translation_of: Web/HTML/Element/select <p>你还可以将 <code><option></code> 元素放在 {{htmlelement("optgroup")}} 元素中以为下拉菜单创建不同的选项分组。</p> -<p>在 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/HTML/Forms/The_native_form_widgets">原生表单部件</a> 中查看更多示例。</p> +<p>在 <a href="/zh-CN/docs/Learn/HTML/Forms/The_native_form_widgets">原生表单部件</a> 中查看更多示例。</p> <h2 id="属性">属性</h2> @@ -87,9 +87,9 @@ translation_of: Web/HTML/Element/select <h2 id="应用_CSS_样式">应用 CSS 样式</h2> -<p>众所周知，<code><select></code>元素很难用 CSS 进行高效的设计。你可以像其他元素一样改变某些方面——例如，调整 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/The_box_model">盒模型</a>、<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Fonts">显示的字体</a> 等，你还可以使用 {{cssxref("appearance")}} 属性来去除默认的系统外观。</p> +<p>众所周知，<code><select></code>元素很难用 CSS 进行高效的设计。你可以像其他元素一样改变某些方面——例如，调整 <a href="/zh-CN/docs/Learn/CSS/Building_blocks/The_box_model">盒模型</a>、<a href="/zh-CN/docs/Web/CSS/CSS_Fonts">显示的字体</a> 等，你还可以使用 {{cssxref("appearance")}} 属性来去除默认的系统外观。</p> -<p>但是，这些属性的表现在不同浏览器之间并不一致，而且有些事情难以很好地处理，例如在一列中顺序排列不同类型的表单元素。 <code><select></code>元素的内部结构复杂，难以控制。 如果你想完全控制，你应该考虑使用一个在修改表单部件样式方面拥有强大能力的库，或者尝试使用非语义元素和 JavaScript 来制作下拉菜单，再使用 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/learn/Accessibility/WAI-ARIA_basics">WAI-ARIA</a> 来提供语义。</p> +<p>但是，这些属性的表现在不同浏览器之间并不一致，而且有些事情难以很好地处理，例如在一列中顺序排列不同类型的表单元素。 <code><select></code>元素的内部结构复杂，难以控制。 如果你想完全控制，你应该考虑使用一个在修改表单部件样式方面拥有强大能力的库，或者尝试使用非语义元素和 JavaScript 来制作下拉菜单，再使用 <a href="/zh-CN/docs/learn/Accessibility/WAI-ARIA_basics">WAI-ARIA</a> 来提供语义。</p> <p>有关样式<code><select></code>的更多有用信息，请参阅：</p> @@ -150,8 +150,8 @@ translation_of: Web/HTML/Element/select <table class="properties"> <tbody> <tr> - <th scope="row"><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories">内容分类</a></th> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Interactive_content">interactive content</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Form_listed">listed</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Form_labelable">labelable</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Form_resettable">resettable</a>, and <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Form_submittable">submittable</a> <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Form-associated_">form-associated </a>element</td> + <th scope="row"><a href="/zh-CN/docs/Web/HTML/Content_categories">内容分类</a></th> + <td><a href="/zh-CN/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/zh-CN/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="/zh-CN/docs/Web/HTML/Content_categories#Interactive_content">interactive content</a>, <a href="/zh-CN/docs/Web/HTML/Content_categories#Form_listed">listed</a>, <a href="/zh-CN/docs/Web/HTML/Content_categories#Form_labelable">labelable</a>, <a href="/zh-CN/docs/Web/HTML/Content_categories#Form_resettable">resettable</a>, and <a href="/zh-CN/docs/Web/HTML/Content_categories#Form_submittable">submittable</a> <a href="/zh-CN/docs/Web/HTML/Content_categories#Form-associated_">form-associated </a>element</td> </tr> <tr> <th scope="row">允许的内容</th> @@ -163,7 +163,7 @@ translation_of: Web/HTML/Element/select </tr> <tr> <th scope="row">允许的父元素</th> - <td>Any element that accepts <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + <td>Any element that accepts <a href="/zh-CN/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> </tr> <tr> <th scope="row">Implicit ARIA role</th> diff --git a/files/zh-cn/web/html/element/style/index.html b/files/zh-cn/web/html/element/style/index.html index 7542db4262..dfc2f7c41a 100644 --- a/files/zh-cn/web/html/element/style/index.html +++ b/files/zh-cn/web/html/element/style/index.html @@ -35,7 +35,7 @@ translation_of: Web/HTML/Element/style <dt> <p>{{htmlattrdef("nonce")}}</p> </dt> - <dd>一种加密的随机数（一次使用的数字），用于在<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src">style-src Content-Security-Policy</a>中将内联样式列入白名单。 服务器每次发送策略时都必须生成一个唯一的随机数值。 提供一个无法猜测的随机数非常重要，因为绕开资源策略是微不足道的。</dd> + <dd>一种加密的随机数（一次使用的数字），用于在<a href="/zh-CN/docs/Web/HTTP/Headers/Content-Security-Policy/style-src">style-src Content-Security-Policy</a>中将内联样式列入白名单。 服务器每次发送策略时都必须生成一个唯一的随机数值。 提供一个无法猜测的随机数非常重要，因为绕开资源策略是微不足道的。</dd> <dt>{{htmlattrdef("title")}}</dt> <dd>指定可选的样式表。</dd> <dt> @@ -170,5 +170,5 @@ translation_of: Web/HTML/Element/style <ul> <li>{{HTMLElement("link")}}元素允许使用外部的样式表。</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">Alternative Style Sheets</a></li> + <li><a href="/zh-CN/docs/Web/CSS/Alternative_style_sheets">Alternative Style Sheets</a></li> </ul> diff --git a/files/zh-cn/web/html/element/textarea/index.html b/files/zh-cn/web/html/element/textarea/index.html index 0416c01444..a9bd73acc7 100644 --- a/files/zh-cn/web/html/element/textarea/index.html +++ b/files/zh-cn/web/html/element/textarea/index.html @@ -97,7 +97,7 @@ translation_of: Web/HTML/Element/textarea <p><code><textarea></code> 是 <a href="https://developer.mozilla.org/en-US/docs/CSS/Replaced_element" title="/en-US/docs/CSS/Replaced_element">可被替换的元素</a>——其有自己的固有尺寸，像。默认情况下，其 {{cssxref("display")}} 值为 <code>block</code>。与其他表单元素相比，这个元素相对比较容易设置样式，使用常规的 CSS 就可以轻松设置它的盒模型、字体、颜色方案等。</p> -<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Styling_HTML_forms">Styling HTML forms</a> 这个页面提供了一些关于 <code><textarea></code> 样式的有用提示。</p> +<p><a href="/zh-CN/docs/Learn/HTML/Forms/Styling_HTML_forms">Styling HTML forms</a> 这个页面提供了一些关于 <code><textarea></code> 样式的有用提示。</p> <h3 id="基线不一致">基线不一致</h3> @@ -190,8 +190,8 @@ textarea:valid { <table> <tbody> <tr> - <th scope="row"><a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories">Content categories</a></th> - <td><a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Interactive_content">Interactive content</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Form_listed">listed</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Form_labelable">labelable</a>, <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#form_resettable">resettable</a>, and <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Form_submittable">submittable</a> <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Form-associated_">form-associated</a> element.</td> + <th scope="row"><a href="/zh-CN/docs/HTML/Content_categories">Content categories</a></th> + <td><a href="/zh-CN/docs/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/zh-CN/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="/zh-CN/docs/HTML/Content_categories#Interactive_content">Interactive content</a>, <a href="/zh-CN/docs/HTML/Content_categories#Form_listed">listed</a>, <a href="/zh-CN/docs/HTML/Content_categories#Form_labelable">labelable</a>, <a href="/zh-CN/docs/HTML/Content_categories#form_resettable">resettable</a>, and <a href="/zh-CN/docs/HTML/Content_categories#Form_submittable">submittable</a> <a href="/zh-CN/docs/HTML/Content_categories#Form-associated_">form-associated</a> element.</td> </tr> <tr> <th scope="row">Permitted content</th> @@ -203,11 +203,11 @@ textarea:valid { </tr> <tr> <th scope="row">Permitted parents</th> - <td>Any element that accepts <a href="https://wiki.developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + <td>Any element that accepts <a href="/zh-CN/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> </tr> <tr> <th scope="row">Implicit ARIA role</th> - <td><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></code></td> + <td><code><a href="/zh-CN/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></code></td> </tr> <tr> <th scope="row">Permitted ARIA roles</th> diff --git a/files/zh-cn/web/html/element/video/index.html b/files/zh-cn/web/html/element/video/index.html index 83925c0882..350d9e4e41 100644 --- a/files/zh-cn/web/html/element/video/index.html +++ b/files/zh-cn/web/html/element/video/index.html @@ -214,7 +214,7 @@ translation_of: Web/HTML/Element/video </tr> <tr> <td>{{domxref("HTMLMediaElement.emptied_event", 'emptied')}}</td> - <td>媒体内容为空；例如，当这个media已经加载完成（或者部分加载完成）， <a href="https://wiki.developer.mozilla.org/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> 被用来进行重新加载。</td> + <td>媒体内容为空；例如，当这个media已经加载完成（或者部分加载完成）， <a href="/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> 被用来进行重新加载。</td> </tr> <tr> <td>{{domxref("HTMLMediaElement.ended_event", 'ended')}}</td> 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 59113524be..ed5adaae8f 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 @@ -8,7 +8,7 @@ translation_of: Web/HTML/Global_attributes/data-* --- <p>{{HTMLSidebar("Global_attributes")}}</p> -<p><strong>data-*</strong> <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a> 是一类被称为<strong>自定义数据属性</strong>的属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本在 <a href="/zh-CN/docs/Web/HTML" title="zh/HTML">HTML</a> 与 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model" title="en/DOM">DOM</a> 表现之间进行专有数据的交换。</p> +<p><strong>data-*</strong> <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a> 是一类被称为<strong>自定义数据属性</strong>的属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本在 <a href="/zh-CN/docs/Web/HTML" title="zh/HTML">HTML</a> 与 <a href="/zh-CN/docs/Web/API/Document_Object_Model" title="en/DOM">DOM</a> 表现之间进行专有数据的交换。</p> <div>{{EmbedInteractiveExample("pages/tabbed/attribute-data.html","tabbed-standard")}}</div> 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 507318c483..e7f9d451f0 100644 --- a/files/zh-cn/web/html/global_attributes/hidden/index.html +++ b/files/zh-cn/web/html/global_attributes/hidden/index.html @@ -104,5 +104,5 @@ translation_of: Web/HTML/Global_attributes/hidden <ul> <li>所有<a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a>。</li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-hidden_attribute">aria-hidden</a>属性</li> + <li><a href="/zh-CN/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-hidden_attribute">aria-hidden</a>属性</li> </ul> diff --git a/files/zh-cn/web/http/cookies/index.html b/files/zh-cn/web/http/cookies/index.html index 08440c9d88..5b57de8dff 100644 --- a/files/zh-cn/web/http/cookies/index.html +++ b/files/zh-cn/web/http/cookies/index.html @@ -77,7 +77,7 @@ Cookie: yummy_cookie=choco; tasty_cookie=strawberry</pre> <p><strong>提示：</strong>当Cookie的过期时间被设定时，设定的日期和时间只与客户端相关，而不是服务端。</p> </div> -<p>如果您的站点对用户进行身份验证，则每当用户进行身份验证时，它都应重新生成并重新发送会话 Cookie，甚至是已经存在的会话 Cookie。此技术有助于防止<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Security/Types_of_attacks#Session_fixation">会话固定攻击（session fixation attacks）</a>，在该攻击中第三方可以重用用户的会话。</p> +<p>如果您的站点对用户进行身份验证，则每当用户进行身份验证时，它都应重新生成并重新发送会话 Cookie，甚至是已经存在的会话 Cookie。此技术有助于防止<a href="/zh-CN/docs/Web/Security/Types_of_attacks#Session_fixation">会话固定攻击（session fixation attacks）</a>，在该攻击中第三方可以重用用户的会话。</p> <h3 id="限制访问_Cookie">限制访问 Cookie</h3> @@ -89,7 +89,7 @@ Cookie: yummy_cookie=choco; tasty_cookie=strawberry</pre> <p>从 Chrome 52 和 Firefox 52 开始，不安全的站点（<code>http:</code>）无法使用Cookie的 <code>Secure</code> 标记。</p> </div> -<p>JavaScript {{domxref("Document.cookie")}} API 无法访问带有 <code>HttpOnly</code> 属性的cookie；此类 Cookie 仅作用于服务器。例如，持久化服务器端会话的 Cookie 不需要对 JavaScript 可用，而应具有 <code>HttpOnly</code> 属性。此预防措施有助于缓解<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/Security/Types_of_attacks#Cross-site_scripting_(XSS)">跨站点脚本（XSS）</a>攻击。</p> +<p>JavaScript {{domxref("Document.cookie")}} API 无法访问带有 <code>HttpOnly</code> 属性的cookie；此类 Cookie 仅作用于服务器。例如，持久化服务器端会话的 Cookie 不需要对 JavaScript 可用，而应具有 <code>HttpOnly</code> 属性。此预防措施有助于缓解<a href="/zh-CN/docs/Web/Security/Types_of_attacks#Cross-site_scripting_(XSS)">跨站点脚本（XSS）</a>攻击。</p> <p>示例：</p> @@ -149,7 +149,7 @@ Cookie: yummy_cookie=choco; tasty_cookie=strawberry</pre> <p>cookie 机制的使得服务器无法确认 cookie 是在安全来源上设置的，甚至无法确定 cookie 最初是在哪里设置的。</p> -<p>子域上的易受攻击的应用程序可以使用 Domain 属性设置 cookie，从而可以访问所有其他子域上的该 cookie。会话固定攻击中可能会滥用此机制。有关主要缓解方法，请参阅<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Security/Types_of_attacks#Session_fixation">会话劫持（ session fixation）</a>。</p> +<p>子域上的易受攻击的应用程序可以使用 Domain 属性设置 cookie，从而可以访问所有其他子域上的该 cookie。会话固定攻击中可能会滥用此机制。有关主要缓解方法，请参阅<a href="/zh-CN/docs/Web/Security/Types_of_attacks#Session_fixation">会话劫持（ session fixation）</a>。</p> <p>但是，作为<a href="https://en.wikipedia.org/wiki/Defense_in_depth_(computing)">深度防御措施</a>，可以使用 cookie 前缀来断言有关 cookie 的特定事实。有两个前缀可用：</p> @@ -166,7 +166,7 @@ Cookie: yummy_cookie=choco; tasty_cookie=strawberry</pre> <p>在应用程序服务器上，Web 应用程序<strong>必须</strong>检查完整的 cookie 名称，包括前缀 —— 用户代理程序在从请求的 {{HTTPHeader("Cookie")}} 标头中发送前缀之前，<strong>不会</strong>从 cookie 中剥离前缀。</p> </div> -<p>有关 cookie 前缀和浏览器支持的当前状态的更多信息，请参阅 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#Cookie_prefixes">Prefixes section of the Set-Cookie reference article</a>。</p> +<p>有关 cookie 前缀和浏览器支持的当前状态的更多信息，请参阅 <a href="/zh-CN/docs/Web/HTTP/Headers/Set-Cookie#Cookie_prefixes">Prefixes section of the Set-Cookie reference article</a>。</p> <h4 id="JavaScript_通过_Document.cookie_访问_Cookie">JavaScript 通过 Document.cookie 访问 Cookie</h4> @@ -193,7 +193,7 @@ console.log(document.cookie); <ul> <li>使用 <code>HttpOnly</code> 属性可防止通过 JavaScript 访问 cookie 值。</li> - <li>用于敏感信息（例如指示身份验证）的 Cookie 的生存期应较短，并且 <code>SameSite</code> 属性设置为<code>Strict</code> 或 <code>Lax</code>。（请参见上方的 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Cookies$edit#">SameSite Cookie</a>。）在<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#Browser_compatibility">支持 SameSite 的浏览器</a>中，这样做的作用是确保不与跨域请求一起发送身份验证 cookie，因此，这种请求实际上不会向应用服务器进行身份验证。</li> + <li>用于敏感信息（例如指示身份验证）的 Cookie 的生存期应较短，并且 <code>SameSite</code> 属性设置为<code>Strict</code> 或 <code>Lax</code>。（请参见上方的 <a href="/zh-CN/docs/Web/HTTP/Cookies$edit#">SameSite Cookie</a>。）在<a href="/zh-CN/docs/Web/HTTP/Headers/Set-Cookie#Browser_compatibility">支持 SameSite 的浏览器</a>中，这样做的作用是确保不与跨域请求一起发送身份验证 cookie，因此，这种请求实际上不会向应用服务器进行身份验证。</li> </ul> <h3 id="会话劫持和_XSS">会话劫持和 XSS</h3> @@ -272,9 +272,9 @@ console.log(document.cookie); <h2 id="在浏览器中存储信息的其他方式">在浏览器中存储信息的其他方式</h2> -<p>在浏览器中存储数据的另一种方法是 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Web Storage API</a>。<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage">window.sessionStorage</a> 和<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Window/localStorage">window.localStorage</a> 属性与持续时间中的会话和永久 cookie 相对应，但是存储限制比 cookie大，并且永远不会发送到服务器。</p> +<p>在浏览器中存储数据的另一种方法是 <a href="/zh-CN/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Web Storage API</a>。<a href="/zh-CN/docs/Web/API/Window/sessionStorage">window.sessionStorage</a> 和<a href="/zh-CN/docs/Web/API/Window/localStorage">window.localStorage</a> 属性与持续时间中的会话和永久 cookie 相对应，但是存储限制比 cookie大，并且永远不会发送到服务器。</p> -<p>可以使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API">IndexedDB API</a> 或基于它构建的库来存储更多结构化的数据。</p> +<p>可以使用 <a href="/zh-CN/docs/Web/API/IndexedDB_API">IndexedDB API</a> 或基于它构建的库来存储更多结构化的数据。</p> <h2 id="了解更多">了解更多</h2> diff --git a/files/zh-cn/web/http/cors/errors/corsmissingallowcredentials/index.html b/files/zh-cn/web/http/cors/errors/corsmissingallowcredentials/index.html index c66cf9a519..55d8df8ba3 100644 --- a/files/zh-cn/web/http/cors/errors/corsmissingallowcredentials/index.html +++ b/files/zh-cn/web/http/cors/errors/corsmissingallowcredentials/index.html @@ -18,8 +18,8 @@ original_slug: Web/HTTP/CORS/Errors/CORS错误允许凭证 <ul> <li>如果要使用{{domxref("XMLHttpRequest")}}发出请求，请确保没有将{{domxref("XMLHttpRequest.withCredentials”，“ withCredentials")}}}设置为true。</li> - <li>如果使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Server-sent_events">Server-sent events</a>，请确保{{domxref("EventSource.withCredentials")}}为false（default）。</li> - <li>如果使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Fetch_API">Fetch API</a>，请确保{{domxref("Request.credentials")}}为“omit”。</li> + <li>如果使用 <a href="/zh-CN/docs/Web/API/Server-sent_events">Server-sent events</a>，请确保{{domxref("EventSource.withCredentials")}}为false（default）。</li> + <li>如果使用 <a href="/zh-CN/docs/Web/API/Fetch_API">Fetch API</a>，请确保{{domxref("Request.credentials")}}为“omit”。</li> </ul> <p>想要通过更改服务器的配置来消除此错误，请调整服务器的配置以将Access-Control-Allow-Credentials标头的值设置为true。</p> diff --git a/files/zh-cn/web/http/headers/cache-control/index.html b/files/zh-cn/web/http/headers/cache-control/index.html index 397367f225..ec6bddf597 100644 --- a/files/zh-cn/web/http/headers/cache-control/index.html +++ b/files/zh-cn/web/http/headers/cache-control/index.html @@ -81,7 +81,7 @@ Cache-control: stale-if-error=<seconds> <dl> <dt><code>public</code></dt> - <dd>表明响应可以被任何对象（包括：发送请求的客户端，代理服务器，等等）缓存，即使是通常不可缓存的内容。（例如：1.该响应没有<code>max-age</code>指令或<code>Expires</code>消息头；2. 该响应对应的请求方法是 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST">POST</a> 。）</dd> + <dd>表明响应可以被任何对象（包括：发送请求的客户端，代理服务器，等等）缓存，即使是通常不可缓存的内容。（例如：1.该响应没有<code>max-age</code>指令或<code>Expires</code>消息头；2. 该响应对应的请求方法是 <a href="/zh-CN/docs/Web/HTTP/Methods/POST">POST</a> 。）</dd> <dt><code>private</code></dt> <dd>表明响应只能被单个用户缓存，不能作为共享缓存（即代理服务器不能缓存它）。私有缓存可以缓存响应内容，比如：对应用户的本地浏览器。</dd> <dt><code>no-cache</code></dt> diff --git a/files/zh-cn/web/http/headers/dpr/index.html b/files/zh-cn/web/http/headers/dpr/index.html index d4d577bdc0..d7a74581a2 100644 --- a/files/zh-cn/web/http/headers/dpr/index.html +++ b/files/zh-cn/web/http/headers/dpr/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTTP/Headers/DPR --- <div>{{HTTPSidebar}}{{securecontext_header}}{{SeeCompatTable}}</div> -<p><code><strong>DPR</strong></code>请求头是<font><font>“ </font></font><font><font><a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Client_hints">客户端提示”</a>消息头，它代表客户端设备的像素比</font></font>({{Glossary("DPR")}})<font><font>，该比例是与每个CSS像素相对应的物理设备像素的数量。</font></font></p> +<p><code><strong>DPR</strong></code>请求头是<font><font>“ </font></font><font><font><a href="/zh-CN/docs/Glossary/Client_hints">客户端提示”</a>消息头，它代表客户端设备的像素比</font></font>({{Glossary("DPR")}})<font><font>，该比例是与每个CSS像素相对应的物理设备像素的数量。</font></font></p> <table class="properties"> <tbody> diff --git a/files/zh-cn/web/http/headers/set-cookie/samesite/index.html b/files/zh-cn/web/http/headers/set-cookie/samesite/index.html index 76bf8e9146..ca24138993 100644 --- a/files/zh-cn/web/http/headers/set-cookie/samesite/index.html +++ b/files/zh-cn/web/http/headers/set-cookie/samesite/index.html @@ -25,7 +25,7 @@ translation_of: Web/HTTP/Headers/Set-Cookie/SameSite <p>以前 <code>None</code> 是默认值，但最近的浏览器版本将 <code>Lax</code> 作为默认值，以便对某些类型的跨站请求伪造 （{{Glossary("CSRF")}}） 攻击具有相当强的防御能力。</p> -<p>使用 <code>None</code> 时，需在最新的浏览器版本中使用 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Set-Cookie"><code>Secure</code></a> 属性。更多信息见下文。</p> +<p>使用 <code>None</code> 时，需在最新的浏览器版本中使用 <a href="/zh-CN/docs/Web/HTTP/Headers/Set-Cookie"><code>Secure</code></a> 属性。更多信息见下文。</p> <h2 id="针对常见警告信息的解决办法">针对常见警告信息的解决办法</h2> @@ -46,7 +46,7 @@ translation_of: Web/HTTP/Headers/Set-Cookie/SameSite <pre class="example-good notranslate">Set-Cookie: flavor=choco; SameSite=None; <strong>Secure</strong></pre> -<p><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Set-Cookie"><code>Secure</code></a> cookie仅通过HTTPS协议加密发送到服务器。请注意，不安全站点（<code>http:</code>）无法使用 <code>Secure</code> 指令设置cookies。</p> +<p><a href="/zh-CN/docs/Web/HTTP/Headers/Set-Cookie"><code>Secure</code></a> cookie仅通过HTTPS协议加密发送到服务器。请注意，不安全站点（<code>http:</code>）无法使用 <code>Secure</code> 指令设置cookies。</p> <h3 id="没有_SameSite_属性的Cookies默认为_SameSiteLax">没有 <code>SameSite</code> 属性的Cookies默认为 <code>SameSite=Lax</code></h3> diff --git a/files/zh-cn/web/http/redirections/index.html b/files/zh-cn/web/http/redirections/index.html index d2a879e475..a009739d50 100644 --- a/files/zh-cn/web/http/redirections/index.html +++ b/files/zh-cn/web/http/redirections/index.html @@ -30,9 +30,9 @@ translation_of: Web/HTTP/Redirections <p>不同类型的重定向映射可以划分为三个类别：</p> <ol> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Redirections$edit#Permanent_redirections">永久重定向</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Redirections$edit#Temporary_redirections">临时重定向</a></li> - <li><a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Redirections$edit#Special_redirections">特殊重定向</a></li> + <li><a href="/zh-CN/docs/Web/HTTP/Redirections$edit#Permanent_redirections">永久重定向</a></li> + <li><a href="/zh-CN/docs/Web/HTTP/Redirections$edit#Temporary_redirections">临时重定向</a></li> + <li><a href="/zh-CN/docs/Web/HTTP/Redirections$edit#Special_redirections">特殊重定向</a></li> </ol> <h3 id="永久重定向">永久重定向</h3> @@ -237,7 +237,7 @@ translation_of: Web/HTTP/Redirections <p>URL <code>https://example.com/</code> 会被重定向至 <code>https://www.example.com/</code> ，URL 下的任何文件或目录也将重定向到该 URL（<code>https://example.com/some-page</code> 将重定向至 <code>https://www.example.com/some-page</code>）。</p> -<p><code>Redirect_Match</code> 指令的功能与之类似，不同之处在于它可以通过<a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Regular_expression">正则表达式</a>来指定一批受影响的 URL ：</p> +<p><code>Redirect_Match</code> 指令的功能与之类似，不同之处在于它可以通过<a href="/zh-CN/docs/Glossary/Regular_expression">正则表达式</a>来指定一批受影响的 URL ：</p> <pre class="notranslate">RedirectMatch ^/images/(.*)$ http://images.example.com/$1</pre> diff --git a/files/zh-cn/web/http/status/304/index.html b/files/zh-cn/web/http/status/304/index.html index 97dde661e6..d61cf2c4b2 100644 --- a/files/zh-cn/web/http/status/304/index.html +++ b/files/zh-cn/web/http/status/304/index.html @@ -44,7 +44,7 @@ translation_of: Web/HTTP/Status/304 <h2 id="兼容性提醒">兼容性提醒</h2> <ul> - <li>如果响应错误的携带了响应体，那么浏览器会有不同的行为，详情请见 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Status/204">204 No Content</a> 。</li> + <li>如果响应错误的携带了响应体，那么浏览器会有不同的行为，详情请见 <a href="/zh-CN/docs/Web/HTTP/Status/204">204 No Content</a> 。</li> </ul> <h2 id="更多">更多</h2> diff --git a/files/zh-cn/web/javascript/closures/index.html b/files/zh-cn/web/javascript/closures/index.html index 4c84f51dd9..9c14c74c62 100644 --- a/files/zh-cn/web/javascript/closures/index.html +++ b/files/zh-cn/web/javascript/closures/index.html @@ -331,7 +331,7 @@ setupHelp();</pre> <p>这个例子使用<code>let</code>而不是<code>var</code>，因此每个闭包都绑定了块作用域的变量，这意味着不再需要额外的闭包。</p> -<p>另一个可选方案是使用 <code>forEach()</code>来遍历<code>helpText</code>数组并给每一个<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/p" title="The HTML <p> element represents a paragraph."><p></a></code>添加一个监听器，如下所示：</p> +<p>另一个可选方案是使用 <code>forEach()</code>来遍历<code>helpText</code>数组并给每一个<code><a href="/zh-CN/docs/Web/HTML/Element/p" title="The HTML <p> element represents a paragraph."><p></a></code>添加一个监听器，如下所示：</p> <pre class="notranslate">function showHelp(help) { document.getElementById('help').innerHTML = help; diff --git a/files/zh-cn/web/javascript/guide/regular_expressions/assertions/index.html b/files/zh-cn/web/javascript/guide/regular_expressions/assertions/index.html index a9ef01776b..2a80a615fe 100644 --- a/files/zh-cn/web/javascript/guide/regular_expressions/assertions/index.html +++ b/files/zh-cn/web/javascript/guide/regular_expressions/assertions/index.html @@ -245,19 +245,19 @@ console.log(ripe_oranges); // [ 'ripe orange A ', 'ripe orange C' ]</pre> <h2 id="浏览器_兼容性">浏览器 兼容性</h2> -<p>有关浏览器兼容性的信息，请查看 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Browser_compatibility">main Regular Expressions compatibility table</a>.</p> +<p>有关浏览器兼容性的信息，请查看 <a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions#Browser_compatibility">main Regular Expressions compatibility table</a>.</p> <h2 id="另请参阅">另请参阅</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions">正则表达式指南</a> + <li><a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions">正则表达式指南</a> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes">字符类</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Quantifiers">量词</a> </li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes">Unicode 属性转义</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges">组和范围</a></li> + <li><a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes">字符类</a></li> + <li><a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions/Quantifiers">量词</a> </li> + <li><a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes">Unicode 属性转义</a></li> + <li><a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges">组和范围</a></li> </ul> </li> - <li> <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp">RegExp() 构造器</a></li> + <li> <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp">RegExp() 构造器</a></li> </ul> diff --git a/files/zh-cn/web/javascript/reference/classes/index.html b/files/zh-cn/web/javascript/reference/classes/index.html index 5c91d8d219..89045127bf 100644 --- a/files/zh-cn/web/javascript/reference/classes/index.html +++ b/files/zh-cn/web/javascript/reference/classes/index.html @@ -67,7 +67,7 @@ console.log(Rectangle.name); // 输出: "Rectangle2"</pre> <div class="blockIndicator note"> -<p><strong>注意:</strong> 类<strong>表达式</strong>也同样受到<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Classes$edit#Class_declarations">类声明</a>部分中提到的类型提升的限制。</p> +<p><strong>注意:</strong> 类<strong>表达式</strong>也同样受到<a href="/zh-CN/docs/Web/JavaScript/Reference/Classes$edit#Class_declarations">类声明</a>部分中提到的类型提升的限制。</p> </div> <h2 id="类体和方法定义">类体和方法定义</h2> diff --git a/files/zh-cn/web/javascript/reference/functions/arguments/index.html b/files/zh-cn/web/javascript/reference/functions/arguments/index.html index 22ec42ac8f..937a5f7e7c 100644 --- a/files/zh-cn/web/javascript/reference/functions/arguments/index.html +++ b/files/zh-cn/web/javascript/reference/functions/arguments/index.html @@ -26,11 +26,11 @@ translation_of: Web/JavaScript/Reference/Functions/arguments <h2 id="Description" name="Description">描述</h2> <div class="blockIndicator note"> -<p><strong>Note:</strong> If you're writing ES6 compatible code, then <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parameters</a> should be preferred.</p> +<p><strong>Note:</strong> If you're writing ES6 compatible code, then <a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parameters</a> should be preferred.</p> </div> <div class="blockIndicator note"> -<p><strong>Note:</strong> “Array-like” means that <code>arguments</code> has a {{jsxref("Functions/arguments/length", "length")}} property and properties indexed from zero, but it doesn't have {{JSxRef("Array")}}'s built-in methods like {{jsxref("Array.forEach", "forEach()")}} and {{jsxref("Array.map", "map()")}}. See <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments$edit#Description">§Description</a> for details.</p> +<p><strong>Note:</strong> “Array-like” means that <code>arguments</code> has a {{jsxref("Functions/arguments/length", "length")}} property and properties indexed from zero, but it doesn't have {{JSxRef("Array")}}'s built-in methods like {{jsxref("Array.forEach", "forEach()")}} and {{jsxref("Array.map", "map()")}}. See <a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments$edit#Description">§Description</a> for details.</p> </div> <p><code>arguments</code>对象是所有（非箭头）函数中都可用的<strong>局部变量</strong>。你可以使用<code>arguments</code>对象在函数中引用函数的参数。此对象包含传递给函数的每个参数，第一个参数在索引0处。例如，如果一个函数传递了三个参数，你可以以如下方式引用他们：</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/bigint/index.html b/files/zh-cn/web/javascript/reference/global_objects/bigint/index.html index 1ef191efc0..225cda75d6 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/bigint/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/bigint/index.html @@ -161,7 +161,7 @@ Boolean(12n) <h2 id="构造器">构造器</h2> <dl> - <dt><code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt">BigInt()</a></code></dt> + <dt><code><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt">BigInt()</a></code></dt> <dd>创建{{jsxref("BigInt")}} 对象。</dd> </dl> diff --git a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html index c7f47fef77..31ac75a13e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/BigInt64Array <h2 id="构造函数">构造函数</h2> -<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt64Array/BigInt64Array"><code>BigInt64Array()</code></a></p> +<p><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/BigInt64Array/BigInt64Array"><code>BigInt64Array()</code></a></p> <p> 添加一个新的<code>BigInt64Array</code>对象。</p> @@ -167,7 +167,7 @@ var bigint64 = new BigInt64Array(iterable); <h2 id="参考">参考</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> + <li><a href="/zh-CN/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> <li>{{jsxref("BigUint64Array")}}</li> <li>{{jsxref("DataView")}}</li> </ul> diff --git a/files/zh-cn/web/javascript/reference/global_objects/boolean/index.html b/files/zh-cn/web/javascript/reference/global_objects/boolean/index.html index 9b0ba4ae06..a236f20273 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/boolean/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/boolean/index.html @@ -51,13 +51,13 @@ var s = new Boolean(myString); // true <p>最后，不要在应该使用基本类型布尔值的地方使用 <code>Boolean</code> 对象。</p> <div class="blockIndicator note"> -<p><strong>注意：</strong>当将非标准属性<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Document#Properties">document.all</a>用作此构造函数的参数时，结果是值为<code>false</code>的布尔对象。 此属性是旧属性，是非标准属性，不应使用。</p> +<p><strong>注意：</strong>当将非标准属性<a href="/zh-CN/docs/Web/API/Document#Properties">document.all</a>用作此构造函数的参数时，结果是值为<code>false</code>的布尔对象。 此属性是旧属性，是非标准属性，不应使用。</p> </div> <h2 id="构造器">构造器</h2> <dl> - <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/Boolean"><code>Boolean()</code></a></dt> + <dt><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Boolean/Boolean"><code>Boolean()</code></a></dt> <dd>创建一个新的<code>Boolean</code> 对象。</dd> </dl> diff --git a/files/zh-cn/web/javascript/reference/global_objects/encodeuricomponent/index.html b/files/zh-cn/web/javascript/reference/global_objects/encodeuricomponent/index.html index d80cd457c9..be7f03a446 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/encodeuricomponent/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/encodeuricomponent/index.html @@ -9,7 +9,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/encodeURIComponent --- <div>{{jsSidebar("Objects")}}</div> -<p><code><strong>encodeURIComponent()</strong></code>函数通过将一个，两个，三个或四个表示字符的UTF-8编码的转义序列替换某些字符的每个实例来编码 <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/URI">URI</a> （对于由两个“代理”字符组成的字符而言，将仅是四个转义序列） 。</p> +<p><code><strong>encodeURIComponent()</strong></code>函数通过将一个，两个，三个或四个表示字符的UTF-8编码的转义序列替换某些字符的每个实例来编码 <a href="/zh-CN/docs/Glossary/URI">URI</a> （对于由两个“代理”字符组成的字符而言，将仅是四个转义序列） 。</p> <p>{{EmbedInteractiveExample("pages/js/globalprops-encodeuricomponent.html","shorter")}}</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/globalthis/index.html b/files/zh-cn/web/javascript/reference/global_objects/globalthis/index.html index 20b6dba280..7260d8cbfa 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/globalthis/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/globalthis/index.html @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/globalThis <p>在以前，从不同的 JavaScript 环境中获取全局对象需要不同的语句。在 Web 中，可以通过 <code>window</code>、<code>self</code> 或者 <code>frames</code> 取到全局对象，但是在 <a href="/zh-CN/docs/Web/API/Worker">Web Workers</a> 中，只有 <code>self</code> 可以。在 Node.js 中，它们都无法获取，必须使用 <code>global</code>。</p> -<p>在松散模式下，可以在函数中返回 <code>this</code> 来获取全局对象，但是在严格模式和模块环境下，<code>this</code> 会返回 <code>undefined</code>。 You can also use <code>Function('return this')()</code>, but environments that disable {{jsxref("eval", "eval()")}}, like <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/CSP">CSP</a> in browsers, prevent use of {{jsxref("Function")}} in this way.</p> +<p>在松散模式下，可以在函数中返回 <code>this</code> 来获取全局对象，但是在严格模式和模块环境下，<code>this</code> 会返回 <code>undefined</code>。 You can also use <code>Function('return this')()</code>, but environments that disable {{jsxref("eval", "eval()")}}, like <a href="/zh-CN/docs/Glossary/CSP">CSP</a> in browsers, prevent use of {{jsxref("Function")}} in this way.</p> <p><code>globalThis</code> 提供了一个标准的方式来获取不同环境下的全局 <code>this</code> 对象（也就是全局对象自身）。不像 <code>window</code> 或者 <code>self</code> 这些属性，它确保可以在有无窗口的各种环境下正常工作。所以，你可以安心的使用 <code>globalThis</code>，不必担心它的运行环境。为便于记忆，你只需要记住，全局作用域中的 <code>this</code> 就是 <code>globalThis</code>。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/random/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/random/index.html index ea760c65f6..efc11b6894 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/random/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/random/index.html @@ -90,5 +90,5 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/random <h2 id="相关链接">相关链接</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/RandomSource/getRandomValues" title="The documentation about this has not yet been written; please consider contributing!"><code>window.crypto.getRandomValues()</code></a></li> + <li><a href="/zh-CN/docs/Web/API/RandomSource/getRandomValues" title="The documentation about this has not yet been written; please consider contributing!"><code>window.crypto.getRandomValues()</code></a></li> </ul> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html index abe605e620..1e1080be00 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html @@ -51,7 +51,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/assign <h2 id="Polyfill_2">Polyfill</h2> -<p>这个 <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Polyfill">polyfill</a> 不支持 symbol 属性, 由于 ES5 中本来就不存在 symbols :</p> +<p>这个 <a href="/zh-CN/docs/Glossary/Polyfill">polyfill</a> 不支持 symbol 属性, 由于 ES5 中本来就不存在 symbols :</p> <pre class="notranslate">if (typeof Object.assign !== 'function') { // Must be writable: true, enumerable: false, configurable: true diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.html b/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.html index 919da6e0b8..d552f10680 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.html @@ -59,11 +59,11 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/allSettled <ul> <li> -<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Archive/Add-ons/Techniques/Promises">Promises</a></li> +<a href="/zh-CN/docs/Archive/Add-ons/Techniques/Promises">Promises</a></li> <li> -<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises">Using promises</a></li> +<a href="/zh-CN/docs/Web/JavaScript/Guide/Using_promises">Using promises</a></li> <li> -<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Asynchronous/Promises">Graceful asynchronous programming with promises</a></li> +<a href="/zh-CN/docs/Learn/JavaScript/Asynchronous/Promises">Graceful asynchronous programming with promises</a></li> <li>{{jsxref("Promise")}}</li> <li>{{jsxref("Promise.all()")}}</li> </ul> diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/index.html b/files/zh-cn/web/javascript/reference/global_objects/reflect/index.html index b35fe77d5c..4b430c4772 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/reflect/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/index.html @@ -10,13 +10,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Reflect --- <div>{{JSRef}}</div> -<p><strong>Reflect</strong> 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler">proxy handlers</a>的方法相同。<code>Reflect</code>不是一个函数对象，因此它是不可构造的。</p> +<p><strong>Reflect</strong> 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler">proxy handlers</a>的方法相同。<code>Reflect</code>不是一个函数对象，因此它是不可构造的。</p> <h2 id="描述">描述</h2> <p>与大多数全局对象不同<code>Reflect</code>并非一个构造函数，所以不能通过<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/new">new运算符</a>对其进行调用，或者将<code>Reflect</code>对象作为一个函数来调用。<code>Reflect</code>的所有属性和方法都是静态的（就像{{jsxref("Math")}}对象）。</p> -<p><code>Reflect</code> 对象提供了以下静态方法，这些方法与<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler">proxy handler methods</a>的命名相同.</p> +<p><code>Reflect</code> 对象提供了以下静态方法，这些方法与<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler">proxy handler methods</a>的命名相同.</p> <p>其中的一些方法与 {{jsxref("Object")}}相同, 尽管二者之间存在 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect/Comparing_Reflect_and_Object_methods">某些细微上的差别</a> .</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html index 27da890c46..2a1e6ffcf5 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html @@ -200,7 +200,7 @@ console.log(regex.lastIndex); // prints "15" // and so on</pre> -<p><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes">Unicode属性转义特性</a>引入了一种解决方案，它允许使用像\p{scx=Cyrl}这样简单的语句。这里有一个外部资源，用来获取 Unicode 中的不同区块范围：<a href="http://kourge.net/projects/regexp-unicode-block" title="http://kourge.net/projects/regexp-unicode-block">Regexp-unicode-block</a></p> +<p><a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes">Unicode属性转义特性</a>引入了一种解决方案，它允许使用像\p{scx=Cyrl}这样简单的语句。这里有一个外部资源，用来获取 Unicode 中的不同区块范围：<a href="http://kourge.net/projects/regexp-unicode-block" title="http://kourge.net/projects/regexp-unicode-block">Regexp-unicode-block</a></p> <h3 id="从_URL_中提取子域名">从 URL 中提取子域名</h3> diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/index.html index 49ede8bf54..3e8c53dc64 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/index.html @@ -26,7 +26,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set <h2 id="Constructor">Constructor</h2> <dl> - <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/Set"><code>Set()</code></a></dt> + <dt><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set/Set"><code>Set()</code></a></dt> <dd>创建一个新的<code>Set</code>对象。</dd> </dl> diff --git a/files/zh-cn/web/javascript/reference/operators/inequality/index.html b/files/zh-cn/web/javascript/reference/operators/inequality/index.html index 867bda689f..dfa41522d1 100644 --- a/files/zh-cn/web/javascript/reference/operators/inequality/index.html +++ b/files/zh-cn/web/javascript/reference/operators/inequality/index.html @@ -22,19 +22,19 @@ translation_of: Web/JavaScript/Reference/Operators/Inequality <h2 id="描述"><font><font>描述</font></font></h2> -<p><font><font>不等式运算符检查其操作数是否不相等。</font><font>这是</font></font><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Equality"><font><font>等于</font></font></a><font><font>运算符</font><font>的取反，</font><font>因此以下两行将始终给出相同的结果：</font></font> </p> +<p><font><font>不等式运算符检查其操作数是否不相等。</font><font>这是</font></font><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Equality"><font><font>等于</font></font></a><font><font>运算符</font><font>的取反，</font><font>因此以下两行将始终给出相同的结果：</font></font> </p> <pre class="brush: js notranslate">x != y !(x == y)</pre> -<p><font><font>有关比较算法的详细信息，请参见</font></font><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Equality"><font><font>等于</font></font></a><font><font>运算符</font><font>的页面</font><font>。</font></font></p> +<p><font><font>有关比较算法的详细信息，请参见</font></font><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Equality"><font><font>等于</font></font></a><font><font>运算符</font><font>的页面</font><font>。</font></font></p> <p><font><font>与等于运算符一样，不等于运算符将尝试转换和比较不同类型的操作数：</font></font></p> <pre class="brush: js notranslate">3 != "3"; // false</pre> -<p><font><font>为避免这种情况，并要求将不同类型视为不同，请使用</font></font><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Strict_inequality"><font><font>严格的不等于</font></font></a><font><font>运算符：</font></font></p> +<p><font><font>为避免这种情况，并要求将不同类型视为不同，请使用</font></font><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Strict_inequality"><font><font>严格的不等于</font></font></a><font><font>运算符：</font></font></p> <pre class="brush: js notranslate">3 !== "3"; // true</pre> @@ -94,9 +94,9 @@ object2 != object2 // false</pre> <h2 id="参见">参见</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Equality">Equality operator</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Strict_equality">Strict equality operator</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Strict_inequality">Strict inequality operator</a></li> + <li><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Equality">Equality operator</a></li> + <li><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Strict_equality">Strict equality operator</a></li> + <li><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Strict_inequality">Strict inequality operator</a></li> </ul> <div id="gtx-trans" style="position: absolute; left: 16px; top: 1743.2px;"> diff --git a/files/zh-cn/web/javascript/reference/operators/optional_chaining/index.html b/files/zh-cn/web/javascript/reference/operators/optional_chaining/index.html index 2c91f70141..6f639f537a 100644 --- a/files/zh-cn/web/javascript/reference/operators/optional_chaining/index.html +++ b/files/zh-cn/web/javascript/reference/operators/optional_chaining/index.html @@ -16,7 +16,7 @@ original_slug: Web/JavaScript/Reference/Operators/可选链 --- <div>{{JSSidebar("Operators")}}</div> -<p><strong>可选链</strong>操作符( <strong><code>?.</code></strong> )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。<code>?.</code> 操作符的功能类似于 <code>.</code> 链式操作符，不同之处在于，在引用为空(<a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/nullish">nullish</a> ) ({{JSxRef("null")}} 或者 {{JSxRef("undefined")}}) 的情况下不会引起错误，该表达式短路返回值是 <code>undefined</code>。与函数调用一起使用时，如果给定的函数不存在，则返回 <code>undefined</code>。</p> +<p><strong>可选链</strong>操作符( <strong><code>?.</code></strong> )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。<code>?.</code> 操作符的功能类似于 <code>.</code> 链式操作符，不同之处在于，在引用为空(<a href="/zh-CN/docs/Glossary/nullish">nullish</a> ) ({{JSxRef("null")}} 或者 {{JSxRef("undefined")}}) 的情况下不会引起错误，该表达式短路返回值是 <code>undefined</code>。与函数调用一起使用时，如果给定的函数不存在，则返回 <code>undefined</code>。</p> <p>当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有帮助的。</p> diff --git a/files/zh-cn/web/javascript/reference/operators/this/index.html b/files/zh-cn/web/javascript/reference/operators/this/index.html index 6ea1eb67c6..a53b49cb60 100644 --- a/files/zh-cn/web/javascript/reference/operators/this/index.html +++ b/files/zh-cn/web/javascript/reference/operators/this/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Operators/this <p>与其他语言相比，<strong>函数的 <code>this</code> 关键字</strong>在 JavaScript 中的表现略有不同，此外，在<a href="/zh-CN/docs/Web/JavaScript/Reference/Strict_mode">严格模式</a>和非严格模式之间也会有一些差别。</p> -<p>在绝大多数情况下，函数的调用方式决定了 <code>this</code> 的值（运行时绑定）。<code>this</code> 不能在执行期间被赋值，并且在每次函数被调用时 <code>this</code> 的值也可能会不同。ES5 引入了 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind">bind</a> 方法来设置函数的 <code>this</code> 值，而不用考虑函数如何被调用的。ES2015 引入了<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions">箭头函数</a>，箭头函数不提供自身的 this 绑定（<code>this</code> 的值将保持为闭合词法上下文的值）。</p> +<p>在绝大多数情况下，函数的调用方式决定了 <code>this</code> 的值（运行时绑定）。<code>this</code> 不能在执行期间被赋值，并且在每次函数被调用时 <code>this</code> 的值也可能会不同。ES5 引入了 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind">bind</a> 方法来设置函数的 <code>this</code> 值，而不用考虑函数如何被调用的。ES2015 引入了<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions">箭头函数</a>，箭头函数不提供自身的 this 绑定（<code>this</code> 的值将保持为闭合词法上下文的值）。</p> <p>{{EmbedInteractiveExample("pages/js/expressions-this.html")}}</p> diff --git a/files/zh-cn/web/javascript/reference/statements/import/index.html b/files/zh-cn/web/javascript/reference/statements/import/index.html index fabebc11d1..b7634d9cef 100644 --- a/files/zh-cn/web/javascript/reference/statements/import/index.html +++ b/files/zh-cn/web/javascript/reference/statements/import/index.html @@ -136,7 +136,7 @@ var promise = import("module-name");//这是一个处于第三阶段的提案。 <li>当被导入的模块有副作用（这里说的副作用，可以理解为模块中会直接运行的代码），这些副作用只有在触发了某些条件才被需要时。（原则上来说，模块不能有副作用，但是很多时候，你无法控制你所依赖的模块的内容）</li> </ul> -<p>请不要滥用动态导入（只有在必要情况下采用）。静态框架能更好的初始化依赖，而且更有利于静态分析工具和<a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Tree_shaking">tree shaking</a>发挥作用</p> +<p>请不要滥用动态导入（只有在必要情况下采用）。静态框架能更好的初始化依赖，而且更有利于静态分析工具和<a href="/zh-CN/docs/Glossary/Tree_shaking">tree shaking</a>发挥作用</p> <p>关键字import可以像调用函数一样来动态的导入模块。以这种方式调用，将返回一个 <code>promise</code>。</p> diff --git a/files/zh-cn/web/mathml/element/mrow/index.html b/files/zh-cn/web/mathml/element/mrow/index.html index b735b70dd6..9867445730 100644 --- a/files/zh-cn/web/mathml/element/mrow/index.html +++ b/files/zh-cn/web/mathml/element/mrow/index.html @@ -24,7 +24,7 @@ translation_of: Web/MathML/Element/mrow <dl> <dt id="attr-class-id-style">class, id, style</dt> - <dd>用来供<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS">样式表</a>使用。</dd> + <dd>用来供<a href="/zh-CN/docs/Web/CSS">样式表</a>使用。</dd> <dt id="attr-dir">dir</dt> <dd>行内公式的书写方向。可能的值为 <code>ltr</code>（自左向右）或 <code>rtl</code>（自右向左）。</dd> <dt id="attr-href">href</dt> diff --git a/files/zh-cn/web/performance/dns-prefetch/index.html b/files/zh-cn/web/performance/dns-prefetch/index.html index f6674818a6..155cdf100c 100644 --- a/files/zh-cn/web/performance/dns-prefetch/index.html +++ b/files/zh-cn/web/performance/dns-prefetch/index.html @@ -10,9 +10,9 @@ translation_of: Web/Performance/dns-prefetch <h2 id="为什么要使用_dns-prefetch">为什么要使用 dns-prefetch?</h2> -<p>当浏览器从（第三方）服务器请求资源时，必须先将该<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS">跨域</a>域名解析为 IP地址，然后浏览器才能发出请求。此过程称为 DNS解析。DNS 缓存可以帮助减少此延迟，而 DNS解析可以导致请求增加明显的延迟。对于打开了与许多第三方的连接的网站，此延迟可能会大大降低加载性能。</p> +<p>当浏览器从（第三方）服务器请求资源时，必须先将该<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>域名解析为 IP地址，然后浏览器才能发出请求。此过程称为 DNS解析。DNS 缓存可以帮助减少此延迟，而 DNS解析可以导致请求增加明显的延迟。对于打开了与许多第三方的连接的网站，此延迟可能会大大降低加载性能。</p> -<p><code>dns-prefetch</code> 可帮助开发人员掩盖 DNS解析延迟。 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/link">HTML <code><link></code>元素</a> 通过 dns-prefetch的 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTML/Attributes/rel">rel 属性</a>值提供此功能。然后在<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTML/Attributes"> href属性</a>中指要<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS">跨域</a>的域名：</p> +<p><code>dns-prefetch</code> 可帮助开发人员掩盖 DNS解析延迟。 <a href="/zh-CN/docs/Web/HTML/Element/link">HTML <code><link></code>元素</a> 通过 dns-prefetch的 <a href="/zh-CN/docs/Web/HTML/Attributes/rel">rel 属性</a>值提供此功能。然后在<a href="/zh-CN/docs/Web/HTML/Attributes"> href属性</a>中指要<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>的域名：</p> <h2 id="句法">句法</h2> @@ -30,19 +30,19 @@ translation_of: Web/Performance/dns-prefetch </body> </html></pre> -<p>每当站点引用跨域域上的资源时，都应在 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTML/Element/head"><head> 元素</a>中放置 dns-prefetch提示，但是要记住一些注意事项。</p> +<p>每当站点引用跨域域上的资源时，都应在 <a href="/zh-CN/docs/Web/HTML/Element/head"><head> 元素</a>中放置 dns-prefetch提示，但是要记住一些注意事项。</p> <h2 id="最佳实践">最佳实践</h2> <p id="Three_things_to_keep_in_mind">请记住以下三点：</p> -<p>首先，<code>dns-prefetch</code> 仅对<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS">跨域</a>域上的 DNS查找有效，因此请避免使用它来指向您的站点或域。这是因为，到浏览器看到提示时，您站点域背后的IP已经被解析。</p> +<p>首先，<code>dns-prefetch</code> 仅对<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>域上的 DNS查找有效，因此请避免使用它来指向您的站点或域。这是因为，到浏览器看到提示时，您站点域背后的IP已经被解析。</p> -<p>其次，还可以通过使用 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Link">HTTP链接字段</a>将 <code>dns-prefetch</code>（以及其他资源提示）指定为 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers">HTTP标头</a>：</p> +<p>其次，还可以通过使用 <a href="/zh-CN/docs/Web/HTTP/Headers/Link">HTTP链接字段</a>将 <code>dns-prefetch</code>（以及其他资源提示）指定为 <a href="/zh-CN/docs/Web/HTTP/Headers">HTTP标头</a>：</p> <pre class="notranslate">Link: <https://fonts.gstatic.com/>; rel=dns-prefetch</pre> -<p>第三，考虑将 <code>dns-prefetch</code> 与 <code>preconnect(</code>预连接<code>)</code>提示配对。尽管 <code>dns-prefetch</code> 仅执行 DNS查找，但<code>preconnect</code> 会建立与服务器的连接。如果站点是通过HTTPS服务的，则此过程包括DNS解析，建立TCP连接以及执行TLS握手。将两者结合起来可提供进一步减少<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS">跨域请求</a>的感知延迟的机会。您可以安全地将它们一起使用，如下所示：</p> +<p>第三，考虑将 <code>dns-prefetch</code> 与 <code>preconnect(</code>预连接<code>)</code>提示配对。尽管 <code>dns-prefetch</code> 仅执行 DNS查找，但<code>preconnect</code> 会建立与服务器的连接。如果站点是通过HTTPS服务的，则此过程包括DNS解析，建立TCP连接以及执行TLS握手。将两者结合起来可提供进一步减少<a href="/zh-CN/docs/Web/HTTP/CORS">跨域请求</a>的感知延迟的机会。您可以安全地将它们一起使用，如下所示：</p> <pre class="brush: html notranslate"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link rel="dns-prefetch" href="https://fonts.gstatic.com/"> @@ -54,15 +54,15 @@ translation_of: Web/Performance/dns-prefetch <p>配对这些提示的逻辑是因为对dns-prefetch的支持比对预连接的支持要好。不支持预连接的浏览器仍然可以通过回退到dns-prefetch来获得更多好处。由于这是HTML功能，因此非常容错。如果不支持的浏览器遇到dns-prefetch提示（或任何其他资源提示），则您的网站不会中断。您只是不会获得它提供的好处。</p> -<p>一些资源（如字体）以匿名模式加载。在这种情况下，应使用预连接提示设置 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS">crossorigin</a> 属性。如果您省略它，则浏览器将仅执行DNS查找。</p> +<p>一些资源（如字体）以匿名模式加载。在这种情况下，应使用预连接提示设置 <a href="/zh-CN/docs/Web/HTTP/CORS">crossorigin</a> 属性。如果您省略它，则浏览器将仅执行DNS查找。</p> <h2 id="查看更多">查看更多</h2> <ul> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Element/link"><link></a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel">HTML attribute: rel</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/CORS">Cross-Origin Resource Sharing (CORS)</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers">HTTP headers</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Link">HTTP header </a><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Link" title="The HTTP Link entity-header field provides a means for serialising one or more links in HTTP headers. It is semantically equivalent to the HTML <link> element.">Link</a></li> + <li><a href="/zh-CN/docs/Web/HTML/Element/link"><link></a></li> + <li><a href="/zh-CN/docs/Web/HTML/Attributes/rel">HTML attribute: rel</a></li> + <li><a href="/zh-CN/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></li> + <li><a href="/zh-CN/docs/Web/HTTP/CORS">Cross-Origin Resource Sharing (CORS)</a></li> + <li><a href="/zh-CN/docs/Web/HTTP/Headers">HTTP headers</a></li> + <li><a href="/zh-CN/docs/Web/HTTP/Headers/Link">HTTP header </a><a href="/zh-CN/docs/Web/HTTP/Headers/Link" title="The HTTP Link entity-header field provides a means for serialising one or more links in HTTP headers. It is semantically equivalent to the HTML <link> element.">Link</a></li> </ul> diff --git a/files/zh-cn/web/performance/lazy_loading/index.html b/files/zh-cn/web/performance/lazy_loading/index.html index 6399c43e0f..4d8a013441 100644 --- a/files/zh-cn/web/performance/lazy_loading/index.html +++ b/files/zh-cn/web/performance/lazy_loading/index.html @@ -9,7 +9,7 @@ tags: - 懒加载 translation_of: Web/Performance/Lazy_loading --- -<p><span class="seoSummary"><strong>延迟加载(懒加载) </strong></span>是一种将资源标识为非阻塞（非关键）资源并仅在需要时加载它们的策略。<span class="seoSummary"><span> </span></span>这是一种缩短<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/Performance/Critical_rendering_path">关键渲染路径</a>长度的方法，可以缩短页面加载时间。</p> +<p><span class="seoSummary"><strong>延迟加载(懒加载) </strong></span>是一种将资源标识为非阻塞（非关键）资源并仅在需要时加载它们的策略。<span class="seoSummary"><span> </span></span>这是一种缩短<a href="/zh-CN/docs/Web/Performance/Critical_rendering_path">关键渲染路径</a>长度的方法，可以缩短页面加载时间。</p> <p>延迟加载可以在应用程序的不同时刻发生，但通常会在某些用户交互（例如滚动和导航）上发生。</p> diff --git a/files/zh-cn/web/progressive_web_apps/add_to_home_screen/index.html b/files/zh-cn/web/progressive_web_apps/add_to_home_screen/index.html index 0f347f2b7b..36bd26cd3a 100644 --- a/files/zh-cn/web/progressive_web_apps/add_to_home_screen/index.html +++ b/files/zh-cn/web/progressive_web_apps/add_to_home_screen/index.html @@ -114,9 +114,9 @@ original_slug: Web/Progressive_web_apps/添加到主屏幕 <h2 id="A2HS_不提供什么？">A2HS 不提供什么？</h2> -<p>请记住，将应用程序添加到主屏幕时，它只会使该应用程序易于访问，而不会将应用程序的资料和数据下载到您的设备上，也不会使该应用程序脱机使用或类似的操作。为了使应用离线运行，你必须使用 <a href="/en-US/docs/Web/API/Service_Worker_API">Service Worker API</a> 来离线存储资源，如果需要，还可以使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API">Web Storage</a> 或 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> 来存储其数据。</p> +<p>请记住，将应用程序添加到主屏幕时，它只会使该应用程序易于访问，而不会将应用程序的资料和数据下载到您的设备上，也不会使该应用程序脱机使用或类似的操作。为了使应用离线运行，你必须使用 <a href="/en-US/docs/Web/API/Service_Worker_API">Service Worker API</a> 来离线存储资源，如果需要，还可以使用 <a href="/zh-CN/docs/Web/API/Web_Storage_API">Web Storage</a> 或 <a href="/zh-CN/docs/Web/API/IndexedDB_API">IndexedDB</a> 来存储其数据。</p> -<p>在示例应用程序中，我们仅使用了一个service worker来存储所有必需的文件。service worker使用<code><a href="https://github.com/mdn/pwa-examples/blob/master/a2hs/index.js">index.js</a></code> 文件中的最终的代码块在网站上注册。然后，我们使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Cache">Cache API</a> 缓存网站的所有资产，并使用 <a href="https://github.com/mdn/pwa-examples/blob/master/a2hs/sw.js">sw.js</a> 文件中的代码从缓存而不是网络中为它们提供服务。</p> +<p>在示例应用程序中，我们仅使用了一个service worker来存储所有必需的文件。service worker使用<code><a href="https://github.com/mdn/pwa-examples/blob/master/a2hs/index.js">index.js</a></code> 文件中的最终的代码块在网站上注册。然后，我们使用 <a href="/zh-CN/docs/Web/API/Cache">Cache API</a> 缓存网站的所有资产，并使用 <a href="https://github.com/mdn/pwa-examples/blob/master/a2hs/sw.js">sw.js</a> 文件中的代码从缓存而不是网络中为它们提供服务。</p> <h2 id="桌面上的_A2HS">桌面上的_A2HS</h2> diff --git a/files/zh-cn/web/security/securing_your_site/turning_off_form_autocompletion/index.html b/files/zh-cn/web/security/securing_your_site/turning_off_form_autocompletion/index.html index fe8e97cdef..736645bc99 100644 --- a/files/zh-cn/web/security/securing_your_site/turning_off_form_autocompletion/index.html +++ b/files/zh-cn/web/security/securing_your_site/turning_off_form_autocompletion/index.html @@ -68,6 +68,6 @@ translation_of: Web/Security/Securing_your_site/Turning_off_form_autocompletion <p>如果你定义了一个用户管理页面，其中用户可以为其他人指定新的密码，因此你想阻止密码字段的自动填充，你可以使用 <code>autocomplete="new-password"</code>。</p> -<p>这只是一个提示，浏览器不一定要遵守。但现代浏览器都已停止在设置了 <code>autocomplete="new-password"</code> 的 <code><input></code> 元素上使用自动填充。例如，Firefox 67 版（见 {{bug(1119063)}}）在这种情况下会停止自动填充；而 Firefox 70版（见 {{bug(1565407)}}）则可以建议一个安全生成的密码，而不自动填充已保存的密码。更多细节参见 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Browser_compatibility"><code>autocomplete</code> compat table</a>。</p> +<p>这只是一个提示，浏览器不一定要遵守。但现代浏览器都已停止在设置了 <code>autocomplete="new-password"</code> 的 <code><input></code> 元素上使用自动填充。例如，Firefox 67 版（见 {{bug(1119063)}}）在这种情况下会停止自动填充；而 Firefox 70版（见 {{bug(1565407)}}）则可以建议一个安全生成的密码，而不自动填充已保存的密码。更多细节参见 <a href="/zh-CN/docs/Web/HTML/Attributes/autocomplete#Browser_compatibility"><code>autocomplete</code> compat table</a>。</p> <p>{{QuickLinksWithSubpages("/en-US/docs/Web/Security")}}</p> diff --git a/files/zh-cn/web/svg/attribute/marker-start/index.html b/files/zh-cn/web/svg/attribute/marker-start/index.html index 00ed2c1284..23b5ea6d6d 100644 --- a/files/zh-cn/web/svg/attribute/marker-start/index.html +++ b/files/zh-cn/web/svg/attribute/marker-start/index.html @@ -5,9 +5,9 @@ translation_of: Web/SVG/Attribute/marker-start --- <div>{{SVGRef}}</div> -<p><strong><code>marker-start</code></strong> 属性将在给定<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/SVG/Element#Shape_elements">形状</a>的起始顶点绘制的箭头或者多边形标记</p> +<p><strong><code>marker-start</code></strong> 属性将在给定<a href="/zh-CN/docs/Web/SVG/Element#Shape_elements">形状</a>的起始顶点绘制的箭头或者多边形标记</p> -<p>对于除SVG的polyline和path元素之外的所有形状元素，最后的一个顶点与第一个顶点相同。在这种情况下，如果SVG的<code>marker-start</code>属性和 {{SVGAttr("marker-end")}} 的值都不是 <code>none</code> ，然后再最后一个顶点渲染两个图标。 对于一个 <code><path></code> 元素， 对于每个封闭的子路径，他的最后一个顶点都与第一个顶点相同。 <code>marker-end</code> 仅在<a href="https://wiki.developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#Path_commands">路径数据</a>的起始顶点上呈现。</p> +<p>对于除SVG的polyline和path元素之外的所有形状元素，最后的一个顶点与第一个顶点相同。在这种情况下，如果SVG的<code>marker-start</code>属性和 {{SVGAttr("marker-end")}} 的值都不是 <code>none</code> ，然后再最后一个顶点渲染两个图标。 对于一个 <code><path></code> 元素， 对于每个封闭的子路径，他的最后一个顶点都与第一个顶点相同。 <code>marker-end</code> 仅在<a href="/zh-CN/docs/Web/SVG/Attribute/d#Path_commands">路径数据</a>的起始顶点上呈现。</p> <p class="note"><strong>Note:</strong>作为一个图像属性, <code>marker-start</code> 可以用作css属性.</p> @@ -61,7 +61,7 @@ translation_of: Web/SVG/Attribute/marker-start <dt><code>none</code></dt> <dd>表示将不会在起点绘制任何符号。</dd> <dt><code><marker-ref></code></dt> - <dd>这个值表示的是对 <a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/SVG/Element/marker" title="marker元素定义了在特定的<path>元素、<line>元素、<polyline>元素或者<polygon>元素上绘制的箭头或者多边标记图形。"><code><marker></code></a> 元素的引用, 将在起点绘制该元素.。如果引用无效，将不会绘制任何东西。</dd> + <dd>这个值表示的是对 <a href="/zh-CN/docs/Web/SVG/Element/marker" title="marker元素定义了在特定的<path>元素、<line>元素、<polyline>元素或者<polygon>元素上绘制的箭头或者多边标记图形。"><code><marker></code></a> 元素的引用, 将在起点绘制该元素.。如果引用无效，将不会绘制任何东西。</dd> </dl> <h2 id="技术指标">技术指标</h2> diff --git a/files/zh-cn/web/svg/element/animate/index.html b/files/zh-cn/web/svg/element/animate/index.html index 3151843fe0..3c7e98145a 100644 --- a/files/zh-cn/web/svg/element/animate/index.html +++ b/files/zh-cn/web/svg/element/animate/index.html @@ -58,13 +58,13 @@ translation_of: Web/SVG/Element/animate <p>Blinking and flashing animation can be problematic for people with cognitive concerns such as Attention Deficit Hyperactivity Disorder (ADHD). Additionally, certain kinds of motion can be a trigger for Vestibular disorders, epilepsy, and migraine and Scotopic sensitivity.</p> -<p>Consider providing a mechanism for pausing or disabling animation, as well as using the <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion">Reduced Motion Media Query</a> to create a complimentary experience for users who have expressed a preference for no animated experiences.</p> +<p>Consider providing a mechanism for pausing or disabling animation, as well as using the <a href="/zh-CN/docs/Web/CSS/@media/prefers-reduced-motion">Reduced Motion Media Query</a> to create a complimentary experience for users who have expressed a preference for no animated experiences.</p> <ul> <li><a href="https://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity">Designing Safer Web Animation For Motion Sensitivity · An A List Apart Article</a></li> <li><a href="https://css-tricks.com/introduction-reduced-motion-media-query/">An Introduction to the Reduced Motion Media Query | CSS-Tricks</a></li> <li><a href="https://webkit.org/blog/7551/responsive-design-for-motion/">Responsive Design for Motion | WebKit</a></li> - <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.2_%E2%80%94_Enough_Time_Provide_users_enough_time_to_read_and_use_content">MDN Understanding WCAG, Guideline 2.2 explanations</a></li> + <li><a href="/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.2_%E2%80%94_Enough_Time_Provide_users_enough_time_to_read_and_use_content">MDN Understanding WCAG, Guideline 2.2 explanations</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html">Understanding Success Criterion 2.2.2 | W3C Understanding WCAG 2.0</a></li> </ul> diff --git a/files/zh-cn/web/xml/xml_introduction/index.html b/files/zh-cn/web/xml/xml_introduction/index.html index b4c2a8a0db..bd8d02793c 100644 --- a/files/zh-cn/web/xml/xml_introduction/index.html +++ b/files/zh-cn/web/xml/xml_introduction/index.html @@ -49,7 +49,7 @@ translation_of: Web/XML/XML_introduction <ul> <li>文档必须是一个格式良好的文档。</li> <li>文档遵循 XML 所有的语法规则并且有效。</li> - <li>文档遵循特定语义的规则，这些规则通常规定在 XML 或 DTD 规范中（<a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/DTD">Document Type Definition</a>）。</li> + <li>文档遵循特定语义的规则，这些规则通常规定在 XML 或 DTD 规范中（<a href="/zh-CN/docs/Glossary/DTD">Document Type Definition</a>）。</li> </ul> <h3 id="XML_.E7.A4.BA.E4.BE.8B" name="XML_.E7.A4.BA.E4.BE.8B">XML 示例</h3> @@ -132,7 +132,7 @@ translation_of: Web/XML/XML_introduction <p>XML 通常被用作描述，但是还有很多方法去展示 XML 数据。如果你不定义一个让XML 展示的特别方式，那么原始的 XML 会被展现在浏览器上。</p> -<p>一个展示 XML 输出的方法是将 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> 应用于文档，用 <code>xml-stylesheet </code>去处理指令。</p> +<p>一个展示 XML 输出的方法是将 <a href="/zh-CN/docs/Web/CSS">CSS</a> 应用于文档，用 <code>xml-stylesheet </code>去处理指令。</p> <pre><code><?xml-stylesheet type="text/css" href="stylesheet.css"?></code></pre> diff --git a/files/zh-cn/webassembly/c_to_wasm/index.html b/files/zh-cn/webassembly/c_to_wasm/index.html index afcdbbc3e1..a078e91443 100644 --- a/files/zh-cn/webassembly/c_to_wasm/index.html +++ b/files/zh-cn/webassembly/c_to_wasm/index.html @@ -247,6 +247,6 @@ int EMSCRIPTEN_KEEPALIVE myFunction(int argc, char ** argv) { <li><a href="https://kripken.github.io/emscripten-site/docs/getting_started/FAQ.html#why-do-functions-in-my-c-c-source-code-vanish-when-i-compile-to-javascript-and-or-i-get-no-functions-to-process">Why do functions in my C/C++ source code vanish when I compile to JavaScript, and/or I get No functions to process?</a></li> <li><a href="https://research.mozilla.org/webassembly/">WebAssembly on Mozilla Research</a></li> <li> - <p><a href="https://wiki.developer.mozilla.org/en-US/docs/WebAssembly/existing_C_to_wasm">Compiling an Existing C Module to WebAssembly</a></p> + <p><a href="/zh-CN/docs/WebAssembly/existing_C_to_wasm">Compiling an Existing C Module to WebAssembly</a></p> </li> </ul> |