Skip to content

Commit

Permalink
replace wiki links in zh-CN
Browse files Browse the repository at this point in the history
  • Loading branch information
t7yang committed Jul 17, 2021
1 parent f217e55 commit 07487d5
Show file tree
Hide file tree
Showing 179 changed files with 484 additions and 484 deletions.
4 changes: 2 additions & 2 deletions files/zh-cn/glossary/element/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<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>
2 changes: 1 addition & 1 deletion files/zh-cn/glossary/http_3/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
- 需求内容
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>
Expand Down
4 changes: 2 additions & 2 deletions files/zh-cn/glossary/semantics/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ <h2 id="HTML_中的语义">HTML 中的语义</h2>

<pre class="brush: html">&lt;h1&gt;This is a top level heading&lt;/h1&gt;</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>

Expand Down Expand Up @@ -73,7 +73,7 @@ <h2 id="了解更多">了解更多</h2>
<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>
Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/glossary/time_to_first_byte/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
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>



Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@ <h3 id="再了解一些">再了解一些</h3>
<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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ <h3 id="背景颜色">背景颜色</h3>

<p>在下面的示例中,我们使用了各种颜色值来为元素盒子添加背景颜色:heading和{{htmlelement("span")}}元素。</p>

<p><strong>尝试修改为任何可用的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/color_value">&lt;color&gt;</a> 值。</strong></p>
<p><strong>尝试修改为任何可用的 <a href="/zh-CN/docs/Web/CSS/color_value">&lt;color&gt;</a> 值。</strong></p>

<p>{{EmbedGHLiveSample("css-examples/learn/backgrounds-borders/color.html", '100%', 800)}}</p>

Expand Down Expand Up @@ -242,7 +242,7 @@ <h2 id="边框">边框</h2>
} </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>
Expand Down
10 changes: 5 additions & 5 deletions files/zh-cn/learn/css/building_blocks/debugging_css/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<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>
Expand All @@ -22,19 +22,19 @@

<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>&lt;h2&gt;</code>,结束标签是<code>&lt;/h3&gt;</code>。),浏览器会尽力弄清你的意图,之后DOM中的HTML就以 <code>&lt;h2&gt;</code> 起始,以 <code>&lt;/h2&gt;</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>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ <h2 id="原始尺寸,或固有尺寸">原始尺寸,或固有尺寸</h2>

<h2 id="设置具体的尺寸">设置具体的尺寸</h2>

<p>我们当然可以给设计中的元素指定具体大小。 当给元素指定尺寸(然后其内容需要适合该尺寸)时,我们将其称为<strong>外部尺寸</strong>。以上面例子中的 <code>&lt;div&gt;</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>&lt;div&gt;</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>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -278,7 +278,7 @@ <h2 id="表格样式小贴士">表格样式小贴士</h2>

<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>

Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/learn/css/css_layout/flexbox/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -320,7 +320,7 @@ <h2 id="跨浏览器兼容性">跨浏览器兼容性</h2>

<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>

Expand Down
Loading

0 comments on commit 07487d5

Please sign in to comment.