From 13cc1e2284a7ad2383f5d72df9123b7f831d2198 Mon Sep 17 00:00:00 2001
From: Jason Lee <huacnlee@gmail.com>
Date: Sat, 28 May 2022 17:34:25 +0800
Subject: [PATCH] AutoCorrect files/zh-cn/web/{d,e,g,html}*/

---
 files/zh-cn/web/demos/index.html              |  6 +-
 .../creating_and_triggering_events/index.html |  6 +-
 .../detecting_device_orientation/index.html   | 24 ++---
 files/zh-cn/web/events/index.html             | 18 ++--
 .../index.html                                | 38 ++++----
 files/zh-cn/web/exslt/regexp/match/index.html |  2 +-
 .../web/guide/ajax/getting_started/index.html | 56 +++++------
 files/zh-cn/web/guide/ajax/index.html         | 56 +++++------
 .../index.html                                | 10 +-
 .../buffering_seeking_time_ranges/index.html  | 12 +--
 .../guide/audio_and_video_delivery/index.html | 12 +--
 .../index.md                                  | 92 +++++++++----------
 .../index.html                                | 20 ++--
 .../css/block_formatting_context/index.md     | 14 +--
 files/zh-cn/web/guide/houdini/index.html      |  6 +-
 .../html/constraint_validation/index.html     |  6 +-
 .../guide/html/content_categories/index.html  | 18 ++--
 .../guide/html/editable_content/index.html    | 22 ++---
 .../rich-text_editing_in_mozilla/index.html   |  2 +-
 files/zh-cn/web/guide/index.html              | 28 +++---
 .../index.html                                |  6 +-
 files/zh-cn/web/guide/mobile/index.html       | 32 +++----
 .../parsing_and_serializing_xml/index.html    | 18 ++--
 files/zh-cn/web/guide/performance/index.html  |  4 +-
 files/zh-cn/web/guide/woff/index.md           |  4 +-
 .../web/html/attributes/pattern/index.md      |  2 +-
 files/zh-cn/web/html/element/bdo/index.html   |  2 +-
 files/zh-cn/web/html/element/input/index.html | 18 ++--
 .../web/html/element/input/submit/index.html  |  2 +-
 .../web/html/element/optgroup/index.html      |  2 +-
 .../zh-cn/web/html/element/script/index.html  |  2 +-
 files/zh-cn/web/html/element/slot/index.html  |  4 +-
 files/zh-cn/web/html/element/table/index.html | 10 +-
 files/zh-cn/web/html/element/tfoot/index.html |  2 +-
 files/zh-cn/web/html/element/time/index.html  |  2 +-
 files/zh-cn/web/html/element/ul/index.html    |  2 +-
 .../contenteditable/index.md                  |  2 +-
 .../web/html/global_attributes/dir/index.html |  8 +-
 files/zh-cn/web/html/link_types/index.html    |  6 +-
 39 files changed, 288 insertions(+), 288 deletions(-)

diff --git a/files/zh-cn/web/demos/index.html b/files/zh-cn/web/demos/index.html
index 04c11c2257feb3..6d557c22bd9809 100644
--- a/files/zh-cn/web/demos/index.html
+++ b/files/zh-cn/web/demos/index.html
@@ -13,9 +13,9 @@
 translation_of: Web/Demos_of_open_web_technologies
 original_slug: Web/Demos_of_open_web_technologies
 ---
-<p class="summary">Mozilla 支持各种令人兴奋的开源 Web 技术,我们鼓励大家使用它们。此页面提供了有关这些技术的一些有趣演示链接。</p>
+<p class="summary">Mozilla 支持各种令人兴奋的开源 Web 技术，我们鼓励大家使用它们。此页面提供了有关这些技术的一些有趣演示链接。</p>
 
-<p>如果你知道开源 Web 技术的优秀演示或者应用,就在这里（以及 <a href="https://developer.mozilla.org/en-US/docs/Web/Demos_of_open_web_technologies">英文页面</a>）添加一个合适的链接吧。</p>
+<p>如果你知道开源 Web 技术的优秀演示或者应用，就在这里（以及 <a href="https://developer.mozilla.org/en-US/docs/Web/Demos_of_open_web_technologies">英文页面</a>）添加一个合适的链接吧。</p>
 
 <h2 id="2D_图形">2D 图形</h2>
 
@@ -94,7 +94,7 @@ <h2 id="CSS">CSS</h2>
 <p>旧项目：</p>
 
 <ul>
- <li><a href="https://s.codepen.io/SoftwareRVG/debug/OXkOWj">CSS floating logo "Mozilla" developed by Rober Villar, from Software RVG. </a>(debug模式)</li>
+ <li><a href="https://s.codepen.io/SoftwareRVG/debug/OXkOWj">CSS floating logo "Mozilla" developed by Rober Villar, from Software RVG. </a>(debug 模式)</li>
  <li><a href="https://webdeveloperbareilly.in/blog/html5/responsive-contact-form-bootstrap.php">Bootstrap Contact Form Design</a></li>
  <li><a href="http://www.lesmoffat.co.uk/folio/forest/forest.html">CSS Paralax Forest</a></li>
  <li><a href="http://webdeveloperbareilly.in/blog/css3/awesome-login-form.html">Responsive Login Page Design</a></li>
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 7cafacda677b9c..46405c9bcb8375 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
@@ -10,7 +10,7 @@
   - NeedsContent
   - events
 ---
-<p>本文演示了如何创建和分派DOM事件。这些事件通常称为<strong>合成事件</strong>，而不是浏览器本身触发的事件。</p>
+<p>本文演示了如何创建和分派 DOM 事件。这些事件通常称为<strong>合成事件</strong>，而不是浏览器本身触发的事件。</p>
 
 <h2 id="创建自定义事件">创建自定义事件</h2>
 
@@ -44,7 +44,7 @@ <h3 id="添加自定义数据_–_CustomEvent">添加自定义数据 – CustomE
 
 <h3 id="过时的方式">过时的方式</h3>
 
-<p>早期的创建事件的方法使用了受Java启发的API。下面展示了一个示例：</p>
+<p>早期的创建事件的方法使用了受 Java 启发的 API。下面展示了一个示例：</p>
 
 <pre class="brush: js">// Create the event.
 var event = document.createEvent('Event');
@@ -107,7 +107,7 @@ <h3 id="动态创建和派发事件">动态创建和派发事件</h3>
 
 <h2 id="触发内置事件">触发内置事件</h2>
 
-<p>下面的例子演示了一个在复选框上点击（click）的模拟（就是说在程序里生成一个click事件），这个模拟点击使用了DOM方法。<a href="http://developer.mozilla.org/samples/domref/dispatchEvent.html">参见这个动态示例</a></p>
+<p>下面的例子演示了一个在复选框上点击（click）的模拟（就是说在程序里生成一个 click 事件），这个模拟点击使用了 DOM 方法。<a href="http://developer.mozilla.org/samples/domref/dispatchEvent.html">参见这个动态示例</a></p>
 
 <pre class="brush: js">function simulateClick() {
   var event = new MouseEvent('click', {
diff --git a/files/zh-cn/web/events/detecting_device_orientation/index.html b/files/zh-cn/web/events/detecting_device_orientation/index.html
index 7f8951f008136c..7b69de49c37192 100644
--- a/files/zh-cn/web/events/detecting_device_orientation/index.html
+++ b/files/zh-cn/web/events/detecting_device_orientation/index.html
@@ -13,9 +13,9 @@
 ---
 <p>{{SeeCompatTable}}</p>
 
-<p>有越来越多的基于web的设备能够确定它们的方向; 也就是说，它们可以报告数据以指示基于重力方向的方向改变。特别地，手持设备如手机可以利用这些信息以自动旋转屏幕，保持内容直立，当设备旋转至横屏时（宽度大于高度），提供网页内容的横屏视图。</p>
+<p>有越来越多的基于 web 的设备能够确定它们的方向; 也就是说，它们可以报告数据以指示基于重力方向的方向改变。特别地，手持设备如手机可以利用这些信息以自动旋转屏幕，保持内容直立，当设备旋转至横屏时（宽度大于高度），提供网页内容的横屏视图。</p>
 
-<p>有两种Javascript事件负责处理设备方向信息。第一种是{{domxref("DeviceOrientationEvent")}}，它会在加速度传感器检测到设备在方向上产生变化时触发。通过处理该事件传来的数据信息，让交互式地响应用户移动设备旋转和仰角变化成为可能。</p>
+<p>有两种 Javascript 事件负责处理设备方向信息。第一种是{{domxref("DeviceOrientationEvent")}}，它会在加速度传感器检测到设备在方向上产生变化时触发。通过处理该事件传来的数据信息，让交互式地响应用户移动设备旋转和仰角变化成为可能。</p>
 
 <p>第二种是{{domxref("DeviceMotionEvent")}}，它会在加速度发生改变时触发。跟{{domxref("DeviceOrientationEvent")}}不同，{{domxref("DeviceMotionEvent")}}监听的是相应方向上加速度的变化。传感器通常都具有监听{{domxref("DeviceMotionEvent")}}的能力，包括笔记本中用于保护移动中的存储设备的传感器。{{domxref("DeviceOrientationEvent")}}事件更多见于移动设备中。</p>
 
@@ -30,7 +30,7 @@ <h2 id="处理方向（orientation）事件">处理方向（orientation）事件
 <pre class="brush: js">window.addEventListener("deviceorientation", handleOrientation, true);
 </pre>
 
-<p>注册完事件监听处理函数后（对应这个例子中的handleOrientation），监听函数会定期地接收到最新的设备方向数据。</p>
+<p>注册完事件监听处理函数后（对应这个例子中的 handleOrientation），监听函数会定期地接收到最新的设备方向数据。</p>
 
 <p>方向事件对象中包含四个值：</p>
 
@@ -59,9 +59,9 @@ <h3 id="相关值解释">相关值解释</h3>
 <p>关于每一个轴的记录值表示的是相对于标准的坐标系，设备在某一个给定轴上的旋转量。<a href="https://developer.mozilla.org/en-US/DOM/Orientation_and_motion_data_explained" style="line-height: 1.5;" title="Orientation and motion data explained">Orientation and motion data explained</a> 这篇文章有更详细的描述，下面是对这篇文章的总结。</p>
 
 <ul>
- <li>{{ domxref("DeviceOrientationEvent.alpha") }} 表示设备沿z轴上的旋转角度，范围为0~360。</li>
- <li>{{ domxref("DeviceOrientationEvent.beta") }} 表示设备在x轴上的旋转角度，范围为-180~180。它描述的是设备由前向后旋转的情况。</li>
- <li>{{ domxref("DeviceOrientationEvent.gamma") }} 表示设备在y轴上的旋转角度，范围为-90~90。它描述的是设备由左向右旋转的情况。</li>
+ <li>{{ domxref("DeviceOrientationEvent.alpha") }} 表示设备沿 z 轴上的旋转角度，范围为 0~360。</li>
+ <li>{{ domxref("DeviceOrientationEvent.beta") }} 表示设备在 x 轴上的旋转角度，范围为-180~180。它描述的是设备由前向后旋转的情况。</li>
+ <li>{{ domxref("DeviceOrientationEvent.gamma") }} 表示设备在 y 轴上的旋转角度，范围为-90~90。它描述的是设备由左向右旋转的情况。</li>
 </ul>
 
 <h3 id="例子">例子</h3>
@@ -80,7 +80,7 @@ <h3 id="例子">例子</h3>
 
 <div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"></div>
 
-<p>花园只有200px宽（很小对吧），球在中央：</p>
+<p>花园只有 200px 宽（很小对吧），球在中央：</p>
 
 <pre class="brush: css  language-css" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal; color: rgb(77, 78, 83);"><code class="language-css" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; white-space: pre;">.garden {
   position: relative;
@@ -226,14 +226,14 @@ <h3 id="例子">例子</h3>
 <div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 551px; background: 0px 0px;"></div>
 </div>
 
-<p>输出结果:</p>
+<p>输出结果：</p>
 
 <p>在{{LiveSampleLink("Orientation_example", "这里")}}以新窗口打开此示例；因为有些浏览器中的 {{event("deviceorientation")}} 事件不支持跨域。</p>
 
 <div>{{EmbedLiveSample('Orientation_example', '230', '260')}}</div>
 
 <div class="warning" style="font-size: 14px;">
-<p><strong>警告:</strong> Chrome 和 Firefox 处理角度的机制不同，所以某些轴上的方向是相反的。</p>
+<p><strong>警告：</strong> Chrome 和 Firefox 处理角度的机制不同，所以某些轴上的方向是相反的。</p>
 </div>
 
 <h2 id="处理移动（motion）事件" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">处理移动（motion）事件</h2>
@@ -244,7 +244,7 @@ <h2 id="处理移动（motion）事件" style="margin-bottom: 20px; line-height:
 
 <div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"></div>
 
-<p>真正不同的是做为参数传递给<em>HandleMotion函数的</em>{{ domxref("DeviceMotionEvent") }}对象所包含的信息。</p>
+<p>真正不同的是做为参数传递给<em>HandleMotion 函数的</em>{{ domxref("DeviceMotionEvent") }}对象所包含的信息。</p>
 
 <p>这个对象包含四个属性：</p>
 
@@ -257,7 +257,7 @@ <h2 id="处理移动（motion）事件" style="margin-bottom: 20px; line-height:
 
 <h3 id="相关值解释_2" style="line-height: 24px; font-size: 1.71428571428571rem;">相关值解释</h3>
 
-<p>{{ domxref("DeviceMotionEvent") }}对象提供给web开发者设备在位置和方向上的改变速度的相关信息。这些变化信息是通过三个轴来体现的。（<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained" style="line-height: 1.5;" title="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation and motion data explained</a>有更详细的说明。）</p>
+<p>{{ domxref("DeviceMotionEvent") }}对象提供给 web 开发者设备在位置和方向上的改变速度的相关信息。这些变化信息是通过三个轴来体现的。（<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained" style="line-height: 1.5;" title="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation and motion data explained</a>有更详细的说明。）</p>
 
 <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent.acceleration" title="The acceleration property returns the amount of acceleration recorded by the device, in meters per second squared (m/s2)."><code>acceleration</code></a> 和 <a href="https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent.accelerationIncludingGravity" title="The accelerationIncludingGravity property returns the amount of acceleration recorded by the device, in meters per second squared (m/s2). Unlike DeviceMotionEvent.acceleration which does not compensate for the influence of gravity, its value is the sum of the acceleration of the device as induced by the user and the acceleration caused by gravity."><code>accelerationIncludingGravity</code></a>，都包含下面三个轴：</p>
 
@@ -271,7 +271,7 @@ <h3 id="相关值解释_2" style="line-height: 24px; font-size: 1.71428571428571
 
 <ul>
  <li><code>alpha</code>: 设备沿着垂直于屏幕（对于桌面设备则是垂直于键盘）的轴的旋转速率</li>
- <li><code>beta</code>: 设备沿着屏幕（对于桌面设备则是键盘）左至右方向的轴的旋转速率(桌面设备相对于键盘)</li>
+ <li><code>beta</code>: 设备沿着屏幕（对于桌面设备则是键盘）左至右方向的轴的旋转速率 (桌面设备相对于键盘)</li>
  <li><code>gamma</code>: 设备沿着屏幕（对于桌面设备则是键盘）下至上方向的轴的旋转速率</li>
 </ul>
 
diff --git a/files/zh-cn/web/events/index.html b/files/zh-cn/web/events/index.html
index 97cb4a85bef692..01998a9a21469b 100644
--- a/files/zh-cn/web/events/index.html
+++ b/files/zh-cn/web/events/index.html
@@ -9,7 +9,7 @@
   - 总览
 translation_of: Web/Events
 ---
-<p>发送DOM事件是为了将发生的相关事情通知代码。每个事件都是继承自{{DOMxRef("Event")}} 接口的对象，可以包括自定义的成员属性及函数用于获取事件发生时相关的更多信息。事件可以表示任何从基本的用户交互、到发生在渲染模型自动通知的任何事情。</p>
+<p>发送 DOM 事件是为了将发生的相关事情通知代码。每个事件都是继承自{{DOMxRef("Event")}} 接口的对象，可以包括自定义的成员属性及函数用于获取事件发生时相关的更多信息。事件可以表示任何从基本的用户交互、到发生在渲染模型自动通知的任何事情。</p>
 
 <p>本文提供了一个可以发送的事件的列表；一些是官方标准中的标准事件，另一些则是在特定浏览器内部使用的事件；例如，列出的 Mozilla 特定事件，使<a href="/zh-CN/docs/Mozilla/Add-ons">附加组件</a>可以借助它们与浏览器进行交互。</p>
 
@@ -191,11 +191,11 @@ <h3 id="CSS_过渡事件">CSS 过渡事件</h3>
   </tr>
   <tr>
    <td>{{Event("transitioncancel")}}</td>
-   <td>CSS过渡被取消</td>
+   <td>CSS 过渡被取消</td>
   </tr>
   <tr>
    <td>{{Event("transitionend")}}</td>
-   <td>CSS过渡已经完成</td>
+   <td>CSS 过渡已经完成</td>
   </tr>
   <tr>
    <td>{{Event("transitionrun")}}</td>
@@ -453,7 +453,7 @@ <h3 id="拖放事件">拖放事件</h3>
   </tr>
   <tr>
    <td>{{Event("dragstart")}}</td>
-   <td>用户开始拖动HTML元素或选中的文本</td>
+   <td>用户开始拖动 HTML 元素或选中的文本</td>
   </tr>
   <tr>
    <td>{{Event("dragleave")}}</td>
@@ -461,7 +461,7 @@ <h3 id="拖放事件">拖放事件</h3>
   </tr>
   <tr>
    <td>{{Event("dragover")}}</td>
-   <td>被拖动的元素或文本选区正在有效释放目标上被拖动 （在此过程中持续触发，每350ms触发一次）</td>
+   <td>被拖动的元素或文本选区正在有效释放目标上被拖动（在此过程中持续触发，每 350ms 触发一次）</td>
   </tr>
   <tr>
    <td>{{Event("drop")}}</td>
@@ -788,7 +788,7 @@ <h3 id="智能卡事件">智能卡事件</h3>
  {{Event("stksessionend")}}<br>
  {{Event("cardstatechange")}}</p>
 
-<h3 id="短信和USSD事件">短信和USSD事件</h3>
+<h3 id="短信和USSD事件">短信和 USSD 事件</h3>
 
 <p>{{Event("delivered")}}<br>
  {{Event("received")}}<br>
@@ -809,7 +809,7 @@ <h3 id="帧事件">帧事件</h3>
  {{Event("mozbrowsershowmodalprompt")}}<br>
  {{Event("mozbrowsertitlechange")}}</p>
 
-<h3 id="DOM变异事件">DOM变异事件</h3>
+<h3 id="DOM变异事件">DOM 变异事件</h3>
 
 <p><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code><br>
  <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMAttrModified</a></code><br>
@@ -844,7 +844,7 @@ <h3 id="指针事件">指针事件</h3>
 
 <h2 id="标准事件">标准事件</h2>
 
-<p>这些事件在官方Web规范中定义，并且应在各个浏览器中通用。 每个事件都和代表事件接收方的对象（由此您可以查到每个事件提供的数据），定义这个事件的标准或标准链接会一起列出。</p>
+<p>这些事件在官方 Web 规范中定义，并且应在各个浏览器中通用。 每个事件都和代表事件接收方的对象（由此您可以查到每个事件提供的数据），定义这个事件的标准或标准链接会一起列出。</p>
 
 <div style="overflow: auto;">
 <table class="standard-table">
@@ -867,7 +867,7 @@ <h2 id="标准事件">标准事件</h2>
    <td><code><a href="/zh-CN/docs/Web/Reference/Events/abort_(ProgressEvent)">abort</a></code></td>
    <td>{{DOMxRef("ProgressEvent")}}</td>
    <td><a href="http://www.w3.org/TR/progress-events/">Progress</a>and<a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort">XMLHttpRequest</a></td>
-   <td>Progress被终止(不是error造成的)</td>
+   <td>Progress 被终止 (不是 error 造成的)</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/Web/Reference/Events/abort_indexedDB">abort</a></code></td>
diff --git a/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html b/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html
index 20799cafcda97b..606d0c14540219 100644
--- a/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html
+++ b/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html
@@ -12,40 +12,40 @@
   - rotation
 ---
 <h2 id="总言" style="line-height: 30px; font-size: 2.14285714285714rem;">总言</h2>
-<p>当我们要使用orientation和motion事件时，理解浏览器给我们的相关值是什么意思就显的相当重要了。这篇文章会详细介绍在用的坐标系统并会教你如何全用它们。</p>
+<p>当我们要使用 orientation 和 motion 事件时，理解浏览器给我们的相关值是什么意思就显的相当重要了。这篇文章会详细介绍在用的坐标系统并会教你如何全用它们。</p>
 <div class="warning" style="font-size: 14px;">
- <p><strong>警告:</strong> 目前, Firefox 和 Chrome 处理坐标的方式不同。 在使用它们的时候要多加注意.</p>
+ <p><strong>警告：</strong> 目前，Firefox 和 Chrome 处理坐标的方式不同。 在使用它们的时候要多加注意。</p>
 </div>
 <h2 id="坐标系" style="line-height: 30px; font-size: 2.14285714285714rem;">坐标系</h2>
-<p>坐标系是一种描述物体位置的系统，它包含三个轴(X,Y,Z)，三个轴共同描述了物体相对于参照物的位置信息。当我们使用orientation和motion事件时会接触到两种坐标系统。</p>
+<p>坐标系是一种描述物体位置的系统，它包含三个轴 (X,Y,Z)，三个轴共同描述了物体相对于参照物的位置信息。当我们使用 orientation 和 motion 事件时会接触到两种坐标系统。</p>
 <h3 id="地球坐标系" style="line-height: 24px; font-size: 1.71428571428571rem;">地球坐标系</h3>
-<p>地球坐标系是相对于地心的，也就是说，它的轴是基于重力方向和磁场北方向。我们使用大写的X,Y,Z来描述地球坐标系的轴。</p>
+<p>地球坐标系是相对于地心的，也就是说，它的轴是基于重力方向和磁场北方向。我们使用大写的 X,Y,Z 来描述地球坐标系的轴。</p>
 <ul>
- <li>X轴沿着地平面，垂直于Y轴，向东为正，向西为负。</li>
- <li>Y轴沿着地平面，向北(北极，不是磁场北)为正，向南为负。</li>
- <li>Z轴垂直于地平面，想象成一条线连接着设备跟地心。背对地心的方向为正，指向地心的方向为负。</li>
+ <li>X 轴沿着地平面，垂直于 Y 轴，向东为正，向西为负。</li>
+ <li>Y 轴沿着地平面，向北 (北极，不是磁场北) 为正，向南为负。</li>
+ <li>Z 轴垂直于地平面，想象成一条线连接着设备跟地心。背对地心的方向为正，指向地心的方向为负。</li>
 </ul>
 <h3 id="设备坐标系" style="line-height: 24px; font-size: 1.71428571428571rem;">设备坐标系</h3>
-<p>设备坐标系是相对于设备中心的。我们使用小写的x,y,z来描述它的轴。</p>
+<p>设备坐标系是相对于设备中心的。我们使用小写的 x,y,z 来描述它的轴。</p>
 <p>,<img alt="axes.png" class="internal default" src="/@api/deki/files/5694/=axes.png"></p>
 <ul>
- <li>x轴沿着屏幕表面，向右为正，向左为负。</li>
- <li>y轴沿着屏幕表面，向上为正，向下为负。</li>
- <li>z轴垂直屏幕表面或键盘，远离屏幕的方向为正。</li>
+ <li>x 轴沿着屏幕表面，向右为正，向左为负。</li>
+ <li>y 轴沿着屏幕表面，向上为正，向下为负。</li>
+ <li>z 轴垂直屏幕表面或键盘，远离屏幕的方向为正。</li>
 </ul>
 <div class="note">
- 注意：对于手机或平台而言，这里的设备方向总是相对于屏幕的标准方向，大部分是“竖屏”方向。而对于笔记本电脑来说，设备方向是相对于键盘的。如果你想检测设备方向变化来进行补偿调整，你可以使用orientationchange事件。</div>
-<h2 id="旋转(Rotation)" style="line-height: 30px; font-size: 2.14285714285714rem;">旋转(Rotation)</h2>
+ 注意：对于手机或平台而言，这里的设备方向总是相对于屏幕的标准方向，大部分是“竖屏”方向。而对于笔记本电脑来说，设备方向是相对于键盘的。如果你想检测设备方向变化来进行补偿调整，你可以使用 orientationchange 事件。</div>
+<h2 id="旋转(Rotation)" style="line-height: 30px; font-size: 2.14285714285714rem;">旋转 (Rotation)</h2>
 <p>旋转描述的是设备在设备坐标系跟地球坐标系中任意轴上的差异值，用角度表示。</p>
 <h3 id="Alpha" style="line-height: 24px; font-size: 1.71428571428571rem;">Alpha</h3>
-<p>围绕z轴旋转设备将使alpha角度值发生变化:</p>
+<p>围绕 z 轴旋转设备将使 alpha 角度值发生变化：</p>
 <p><img alt="alpha.png" class="internal default" src="/@api/deki/files/5695/=alpha.png"></p>
-<p>alpha为0°时表示设备的顶部正指北极方向，当设备向左旋转时，alpha将增加。</p>
+<p>alpha 为 0°时表示设备的顶部正指北极方向，当设备向左旋转时，alpha 将增加。</p>
 <h3 id="Beta" style="line-height: 24px; font-size: 1.71428571428571rem;">Beta</h3>
-<p>围绕x轴旋转，也就是前后旋转，将使beta值发生改变:</p>
+<p>围绕 x 轴旋转，也就是前后旋转，将使 beta 值发生改变：</p>
 <p><img alt="beta.png" class="internal default" src="/@api/deki/files/5696/=beta.png"></p>
-<p>当beta为0° 时表示设备顶部和底部与地表面的距离是一样的，当设备向前翻转时，beta递增到180°，向后翻转递减到-180°。</p>
+<p>当 beta 为 0° 时表示设备顶部和底部与地表面的距离是一样的，当设备向前翻转时，beta 递增到 180°，向后翻转递减到-180°。</p>
 <h3 id="Gamma" style="line-height: 24px; font-size: 1.71428571428571rem;">Gamma</h3>
-<p>当围绕y轴旋转，也就是左右倾斜设备时，将使gamma值发生改变:</p>
+<p>当围绕 y 轴旋转，也就是左右倾斜设备时，将使 gamma 值发生改变：</p>
 <p><img alt="gamma.png" class="internal default" src="/@api/deki/files/5697/=gamma.png"></p>
-<p>gamma等于0°表示设备左右两边与地表面的距离相等，当设备向右翻转时，gamma递增到90° ，向左翻转时，递减到-90°。</p>
+<p>gamma 等于 0°表示设备左右两边与地表面的距离相等，当设备向右翻转时，gamma 递增到 90° ，向左翻转时，递减到-90°。</p>
diff --git a/files/zh-cn/web/exslt/regexp/match/index.html b/files/zh-cn/web/exslt/regexp/match/index.html
index 3a1a075ac67d2a..8219835248691e 100644
--- a/files/zh-cn/web/exslt/regexp/match/index.html
+++ b/files/zh-cn/web/exslt/regexp/match/index.html
@@ -39,7 +39,7 @@ <h3 id="Returns" name="Returns">Returns</h3>
 
 <p>A node set of <code>match</code> elements, each of which has the string value equal to a portion of the first parameter string as captured by the regular expression. If the match isn't a global one, the first match element has the value of the portion of the string matched by the entire regular expression.</p>
 
-<p>例如:</p>
+<p>例如：</p>
 
 <pre class="eval">&lt;xsl:for-each select="regExp:match('http://developer.mozilla.org/en/docs/Firefox_3_for_developers',
                                    '(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)')"&gt;
diff --git a/files/zh-cn/web/guide/ajax/getting_started/index.html b/files/zh-cn/web/guide/ajax/getting_started/index.html
index 85702c0c4ec019..b30edcfc794e68 100644
--- a/files/zh-cn/web/guide/ajax/getting_started/index.html
+++ b/files/zh-cn/web/guide/ajax/getting_started/index.html
@@ -5,22 +5,22 @@
 ---
 <div>{{DefaultAPISidebar("XMLHttpRequest")}}</div>
 
-<p class="summary">这篇文章旨在帮助你了解AJAX基础，并提供两个可上手的简单案例供你学习。</p>
+<p class="summary">这篇文章旨在帮助你了解 AJAX 基础，并提供两个可上手的简单案例供你学习。</p>
 
-<h2 id="什么是AJAX？">什么是AJAX？</h2>
+<h2 id="什么是AJAX？">什么是 AJAX？</h2>
 
-<p>AJAX是异步的JavaScript和XML（<strong>A</strong>synchronous <strong>J</strong>avaScript <strong>A</strong>nd <strong>X</strong>ML）。简单点说，就是使用 <code><a href="/en/DOM/XMLHttpRequest">XMLHttpRequest</a></code> 对象与服务器通信。 它可以使用JSON，XML，HTML和text文本等格式发送和接收数据。AJAX最吸引人的就是它的“异步”特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。</p>
+<p>AJAX 是异步的 JavaScript 和 XML（<strong>A</strong>synchronous <strong>J</strong>avaScript <strong>A</strong>nd <strong>X</strong>ML）。简单点说，就是使用 <code><a href="/en/DOM/XMLHttpRequest">XMLHttpRequest</a></code> 对象与服务器通信。 它可以使用 JSON，XML，HTML 和 text 文本等格式发送和接收数据。AJAX 最吸引人的就是它的“异步”特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。</p>
 
-<p>你可以使用AJAX最主要的两个特性做下列事：</p>
+<p>你可以使用 AJAX 最主要的两个特性做下列事：</p>
 
 <ul>
  <li>在不重新加载页面的情况下发送请求给服务器。</li>
  <li>接受并使用从服务器发来的数据。</li>
 </ul>
 
-<h2 id="Step_1_–_怎样发送http请求">Step 1 – 怎样发送http请求</h2>
+<h2 id="Step_1_–_怎样发送http请求">Step 1 – 怎样发送 http 请求</h2>
 
-<p>为了使用JavaScript向服务器发送一个http请求，你需要一个包含必要函数功能的对象实例。这就是为什么会有 <code>XMLHttpRequest</code> 的原因。 这是IE浏览器的ActiveX对象 <code>XMLHTTP</code>的前身。 随后Mozilla，Safari和其他浏览器也都实现了类似的方法，被称为 <code>XMLHttpRequest</code> 。同时，微软也实现了XMLHttpRequest方法。</p>
+<p>为了使用 JavaScript 向服务器发送一个 http 请求，你需要一个包含必要函数功能的对象实例。这就是为什么会有 <code>XMLHttpRequest</code> 的原因。 这是 IE 浏览器的 ActiveX 对象 <code>XMLHTTP</code>的前身。 随后 Mozilla，Safari 和其他浏览器也都实现了类似的方法，被称为 <code>XMLHttpRequest</code> 。同时，微软也实现了 XMLHttpRequest 方法。</p>
 
 <pre class="brush: js">// Old compatibility code, no longer needed.
 if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+ ...
@@ -30,50 +30,50 @@ <h2 id="Step_1_–_怎样发送http请求">Step 1 – 怎样发送http请求</h2
 }
 </pre>
 
-<div class="note"><strong>Note: 上面代码只是简单版的如何创建一个XMLHttp实例。更实际的例子，请看本篇文章的step 3。</strong></div>
+<div class="note"><strong>Note: 上面代码只是简单版的如何创建一个 XMLHttp 实例。更实际的例子，请看本篇文章的 step 3。</strong></div>
 
-<p>发送一个请求后，你会收到响应。在这一阶段，你要告诉XMLHttp请求对象是由哪一个JavaScript函数处理响应，在设置了对象的 <code>onreadystatechange </code>属性后给他命名，当请求状态改变时调用函数。</p>
+<p>发送一个请求后，你会收到响应。在这一阶段，你要告诉 XMLHttp 请求对象是由哪一个 JavaScript 函数处理响应，在设置了对象的 <code>onreadystatechange </code>属性后给他命名，当请求状态改变时调用函数。</p>
 
 <pre class="brush: js"><code>httpRequest.onreadystatechange = nameOfTheFunction;</code></pre>
 
-<p>要注意的是，函数名后没有参数，因为你把一个引用赋值给了函数，而不是真正的调用了它。 此外，如果不使用函数名的方式，你还可以用JavaScript的匿名函数响应处理的动作，就像下面这样：</p>
+<p>要注意的是，函数名后没有参数，因为你把一个引用赋值给了函数，而不是真正的调用了它。 此外，如果不使用函数名的方式，你还可以用 JavaScript 的匿名函数响应处理的动作，就像下面这样：</p>
 
 <pre class="brush: js">httpRequest.onreadystatechange = function(){
     // Process the server response here.
 };
 </pre>
 
-<p>接下来，声明当你接到响应后要做什么，你要发送一个实际的请求，通过调用HTTP请求对象的 <code>open()</code> 和 <code>send()</code> 方法，像下面这样:</p>
+<p>接下来，声明当你接到响应后要做什么，你要发送一个实际的请求，通过调用 HTTP 请求对象的 <code>open()</code> 和 <code>send()</code> 方法，像下面这样：</p>
 
 <pre class="brush: js">httpRequest.open('GET', 'http://www.example.org/some.file', true);
 httpRequest.send();
 </pre>
 
 <ul>
- <li><code>open()</code> 的第一个参数是HTTP请求方法 - 有GET，POST，HEAD以及服务器支持的其他方法。 保证这些方法一定要是大写字母，否则其他一些浏览器（比如FireFox）可能无法处理这个请求。更多关于HTTP的请求方法，可以查看 <a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html">W3C specs</a>。</li>
- <li>第二个参数是你要发送的URL。由于安全原因，默认不能调用第三方URL域名。 确保你在页面中使用的是正确的域名，否则在调用 <code>open()</code> 方法是会有 "permission denied" 错误提示。一个容易犯的错误是你企图通过 <code>domain.tld</code> 访问网站， 而不是使用 <code>www.domain.tld</code>。如果你真的需要向另一个域名发送请求, 可以查看 <a href="/En/HTTP_access_control">HTTP access control</a>。</li>
- <li>第三个参数是可选的，用于设置请求是否是异步的。如果设为 <code>true</code> (默认值)，即开启异步，JavaScript就不会在此语句阻塞，使得用户能在服务器还没有响应的情况下与页面进行交互。</li>
+ <li><code>open()</code> 的第一个参数是 HTTP 请求方法 - 有 GET，POST，HEAD 以及服务器支持的其他方法。 保证这些方法一定要是大写字母，否则其他一些浏览器（比如 FireFox）可能无法处理这个请求。更多关于 HTTP 的请求方法，可以查看 <a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html">W3C specs</a>。</li>
+ <li>第二个参数是你要发送的 URL。由于安全原因，默认不能调用第三方 URL 域名。 确保你在页面中使用的是正确的域名，否则在调用 <code>open()</code> 方法是会有 "permission denied" 错误提示。一个容易犯的错误是你企图通过 <code>domain.tld</code> 访问网站， 而不是使用 <code>www.domain.tld</code>。如果你真的需要向另一个域名发送请求，可以查看 <a href="/En/HTTP_access_control">HTTP access control</a>。</li>
+ <li>第三个参数是可选的，用于设置请求是否是异步的。如果设为 <code>true</code> (默认值)，即开启异步，JavaScript 就不会在此语句阻塞，使得用户能在服务器还没有响应的情况下与页面进行交互。</li>
 </ul>
 
 <p><code>send()</code> 方法的参数可以是任何你想发送给服务器的内容，如果是 <code>POST</code> 请求的话。发送表单数据时应该用服务器可以解析的格式，像查询语句：</p>
 
 <pre><code>"name=value&amp;anothername="+encodeURIComponent(myVar)+"&amp;so=on"</code></pre>
 
-<p>或者其他格式, 类似 <code>multipart/form-data</code>，JSON，XML等。</p>
+<p>或者其他格式，类似 <code>multipart/form-data</code>，JSON，XML 等。</p>
 
-<p>如果你使用 POST 数据，那就需要设置请求的MIME类型。比如，在调用 <code>send()</code> 方法获取表单数据前要有下面这个：</p>
+<p>如果你使用 POST 数据，那就需要设置请求的 MIME 类型。比如，在调用 <code>send()</code> 方法获取表单数据前要有下面这个：</p>
 
 <pre class="brush: js">httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
 </pre>
 
 <h2 id="Step_2_–_处理服务器响应">Step 2 – 处理服务器响应</h2>
 
-<p>在发送请求时，你提供的JavaScript函数名负责处理响应：</p>
+<p>在发送请求时，你提供的 JavaScript 函数名负责处理响应：</p>
 
 <pre class="brush: js">httpRequest.onreadystatechange = nameOfTheFunction;
 </pre>
 
-<p>这个函数应该做什么？首先，函数要检查请求的状态。如果状态的值是 <code>XMLHttpRequest.DONE</code> （对应的值是4），意味着服务器响应收到了并且是没问题的，然后就可以继续执行。</p>
+<p>这个函数应该做什么？首先，函数要检查请求的状态。如果状态的值是 <code>XMLHttpRequest.DONE</code> （对应的值是 4），意味着服务器响应收到了并且是没问题的，然后就可以继续执行。</p>
 
 <pre class="brush: js">if (httpRequest.readyState === XMLHttpRequest.DONE) {
     // Everything is good, the response was received.
@@ -82,7 +82,7 @@ <h2 id="Step_2_–_处理服务器响应">Step 2 – 处理服务器响应</h2>
 }
 </pre>
 
-<p>全部readyState状态值都在 <a href="/en-US/docs/Web/API/XMLHttpRequest#Properties">XMLHTTPRequest.readyState</a>，如下也是：</p>
+<p>全部 readyState 状态值都在 <a href="/en-US/docs/Web/API/XMLHttpRequest#Properties">XMLHTTPRequest.readyState</a>，如下也是：</p>
 
 <ul>
  <li>0 (未初始化) or (<strong>请求还未初始化</strong>)</li>
@@ -94,7 +94,7 @@ <h2 id="Step_2_–_处理服务器响应">Step 2 – 处理服务器响应</h2>
 
 <p>(<a class="external" href="http://msdn.microsoft.com/en-us//library/ms534361%28en-us,VS.85%29.aspx">Source</a>)</p>
 
-<p>接下来，点击HTTP响应的 <a href="/en/HTTP#HTTP_Response_Codes">response code</a>。 可能的响应码都已经列在 <a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">W3C</a>这个列表里。在下面的例子中，我们通过检查响应码 <code>200 OK</code> 判断AJAX有没有成功。</p>
+<p>接下来，点击 HTTP 响应的 <a href="/en/HTTP#HTTP_Response_Codes">response code</a>。 可能的响应码都已经列在 <a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">W3C</a>这个列表里。在下面的例子中，我们通过检查响应码 <code>200 OK</code> 判断 AJAX 有没有成功。</p>
 
 <pre class="brush: js">if (httpRequest.status === 200) {
     // Perfect!
@@ -104,18 +104,18 @@ <h2 id="Step_2_–_处理服务器响应">Step 2 – 处理服务器响应</h2>
     // or 500 (Internal Server Error) response code.
 }</pre>
 
-<p>在检查完请求状态和HTTP响应码后， 你就可以用服务器返回的数据做任何你想做的了。你有两个方法去访问这些数据：</p>
+<p>在检查完请求状态和 HTTP 响应码后， 你就可以用服务器返回的数据做任何你想做的了。你有两个方法去访问这些数据：</p>
 
 <ul>
  <li><code>httpRequest.responseText</code> – 服务器以文本字符的形式返回</li>
- <li><code>httpRequest.responseXML</code> – 以 XMLDocument 对象方式返回，之后就可以使用JavaScript来处理</li>
+ <li><code>httpRequest.responseXML</code> – 以 XMLDocument 对象方式返回，之后就可以使用 JavaScript 来处理</li>
 </ul>
 
 <p>注意上面这一步只在你发起异步请求时有效（即 <code>open()</code> 的第三个参数未特别指定或设为 <code>true</code>）。如果你你发起的是<strong>同步</strong>请求则不必使用函数，但是非常不推荐这样子做，它的用户体验很糟糕。</p>
 
 <h2 id="Step_3_–_一个简单的例子">Step 3 – 一个简单的例子</h2>
 
-<p>让我们把所有的知识都集中起来做一个简单的HTTP请求。这个JavaScript会请求一个HTML文档 <code>test.html</code>，包含 "I'm a  test" 内容。然后我们 <code>alert()</code> 响应的内容。注意这个例子我们只是用了JavaScript，没有用jQuery。而且，HTML，XML和PHP文件都要放在用一个目录下。</p>
+<p>让我们把所有的知识都集中起来做一个简单的 HTTP 请求。这个 JavaScript 会请求一个 HTML 文档 <code>test.html</code>，包含 "I'm a  test" 内容。然后我们 <code>alert()</code> 响应的内容。注意这个例子我们只是用了 JavaScript，没有用 jQuery。而且，HTML，XML 和 PHP 文件都要放在用一个目录下。</p>
 
 <pre class="brush: html">&lt;button id="ajaxButton" type="button"&gt;Make a request&lt;/button&gt;
 
@@ -155,10 +155,10 @@ <h2 id="Step_3_–_一个简单的例子">Step 3 – 一个简单的例子</h2>
  <li>用户点击 “Make a request” 按钮；</li>
  <li>事件处理调用 <code>makeRequest()</code> 函数；</li>
  <li>请求已通过然后（<code>onreadystatechange</code>）传给 <code>alertContents()</code> 执行。</li>
- <li><code>alertContents()</code> 检查返回的响应是否OK，然后 <code>alert()</code> <code>test.html</code> 文件内容。</li>
+ <li><code>alertContents()</code> 检查返回的响应是否 OK，然后 <code>alert()</code> <code>test.html</code> 文件内容。</li>
 </ul>
 
-<div class="note"><strong>Note</strong>: 如果你向一个代码片段发送请求，将返回XML，而不是静态XML文件，在IE浏览器上则必须要设置响应头才能正常工作。如果不设置响应头为 <code>Content-Type:application/xml</code> ，IE浏览器会在你访问XML元素时抛出 “Object Expected” 错误。</div>
+<div class="note"><strong>Note</strong>: 如果你向一个代码片段发送请求，将返回 XML，而不是静态 XML 文件，在 IE 浏览器上则必须要设置响应头才能正常工作。如果不设置响应头为 <code>Content-Type:application/xml</code> ，IE 浏览器会在你访问 XML 元素时抛出 “Object Expected” 错误。</div>
 
 <div class="note"><strong>Note 2</strong>: 如果不设置响应头 <code>Cache-Control: no-cache</code> 浏览器将会把响应缓存下来而且再也无法重新提交请求。你也可以添加一个总是不同的 GET 参数，比如时间戳或者随机数 (详情见 <a href="/en/DOM/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache">bypassing the cache</a>)</div>
 
@@ -184,7 +184,7 @@ <h2 id="Step_3_–_一个简单的例子">Step 3 – 一个简单的例子</h2>
 
 <h2 id="Step_4_–_处理_XML_响应">Step 4 – 处理 XML 响应</h2>
 
-<p>在上一个例子中，在收到HTTP请求的响应后我们会请求对象的 <code>responseText</code> 属性，包含 <code>test.html</code> 文件的内容。现在我们试试 <code>responseXML </code>属性。 </p>
+<p>在上一个例子中，在收到 HTTP 请求的响应后我们会请求对象的 <code>responseText</code> 属性，包含 <code>test.html</code> 文件的内容。现在我们试试 <code>responseXML </code>属性。 </p>
 
 <p>首先，我们创建一个稍后将要请求的有效的 XML 文档。文档（<code>test.html</code>）包含以下内容：</p>
 
@@ -224,7 +224,7 @@ <h2 id="Step_5_–_处理数据">Step 5 – 处理数据</h2>
 &lt;/span&gt;
 </pre>
 
-<p>还要添加事件处理程序，从表单中获取用户数据连同服务器端的UTL一并发送给 makeRequest()  函数：</p>
+<p>还要添加事件处理程序，从表单中获取用户数据连同服务器端的 UTL 一并发送给 makeRequest()  函数：</p>
 
 <pre class="brush: js">  document.getElementById("ajaxButton").onclick = function() {
       var userName = document.getElementById("ajaxTextbox").value;
@@ -249,7 +249,7 @@ <h2 id="Step_5_–_处理数据">Step 5 – 处理数据</h2>
 
 <p><code>{"userData":"Jane","computedString":"Hi, Jane!"}</code></p>
 
-<p>为了在 <code>alertContents()</code> 中使用这个数据，我们可不能只是alert <code>responseText</code> ，我们要解析它并 alert <code>computedString</code>，我们想要的属性：</p>
+<p>为了在 <code>alertContents()</code> 中使用这个数据，我们可不能只是 alert <code>responseText</code> ，我们要解析它并 alert <code>computedString</code>，我们想要的属性：</p>
 
 <pre class="brush: js">function alertContents() {
   if (httpRequest.readyState === XMLHttpRequest.DONE) {
@@ -270,4 +270,4 @@ <h2 id="Step_5_–_处理数据">Step 5 – 处理数据</h2>
 $array = ['userName' =&gt; $name, 'computedString' =&gt; $computedString];
 echo json_encode($array);</code></pre>
 
-<p>想获取更多 DOM 方法，可以查看<code> <a class="external" href="http://www.mozilla.org/docs/dom/">Mozilla's DOM implementation</a> 文档.</code></p>
+<p>想获取更多 DOM 方法，可以查看<code> <a class="external" href="http://www.mozilla.org/docs/dom/">Mozilla's DOM implementation</a> 文档。</code></p>
diff --git a/files/zh-cn/web/guide/ajax/index.html b/files/zh-cn/web/guide/ajax/index.html
index 8ebddd47bc32b6..ae520a7f07bbfd 100644
--- a/files/zh-cn/web/guide/ajax/index.html
+++ b/files/zh-cn/web/guide/ajax/index.html
@@ -4,12 +4,12 @@
 translation_of: Web/Guide/AJAX
 ---
 <div class="callout-box"><strong><a href="/en-US/docs/AJAX/Getting_Started" title="en-US/docs/AJAX/Getting_Started">新手入门</a></strong><br>
- Ajax简介</div>
+ 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="/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>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>
+<p>尽管 X 在 Ajax 中代表 XML，但由于{{glossary("JSON")}}的许多优势，比如更加轻量以及作为 Javascript 的一部分，目前 JSON 的使用比 XML 更加普遍。JSON 和 XML 都被用于在 Ajax 模型中打包信息。</p>
 </div>
 
 <div class="row topicpage-table">
@@ -18,42 +18,42 @@ <h2 class="Documentation" id="文档">文档</h2>
 
 <dl>
  <dt><a href="https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started">新手入门</a></dt>
- <dd>本文将为您引导完成ajax基础知识，并为您提供两个简单的实际操作示例。</dd>
- <dt><a href="/zh-CN/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest">使用XMLHttpRequest API</a></dt>
- <dd>{{domxref("XMLHttpRequest")}}<a href="https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest" title="XMLHttpRequest"> API</a>是Ajax的核心。本文将解释如何使用一些Ajax技术，比如：
+ <dd>本文将为您引导完成 ajax 基础知识，并为您提供两个简单的实际操作示例。</dd>
+ <dt><a href="/zh-CN/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest">使用 XMLHttpRequest API</a></dt>
+ <dd>{{domxref("XMLHttpRequest")}}<a href="https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest" title="XMLHttpRequest"> API</a>是 Ajax 的核心。本文将解释如何使用一些 Ajax 技术，比如：
  <ul>
   <li><a href="/zh-CN/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Handling_responses">分析和操纵服务器响应</a></li>
   <li><a href="/zh-CN/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress">监控请求过程</a></li>
-  <li><a href="https://developer.mozilla.org/zh-CN/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#提交表单和上传文件"> 提交表单或者上传二进制文件</a>– 使用纯Ajax或者{{domxref("FormData")}}对象</li>
+  <li><a href="https://developer.mozilla.org/zh-CN/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#提交表单和上传文件"> 提交表单或者上传二进制文件</a>– 使用纯 Ajax 或者{{domxref("FormData")}}对象</li>
   <li><a href="/zh-CN/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Types_of_requests">创建异步或同步请求</a></li>
-  <li>在<a href="/zh-CN/docs/Web/API/Web_Workers_API">Web workers</a>中使用Ajax</li>
+  <li>在<a href="/zh-CN/docs/Web/API/Web_Workers_API">Web workers</a>中使用 Ajax</li>
  </ul>
  </dd>
  <dt><a href="/zh-CN/docs/Web/API/Fetch_API">Fetch API</a></dt>
- <dd>Fetch API 提供一个获取资源的接口。对于用过 {{domxref("XMLHTTPRequest")}} 的人来说会觉得很熟悉，但这个API提供了更加强大且灵活的特性。</dd>
+ <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>
+ <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>
  <dt><a href="/zh-CN/docs/Web/API/History_API/Example">纯 Ajax 导航示例 </a></dt>
- <dd>本文提供了一个仅由三个页面组成的纯Ajax网站的（简易）工作示例。</dd>
+ <dd>本文提供了一个仅由三个页面组成的纯 Ajax 网站的（简易）工作示例。</dd>
  <dt><a href="/zh-CN/docs/DOM/XMLHttpRequest/Sending_and_Receiving_Binary_Data">发送和接收二进制数据</a></dt>
- <dd>可以设置 <code>XMLHttpRequest</code> 对象的 <code>responseType</code> 属性以改变从服务器端获取数据的类型。可接受的值为空字符串（默认）、<code>arraybuffer</code>、<code>blob</code>、<code>document</code>、<code>json</code> 以 及 <code>text</code>。 <code>response</code> 属性性根据 <code>responseType</code> 的值成为对应的数据对象，如 <code>ArrayBuffer，</code><code>Blob</code>、 <code>Document</code>、 <code>JSON</code> 或者 <code>string</code> 。本文会展示一些Ajax I/O技术。</dd>
+ <dd>可以设置 <code>XMLHttpRequest</code> 对象的 <code>responseType</code> 属性以改变从服务器端获取数据的类型。可接受的值为空字符串（默认）、<code>arraybuffer</code>、<code>blob</code>、<code>document</code>、<code>json</code> 以 及 <code>text</code>。 <code>response</code> 属性性根据 <code>responseType</code> 的值成为对应的数据对象，如 <code>ArrayBuffer，</code><code>Blob</code>、 <code>Document</code>、 <code>JSON</code> 或者 <code>string</code> 。本文会展示一些 Ajax I/O 技术。</dd>
  <dt><a href="/zh-CN/docs/Glossary/XML">XML</a></dt>
- <dd>The <strong>Extensible Markup Language (XML)</strong> 可扩展标记语言是W3C推荐的一种专用于创建专用标记语言的通用标记语言 。它是SGML的简化子集，能够描述许多不同类型的数据。其主要目的是促进在不同的系统，尤其是通过互联网连接的系统间的数据共享。</dd>
+ <dd>The <strong>Extensible Markup Language (XML)</strong> 可扩展标记语言是 W3C 推荐的一种专用于创建专用标记语言的通用标记语言 。它是 SGML 的简化子集，能够描述许多不同类型的数据。其主要目的是促进在不同的系统，尤其是通过互联网连接的系统间的数据共享。</dd>
  <dt><a href="/zh-CN/docs/Web/Guide/Parsing_and_serializing_XML">解析和序列化 XML</a></dt>
- <dd>如何从字符串，文件或者Javascript中解析XML文档，以及如何将XML文档序列转化为字符串，Javascript对象树 (JSON)或者文件 。</dd>
+ <dd>如何从字符串，文件或者 Javascript 中解析 XML 文档，以及如何将 XML 文档序列转化为字符串，Javascript 对象树 (JSON) 或者文件 。</dd>
  <dt><a href="/zh-CN/docs/Web/XPath">XPath</a></dt>
- <dd>XPath 代表<strong>X</strong>ML <strong>Path</strong> Language,它使用非XML 语法，提供了一种灵活的方式来寻址（指向）XML文档的不同部分。除此之外，它还可以用于测试文档中的寻址节点，以确定他们是否匹配模式。</dd>
+ <dd>XPath 代表<strong>X</strong>ML <strong>Path</strong> Language，它使用非 XML 语法，提供了一种灵活的方式来寻址（指向）XML 文档的不同部分。除此之外，它还可以用于测试文档中的寻址节点，以确定他们是否匹配模式。</dd>
  <dt>{{domxref("FileReader")}}<a href="/zh-CN/docs/WEB/API/FileReader"> API</a></dt>
- <dd> <code>FileReader</code> API允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓存）的内容，使用 {{domxref("File")}} 或 {{domxref("Blob")}} 对象指定要读取的文件或数据。文件对象可以从用户选择文件后的 {{HTMLElement("input")}} 元素的 {{domxref("FileList")}} 对象中获取，也可以从拖放操作的 {{domxref("DataTransfer")}} 对象获取，或者从{{domxref("HTMLCanvasElement")}} 的<code>mozGetAsFile()</code> API获取。</dd>
- <dt><a href="/zh-CN/docs/Web/API/XMLHttpRequest/HTML_in_XMLHttpRequest">XMLHttpRequest对HTML的支持</a> </dt>
- <dd>W3C <a href="https://xhr.spec.whatwg.org/">XMLHttpRequest</a>规范向XMLHttpRequest添加了HTML解析支持，XMLHttpRequest原本只支持XML解析。此功能允许Web应用程序使用XMLHttpRequest获取HTML资源作为解析的DOM。</dd>
+ <dd> <code>FileReader</code> API 允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓存）的内容，使用 {{domxref("File")}} 或 {{domxref("Blob")}} 对象指定要读取的文件或数据。文件对象可以从用户选择文件后的 {{HTMLElement("input")}} 元素的 {{domxref("FileList")}} 对象中获取，也可以从拖放操作的 {{domxref("DataTransfer")}} 对象获取，或者从{{domxref("HTMLCanvasElement")}} 的<code>mozGetAsFile()</code> API 获取。</dd>
+ <dt><a href="/zh-CN/docs/Web/API/XMLHttpRequest/HTML_in_XMLHttpRequest">XMLHttpRequest 对 HTML 的支持</a> </dt>
+ <dd>W3C <a href="https://xhr.spec.whatwg.org/">XMLHttpRequest</a>规范向 XMLHttpRequest 添加了 HTML 解析支持，XMLHttpRequest 原本只支持 XML 解析。此功能允许 Web 应用程序使用 XMLHttpRequest 获取 HTML 资源作为解析的 DOM。</dd>
 </dl>
 
 <h2 class="Other" id="参见">参见</h2>
 
 <dl>
  <dt><a href="https://pdfs.semanticscholar.org/c440/ae765ff19ddd3deda24a92ac39cef9570f1e.pdf">Ajax: A New Approach to Web Applications</a></dt>
- <dd>Jesse James Garrett在2005年2月写了这篇文章 <a href="http://www.adaptivepath.com/">adaptive path</a>，介绍了Ajax及其相关概念。</dd>
+ <dd>Jesse James Garrett 在 2005 年 2 月写了这篇文章 <a href="http://www.adaptivepath.com/">adaptive path</a>，介绍了 Ajax 及其相关概念。</dd>
  <dt><a href="https://xhr.spec.whatwg.org/">XMLHttpRequest Specification</a></dt>
  <dd>WHATWG 现行标准</dd>
 </dl>
@@ -64,22 +64,22 @@ <h2 class="Tools" id="工具">工具</h2>
 
 <ul>
  <li class="Tools"><a href="http://www.ajaxprojects.com/">工具包和框架 </a></li>
- <li class="Tools"><a href="http://getfirebug.com/">Firebug - Ajax / Web开发工具</a></li>
- <li class="Tools"><a href="http://blog.monstuff.com/archives/000252.html">AJAX调试工具 </a></li>
- <li class="Tools"><a href="Flash/AJAX Integration Kit">Flash / AJAX集成套件</a></li>
- <li class="Tools"><a href="http://xkr.us/code/javascript/XHConn/">一个简单的XMLHTTP接口库</a></li>
+ <li class="Tools"><a href="http://getfirebug.com/">Firebug - Ajax / Web 开发工具</a></li>
+ <li class="Tools"><a href="http://blog.monstuff.com/archives/000252.html">AJAX 调试工具 </a></li>
+ <li class="Tools"><a href="Flash/AJAX Integration Kit">Flash / AJAX 集成套件</a></li>
+ <li class="Tools"><a href="http://xkr.us/code/javascript/XHConn/">一个简单的 XMLHTTP 接口库</a></li>
  <li class="Tools"><a href="https://github.com/axios/axios">axios</a> 基于 {{jsxref("Promise")}} 的 {{glossary("HTTP")}} 客户端，使用<code>XMLHttpRequest</code> 实现。</li>
 </ul>
 
 <h2 id="例子">例子</h2>
 
 <ul>
- <li><a href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller">Ajax poller脚本</a></li>
- <li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9">Ajax聊天教程</a></li>
- <li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS代码与Ajax</a></li>
- <li><a href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">创建自己的Ajax效果</a></li>
+ <li><a href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller">Ajax poller 脚本</a></li>
+ <li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9">Ajax 聊天教程</a></li>
+ <li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS 代码与 Ajax</a></li>
+ <li><a href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">创建自己的 Ajax 效果</a></li>
  <li><a href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">Ajax：创建巨大的书签</a></li>
- <li><a href="http://www.hotajax.org/">Ajax：Hot！Ajax有很多很酷的例子</a></li>
+ <li><a href="http://www.hotajax.org/">Ajax：Hot！Ajax 有很多很酷的例子</a></li>
 </ul>
 
 <h2 class="Related_Topics" id="相关主题">相关主题</h2>
diff --git a/files/zh-cn/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html b/files/zh-cn/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html
index 8a3a0534f4b231..acae0c704aeaeb 100644
--- a/files/zh-cn/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html
+++ b/files/zh-cn/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html
@@ -19,10 +19,10 @@ <h2 id="案例">案例</h2>
 <p><img alt='Video player with stand controls such as play, stop, volume, and captions on and off. The video playing shows a scene of a man holding a spear-like weapon, and a caption reads "Esta hoja tiene pasado oscuro."' src="https://mdn.mozillademos.org/files/7887/video-player-with-captions.png" style="display: block; height: 365px; margin: 0px auto; width: 593px;"></p>
 
 <div class="note">
-<p><strong>Note</strong>: 观众老爷可以点击这里 <a href="https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions">查看Github源码</a>, 或者<a href="http://iandevlin.github.io/mdn/video-player-with-captions/">浏览在线视频</a>.</p>
+<p><strong>Note</strong>: 观众老爷可以点击这里 <a href="https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions">查看 Github 源码</a>, 或者<a href="http://iandevlin.github.io/mdn/video-player-with-captions/">浏览在线视频</a>.</p>
 </div>
 
-<h2 id="HTML5视频字幕">HTML5视频字幕</h2>
+<h2 id="HTML5视频字幕">HTML5 视频字幕</h2>
 
 <p>在学习如何向视频添加字幕之前，我们应该了解下面这些事情</p>
 
@@ -42,7 +42,7 @@ <h3 id="WebVTT">WebVTT</h3>
 
 <p>Video providers (such as the <a href="http://www.blender.org/foundation/">Blender Foundation</a>) provide captions and subtitles in a text format with their videos, but they're usually in the SubRip Text (SRT) format. These can be easily converted to WebVTT using an online converter such as <a href="https://atelier.u-sub.net/srt2vtt/">srt2vtt</a>.</p>
 
-<h2 id="修改_HTML和CSS">修改 HTML和CSS</h2>
+<h2 id="修改_HTML和CSS">修改 HTML 和 CSS</h2>
 
 <p>This section summarises the modifications made to the previous article's code in order to facilitate the addition of subtitles to the video. If you are not interested in this, and just want to get straight into the JavaScript and more relevant CSS, skip to the <a href="#使用字幕">Subtitle implementation</a> section.<br>
  <br>
@@ -87,7 +87,7 @@ <h3 id="HTML_标签">HTML 标签</h3>
    &lt;button id="subtitles" type="button" data-state="subtitles"&gt;CC&lt;/button&gt;
 &lt;/div&gt;</pre>
 
-<h3 id="修改CSS">修改CSS </h3>
+<h3 id="修改CSS">修改 CSS </h3>
 
 <p>The video controls have undergone some minor changes in order to make space for the extra button, but these are relatively straightforward.<br>
  <br>
@@ -197,7 +197,7 @@ <h3 id="创建标题菜单">创建标题菜单</h3>
    }
 });</pre>
 
-<h3 id="CSS代码">CSS代码</h3>
+<h3 id="CSS代码">CSS 代码</h3>
 
 <p>We also added some rudimentary styling for the newly created subtitles menu:</p>
 
diff --git a/files/zh-cn/web/guide/audio_and_video_delivery/buffering_seeking_time_ranges/index.html b/files/zh-cn/web/guide/audio_and_video_delivery/buffering_seeking_time_ranges/index.html
index 3a4b53a3e6697a..91c0b60132e72b 100644
--- a/files/zh-cn/web/guide/audio_and_video_delivery/buffering_seeking_time_ranges/index.html
+++ b/files/zh-cn/web/guide/audio_and_video_delivery/buffering_seeking_time_ranges/index.html
@@ -4,14 +4,14 @@
 translation_of: Web/Guide/Audio_and_video_delivery/buffering_seeking_time_ranges
 ---
 <div class="summary">
-<p>有时候知道 {{htmlelement("audio") }} 或 {{htmlelement("video") }} 已经下载了多少或有多少可以不延迟的播放是有用的 — 音频和视频的缓冲条就是这个的一个好例子。 这篇文章讨论 用 <a href="https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges">TimeRanges</a>如何创建一个 buffer/seek bar, 和 media API 的其他特性。</p>
+<p>有时候知道 {{htmlelement("audio") }} 或 {{htmlelement("video") }} 已经下载了多少或有多少可以不延迟的播放是有用的 — 音频和视频的缓冲条就是这个的一个好例子。 这篇文章讨论 用 <a href="https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges">TimeRanges</a>如何创建一个 buffer/seek bar，和 media API 的其他特性。</p>
 </div>
 
 <h2 id="Buffered">Buffered</h2>
 
-<p><code>Buffered</code> 属性会告诉我们媒体的哪一部分已经下载好了。它返回一个 {{ domxref("TimeRanges") }} 对象, 表名哪些块已经下载。 这通常是连续的但是如果用户在缓冲时跳过，就可能会有缺口。</p>
+<p><code>Buffered</code> 属性会告诉我们媒体的哪一部分已经下载好了。它返回一个 {{ domxref("TimeRanges") }} 对象，表名哪些块已经下载。 这通常是连续的但是如果用户在缓冲时跳过，就可能会有缺口。</p>
 
-<p>它与 {{htmlelement("audio") }} 或 {{htmlelement("video") }}一起工作; 现在我们来考虑一个简单的aodio例子：</p>
+<p>它与 {{htmlelement("audio") }} 或 {{htmlelement("video") }}一起工作; 现在我们来考虑一个简单的 aodio 例子：</p>
 
 <pre class="brush: html">&lt;audio id="my-audio" controls src="music.mp3"&gt;
 &lt;/audio&gt;</pre>
@@ -34,14 +34,14 @@ <h2 id="TimeRanges_对象">TimeRanges 对象</h2>
  <li><code>end(index)</code>: The end time, in seconds, of a time range.</li>
 </ul>
 
-<p>没有用户操作的话通常只有一个时间范围，但是如果你在媒体中跳来跳去那么就会出现多个时间范围, 下面形象化的表名了这一点。 This represents two buffered time ranges — one spanning 0 to 5 seconds and the second spanning 15 to 19 seconds.</p>
+<p>没有用户操作的话通常只有一个时间范围，但是如果你在媒体中跳来跳去那么就会出现多个时间范围，下面形象化的表名了这一点。 This represents two buffered time ranges — one spanning 0 to 5 seconds and the second spanning 15 to 19 seconds.</p>
 
 <pre>------------------------------------------------------
 |=============|                    |===========|     |
 ------------------------------------------------------
 0             5                    15          19    21</pre>
 
-<p>对于这个audio实例，相关联的 {{ domxref("TimeRange") }} 对象会有以下的可用属性：</p>
+<p>对于这个 audio 实例，相关联的 {{ domxref("TimeRange") }} 对象会有以下的可用属性：</p>
 
 <pre class="brush: js">myAudio.buffered.length;   // returns 2
 myAudio.buffered.start(0); // returns 0
@@ -92,7 +92,7 @@ <h2 id="TimeRanges_对象">TimeRanges 对象</h2>
     });
   }</pre>
 
-<p>这在长一些的audio或video上工作的更好， 但是按开始键并在进度条上点击，你会得到这个。 每个红色填充的长方形代表一个时间范围。</p>
+<p>这在长一些的 audio 或 video 上工作的更好， 但是按开始键并在进度条上点击，你会得到这个。 每个红色填充的长方形代表一个时间范围。</p>
 
 <p><img alt="A simple audio player with play button, seek bar and volume control, with a series of red rectangles beneath it representing time ranges." src="https://mdn.mozillademos.org/files/7347/bufferedtimeranges.png" style="display: block; height: 89px; margin: 0px auto; width: 318px;"></p>
 
diff --git a/files/zh-cn/web/guide/audio_and_video_delivery/index.html b/files/zh-cn/web/guide/audio_and_video_delivery/index.html
index c0319223dbc801..35c28ed662d9b9 100644
--- a/files/zh-cn/web/guide/audio_and_video_delivery/index.html
+++ b/files/zh-cn/web/guide/audio_and_video_delivery/index.html
@@ -11,7 +11,7 @@
 translation_of: Web/Guide/Audio_and_video_delivery
 ---
 <div class="summary">
-<p>我们可以通过多种方式在网络上交付音频和视频，从“静态”媒体文件到自适应实时流。 本文旨在作为探讨基于Web的媒体的各种传递机制以及与流行浏览器的兼容性的起点。</p>
+<p>我们可以通过多种方式在网络上交付音频和视频，从“静态”媒体文件到自适应实时流。 本文旨在作为探讨基于 Web 的媒体的各种传递机制以及与流行浏览器的兼容性的起点。</p>
 </div>
 
 <h2 id="音频和视频元素">音频和视频元素</h2>
@@ -32,7 +32,7 @@ <h2 id="音频和视频元素">音频和视频元素</h2>
  <li>Deliver the media file to the player.</li>
 </ol>
 
-<h3 id="HTML音频">HTML音频</h3>
+<h3 id="HTML音频">HTML 音频</h3>
 
 <pre class="brush: html notranslate">&lt;audio controls preload="auto"&gt;
   &lt;source src="audiofile.mp3" type="audio/mpeg"&gt;
@@ -47,7 +47,7 @@ <h3 id="HTML音频">HTML音频</h3>
 <p>上面的代码将创建一个音频播放器，该播放器尝试预加载尽可能多的音频以流畅播放。</p>
 
 <div class="note">
-<p><strong>注意：</strong>preload属性可能会被某些移动浏览器忽略。</p>
+<p><strong>注意：</strong>preload 属性可能会被某些移动浏览器忽略。</p>
 </div>
 
 <p>有关更多信息，请参见 <a href="/en-US/Apps/Build/Manipulating_media/Cross-browser_audio_basics#HTML5_audio_in_detail">Cross Browser Audio Basics (HTML5 Audio In Detail)</a></p>
@@ -68,10 +68,10 @@ <h3 id="HTML_视频">HTML 视频</h3>
   &lt;a href="videofile.mp4"&gt;download video&lt;/a&gt;
 &lt;/video&gt;</pre>
 
-<p>上面的代码创建了一个尺寸为640x480像素的视频播放器，显示海报图像，直到播放视频为止。 我们指示视频自动播放，但默认情况下将其静音。</p>
+<p>上面的代码创建了一个尺寸为 640x480 像素的视频播放器，显示海报图像，直到播放视频为止。 我们指示视频自动播放，但默认情况下将其静音。</p>
 
 <div class="note">
-<p><strong>注意：</strong>某些移动浏览器可能会忽略自动播放属性。 同样，自动播放功能在滥用时也会引起争议。 强烈建议您阅读<a href="/zh-CN/docs/Web/Media/Autoplay_guide">媒体和Web音频API的自动播放指南</a>，以了解如何明智地使用自动播放。</p>
+<p><strong>注意：</strong>某些移动浏览器可能会忽略自动播放属性。 同样，自动播放功能在滥用时也会引起争议。 强烈建议您阅读<a href="/zh-CN/docs/Web/Media/Autoplay_guide">媒体和 Web 音频 API 的自动播放指南</a>，以了解如何明智地使用自动播放。</p>
 </div>
 
 <p>For further info see <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/video">&lt;video&gt; element</a> and <a href="/en-US/Apps/Build/Manipulating_media/cross_browser_video_player">Creating a cross-browser video player</a>.</p>
@@ -108,7 +108,7 @@ <h3 id="JavaScript_音频">JavaScript 音频</h3>
 myAudio.currentTime = 5;
 myAudio.play();</pre>
 
-<p>我们根据浏览器支持的音频文件的类型来设置音频的来源，然后将播放头设置为5秒钟以尝试播放它。</p>
+<p>我们根据浏览器支持的音频文件的类型来设置音频的来源，然后将播放头设置为 5 秒钟以尝试播放它。</p>
 
 <div class="note">
 <p><strong>注意</strong>: 除非由用户启动的事件发布，否则某些移动浏览器将忽略播放。</p>
diff --git a/files/zh-cn/web/guide/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md b/files/zh-cn/web/guide/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md
index d2d5821221ea6e..27d7412cea8eea 100644
--- a/files/zh-cn/web/guide/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md
+++ b/files/zh-cn/web/guide/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md
@@ -1,5 +1,5 @@
 ---
-title: 实时传输Web音频与视频
+title: 实时传输 Web 音频与视频
 slug: Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_video
 tags:
   - 指引
@@ -11,7 +11,7 @@ tags:
 
 ## 流媒体与静态媒体的主要区别
 
-在这里，无论是mp3还是WebM文件，我们都称之为静态媒体。这些文件存放在服务端，可以像其他文件那样传输到浏览器端。这通常被称为渐进式下载。
+在这里，无论是 mp3 还是 WebM 文件，我们都称之为静态媒体。这些文件存放在服务端，可以像其他文件那样传输到浏览器端。这通常被称为渐进式下载。
 
 跟静态媒体文件比起来，实时流媒体没有有限的开始和结束时间，它通常是一种自适应的、从服务端向下传输到浏览器端的数据流（见下文）。通常我们需要不同格式和特定的服务端软件来实现这个。
 
@@ -31,31 +31,31 @@ tags:
 
 ## 流式协议
 
-静态媒体通常是使用HTTP协议传输，但是自适应流媒体却有很多种协议，让我们看一下这些选择。
+静态媒体通常是使用 HTTP 协议传输，但是自适应流媒体却有很多种协议，让我们看一下这些选择。
 
 ### HTTP
 
-目前来说，HTTP是媒体点播或直播最常使用的协议。
+目前来说，HTTP 是媒体点播或直播最常使用的协议。
 
 ### RTMP
 
-实时消息协议(RTMP)是由Macromedia（即现在的Adobe）公司研发的专有协议，并且它支持Adobe Flash插件。RTMP共有RTMPE（加密的）、RTMPS（基于SSL/TLS的安全协议）和RTMPT（封装成HTTP请求）这几种形式
+实时消息协议 (RTMP) 是由 Macromedia（即现在的 Adobe）公司研发的专有协议，并且它支持 Adobe Flash 插件。RTMP 共有 RTMPE（加密的）、RTMPS（基于 SSL/TLS 的安全协议）和 RTMPT（封装成 HTTP 请求）这几种形式
 
 ### RTSP
 
-> **备注：** 实时流协议(RTSP)控制媒体在两端传输的会话，且同时使用实时传输协议(RTP)和实时控制协议(RTCP)来传输媒体流。将RTP与RTCP结合使用可以实现自适应流。目前大部分浏览器还无法原生支持，但请留意 [Firefox OS 1.3 支持RTSP](https://www.mozilla.org/en-US/firefox/os/notes/1.3/)。
+> **备注：** 实时流协议 (RTSP) 控制媒体在两端传输的会话，且同时使用实时传输协议 (RTP) 和实时控制协议 (RTCP) 来传输媒体流。将 RTP 与 RTCP 结合使用可以实现自适应流。目前大部分浏览器还无法原生支持，但请留意 [Firefox OS 1.3 支持 RTSP](https://www.mozilla.org/en-US/firefox/os/notes/1.3/)。
 >
-> 某些厂商实现了专有的传输协议，类似RealNetworks以及他们的真实数据传输(RDT)。
+> 某些厂商实现了专有的传输协议，类似 RealNetworks 以及他们的真实数据传输 (RDT)。
 
 ### RTSP 2.0
 
-RTSP 2.0 目前处于开发阶段，并且无法向后兼容RSTP 1.0。
+RTSP 2.0 目前处于开发阶段，并且无法向后兼容 RSTP 1.0。
 
-> **警告：** 虽然 {{ htmlelement("audio") }} 与 {{ htmlelement("video") }} 标签与协议无关，但是目前没有浏览器可以在无插件的情况下支持除了HTTP外的协议，尽管这种局面可能会有所转变，但除了HTTP以外的协议可能会被防火墙或代理服务器拦截。
+> **警告：** 虽然 {{ htmlelement("audio") }} 与 {{ htmlelement("video") }} 标签与协议无关，但是目前没有浏览器可以在无插件的情况下支持除了 HTTP 外的协议，尽管这种局面可能会有所转变，但除了 HTTP 以外的协议可能会被防火墙或代理服务器拦截。
 
 ## 使用流式协议
 
-如果你习惯于通过HTTP传输媒体，那么使用其它的协议也会让你感到熟悉。
+如果你习惯于通过 HTTP 传输媒体，那么使用其它的协议也会让你感到熟悉。
 
 举个例子：
 
@@ -67,29 +67,29 @@ RTSP 2.0 目前处于开发阶段，并且无法向后兼容RSTP 1.0。
 
 ## 媒体源扩展 (MSE)
 
-[Media Source Extensions](https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html) 是一个W3C的工作草案，计划用来扩展 {{ domxref("HTMLMediaElement") }} 使其支持使用JavaScript来生成用于播放的媒体流。使用JavaScript来生成流对于自适应流和时移实时流来说非常好用。
+[Media Source Extensions](https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html) 是一个 W3C 的工作草案，计划用来扩展 {{ domxref("HTMLMediaElement") }} 使其支持使用 JavaScript 来生成用于播放的媒体流。使用 JavaScript 来生成流对于自适应流和时移实时流来说非常好用。
 
-比如，[在卸载MSE解码器后，你可以通过JavaScript实现MPEG-DASH](https://web.archive.org/web/20170504035455/https://msopentech.com/blog/2014/01/03/streaming_video_player/).
+比如，[在卸载 MSE 解码器后，你可以通过 JavaScript 实现 MPEG-DASH](https://web.archive.org/web/20170504035455/https://msopentech.com/blog/2014/01/03/streaming_video_player/).
 
 > **备注：** 时移是在直播流发生后使用实时流的过程。
 
 ## 视频流文件格式
 
-一些基于HTTP的实时流视频格式开始得到跨浏览器支持。
+一些基于 HTTP 的实时流视频格式开始得到跨浏览器支持。
 
-> **备注：** 你可以通过 [设置自适应流媒体源](/zh-CN/docs/Web/Guide/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources) 找到在web中使用的HLS和MPEG-DASH的编码指南。
+> **备注：** 你可以通过 [设置自适应流媒体源](/zh-CN/docs/Web/Guide/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources) 找到在 web 中使用的 HLS 和 MPEG-DASH 的编码指南。
 
 ### MPEG-DASH
 
-DASH意即基于HTTP的动态自适应流，最近已经被Chrome、以及运行在Window 8.1的IE 11浏览器所支持。它依赖于媒体源扩展(MSE)，这些扩展被[DASH.js](https://github.com/Dash-Industry-Forum/dash.js/)之类的JavaScript库所使用。这种方式允许我们通过XHR下载视频流的数据块，并且将它“添加”到 {{ htmlelement("video") }}元素正在播放的流中。正因如此，如果我们检测到网络缓慢，我们可以从下一段开始请求低质量（较小）的数据块。这种技术也允许添加广告片段到流中。
+DASH 意即基于 HTTP 的动态自适应流，最近已经被 Chrome、以及运行在 Window 8.1 的 IE 11 浏览器所支持。它依赖于媒体源扩展 (MSE)，这些扩展被[DASH.js](https://github.com/Dash-Industry-Forum/dash.js/)之类的 JavaScript 库所使用。这种方式允许我们通过 XHR 下载视频流的数据块，并且将它“添加”到 {{ htmlelement("video") }}元素正在播放的流中。正因如此，如果我们检测到网络缓慢，我们可以从下一段开始请求低质量（较小）的数据块。这种技术也允许添加广告片段到流中。
 
-> **备注：** 你也可以 [将MPEG-DASH自适应流式系统与WebM一起使用](http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification).
+> **备注：** 你也可以 [将 MPEG-DASH 自适应流式系统与 WebM 一起使用](http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification).
 
 ### HLS
 
-HLS(HTTP Live Streaming)是由苹果公司研发的协议，支持在IOS、Safari及安卓上最新版本的浏览器/Chrome浏览器。HLS也是自适应的。
+HLS(HTTP Live Streaming) 是由苹果公司研发的协议，支持在 IOS、Safari 及安卓上最新版本的浏览器/Chrome 浏览器。HLS 也是自适应的。
 
-HLS也能被JavaScript解码，这意味着我们能在最新版本的Firefox，Chrome和IE10+浏览器上使用。看这个 [HTTP Live Streaming JavaScript player](https://github.com/dailymotion/hls.js).
+HLS 也能被 JavaScript 解码，这意味着我们能在最新版本的 Firefox，Chrome 和 IE10+ 浏览器上使用。看这个 [HTTP Live Streaming JavaScript player](https://github.com/dailymotion/hls.js).
 
 在流式会话的开始阶段， [extended M3U (m3u8) playlist](https://en.wikipedia.org/wiki/M3U8#Extended_M3U_directives) 已经下载完成。它包含了所提供的各个子流的元数据。
 
@@ -109,15 +109,15 @@ HLS也能被JavaScript解码，这意味着我们能在最新版本的Firefox，
 | Internet Explorer Mobile | ✓ 11  | ✓ [2] |              |
 | Android                  | ✓     |       |              |
 
-\[1] 使用JavaScript与MSE
+\[1] 使用 JavaScript 与 MSE
 
-\[2] 使用JavaScript与跨域代理
+\[2] 使用 JavaScript 与跨域代理
 
 ### 视频备选方案
 
-DASH与HLS可以在很大一部分主流浏览器上获得支持，但我们仍需要备选方案来支持其余的浏览器。
+DASH 与 HLS 可以在很大一部分主流浏览器上获得支持，但我们仍需要备选方案来支持其余的浏览器。
 
-一个流行的方案是通过Flash播放器来支持RTMP。当然，这就有个问题，我们需要编码三个不同的格式。
+一个流行的方案是通过 Flash 播放器来支持 RTMP。当然，这就有个问题，我们需要编码三个不同的格式。
 
 ## 音频流文件格式
 
@@ -125,11 +125,11 @@ DASH与HLS可以在很大一部分主流浏览器上获得支持，但我们仍
 
 ### Opus
 
-Opus 是一个无版权的开放格式，针对不同类型文件使用不同的比特率来优化音频质量。音乐或演讲会可以通过不同方式来优化，Opus就借助了SILK和CELT来实现。
+Opus 是一个无版权的开放格式，针对不同类型文件使用不同的比特率来优化音频质量。音乐或演讲会可以通过不同方式来优化，Opus 就借助了 SILK 和 CELT 来实现。
 
-目前，Opus被桌面端和移动端的Firefox以及桌面端的Chrome和Opera浏览器所支持。
+目前，Opus 被桌面端和移动端的 Firefox 以及桌面端的 Chrome 和 Opera 浏览器所支持。
 
-> **备注：** 对于浏览器端实现WebRTC功能来说，[Opus 是必须要用到的格式](https://datatracker.ietf.org/doc/html/draft-ietf-rtcweb-audio-05)。
+> **备注：** 对于浏览器端实现 WebRTC 功能来说，[Opus 是必须要用到的格式](https://datatracker.ietf.org/doc/html/draft-ietf-rtcweb-audio-05)。
 
 ### MP3, AAC, Ogg Vorbis
 
@@ -143,48 +143,48 @@ Opus 是一个无版权的开放格式，针对不同类型文件使用不同的
 
 ### GStreamer
 
-[GStreamer](https://gstreamer.freedesktop.org/)  是一个开源的跨平台的多媒体框架，它可以让你创建各种媒体处理组件，包括流式组件。GStreamer通过它的插件系统，支持了一百多种编码 (包括 MPEG-1, MPEG-2, MPEG-4, H.261, H.263, H.264, RealVideo, MP3, WMV, 和 FLV。)
+[GStreamer](https://gstreamer.freedesktop.org/)  是一个开源的跨平台的多媒体框架，它可以让你创建各种媒体处理组件，包括流式组件。GStreamer 通过它的插件系统，支持了一百多种编码 (包括 MPEG-1, MPEG-2, MPEG-4, H.261, H.263, H.264, RealVideo, MP3, WMV，和 FLV。)
 
-GStreamer 的插件如 [souphttpclientsink](https://gstreamer.freedesktop.org/data/doc/gstreamer/head/gst-plugins-good-plugins/html/gst-plugins-good-plugins-plugin-soup.html) 和 [shout2send](https://gstreamer.freedesktop.org/data/doc/gstreamer/head/gst-plugins-good/html/gst-plugins-good-plugins-shout2send.html) 通过HTTP来传输媒体。你也可以集成Python的Twisted框架或者使用一些类似 [Flumotion](http://www.flumotion.net/features/) (open source streaming software)的东西。
+GStreamer 的插件如 [souphttpclientsink](https://gstreamer.freedesktop.org/data/doc/gstreamer/head/gst-plugins-good-plugins/html/gst-plugins-good-plugins-plugin-soup.html) 和 [shout2send](https://gstreamer.freedesktop.org/data/doc/gstreamer/head/gst-plugins-good/html/gst-plugins-good-plugins-shout2send.html) 通过 HTTP 来传输媒体。你也可以集成 Python 的 Twisted 框架或者使用一些类似 [Flumotion](http://www.flumotion.net/features/) (open source streaming software) 的东西。
 
-至于传输RTMP，你可以使用 [Nginx RTMP Module](https://github.com/arut/nginx-rtmp-module)。
+至于传输 RTMP，你可以使用 [Nginx RTMP Module](https://github.com/arut/nginx-rtmp-module)。
 
 ### SHOUTcast
 
-[SHOUTcast](https://en.wikipedia.org/wiki/SHOUTcast) 是一种跨平台的，针对流式媒体的专有技术。它由Nullsoft开发，可以播放MP3或AAC格式的数字音频内容。对于Web端使用，SHOUTcast通过HTTP传输流。
+[SHOUTcast](https://en.wikipedia.org/wiki/SHOUTcast) 是一种跨平台的，针对流式媒体的专有技术。它由 Nullsoft 开发，可以播放 MP3 或 AAC 格式的数字音频内容。对于 Web 端使用，SHOUTcast 通过 HTTP 传输流。
 
-> **备注：** [SHOUTcast 的URL可能需要加上分号](https://stackoverflow.com/questions/2743279/how-could-i-play-a-shoutcast-icecast-stream-using-html5).
+> **备注：** [SHOUTcast 的 URL 可能需要加上分号](https://stackoverflow.com/questions/2743279/how-could-i-play-a-shoutcast-icecast-stream-using-html5).
 
 ### Icecast
 
-[Icecast](https://www.icecast.org/) 服务是一种针对流式媒体的开源技术。它由 [Xiph.org Foundation](https://www.xiph.org/) 进行维护，通过SHOUTcast协议来传输Ogg Vorbis/Theora以及MP3和AAC格式。
+[Icecast](https://www.icecast.org/) 服务是一种针对流式媒体的开源技术。它由 [Xiph.org Foundation](https://www.xiph.org/) 进行维护，通过 SHOUTcast 协议来传输 Ogg Vorbis/Theora 以及 MP3 和 AAC 格式。
 
 > **备注：** SHOUTcast 和 Icecast 是最流行的已确立的技术之一，但也有 [更多流媒体系统可用](https://en.wikipedia.org/wiki/List_of_streaming_media_systems#Servers).
 
 ### 流式服务
 
-虽然你可以安装类似GStreamer，SHOUTcast和lcecast的软件，但也可以从 [第三方流式服务](https://en.wikipedia.org/wiki/Comparison_of_streaming_media_systems) 中找到大量的服务帮助你完成工作。
+虽然你可以安装类似 GStreamer，SHOUTcast 和 lcecast 的软件，但也可以从 [第三方流式服务](https://en.wikipedia.org/wiki/Comparison_of_streaming_media_systems) 中找到大量的服务帮助你完成工作。
 
 ## 参见
 
 - [HTTP 实时流式传输](https://en.wikipedia.org/wiki/HTTP_Live_Streaming)
 - [HLS 浏览器支持](https://www.jwplayer.com/html5/hls/)
-- [基于HTTP Live Streaming的JavaScript播放器](https://github.com/RReverser/mpegts)
-- [HTTP Live Streaming的基础知识](https://larryjordan.com/articles/basics-of-http-live-streaming/)
-- [用于HTML 5视频的DASH自适应流](/en-US/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video)
-- [HTTP上的动态自适应流式传输 (MPEG-DASH)](https://en.wikipedia.org/wiki/Dynamic_Adaptive_Streaming_over_HTTP)
-- [MPEG-DASH媒体源演示](https://dash-mse-test.appspot.com/media.html)
+- [基于 HTTP Live Streaming 的 JavaScript 播放器](https://github.com/RReverser/mpegts)
+- [HTTP Live Streaming 的基础知识](https://larryjordan.com/articles/basics-of-http-live-streaming/)
+- [用于 HTML 5 视频的 DASH 自适应流](/en-US/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video)
+- [HTTP 上的动态自适应流式传输 (MPEG-DASH)](https://en.wikipedia.org/wiki/Dynamic_Adaptive_Streaming_over_HTTP)
+- [MPEG-DASH 媒体源演示](https://dash-mse-test.appspot.com/media.html)
 - [DASH 参考客户端](https://dashif.org/reference/players/javascript/1.0.0/index.html)
-- [HTTP上的动态流式传输](https://en.wikipedia.org/wiki/Dynamic_Adaptive_Streaming_over_HTTP)
-- [MPEG-DASH的部署状态](https://www.streamingmediaglobal.com/Articles/Editorial/Featured-Articles/The-State-of-MPEG-DASH-Deployment-96144.aspx)
-- [看，无需插件：使用媒体源扩展和MPEG-DASH实时流式传输到浏览器](https://www.bbc.co.uk/rd/blog/2014/03/media-source-extensions)
-- [媒体源扩展(W3C)](https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html)
+- [HTTP 上的动态流式传输](https://en.wikipedia.org/wiki/Dynamic_Adaptive_Streaming_over_HTTP)
+- [MPEG-DASH 的部署状态](https://www.streamingmediaglobal.com/Articles/Editorial/Featured-Articles/The-State-of-MPEG-DASH-Deployment-96144.aspx)
+- [看，无需插件：使用媒体源扩展和 MPEG-DASH 实时流式传输到浏览器](https://www.bbc.co.uk/rd/blog/2014/03/media-source-extensions)
+- [媒体源扩展 (W3C)](https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html)
 - [Icecast](https://en.wikipedia.org/wiki/Icecast)
 - [SHOUTcast](https://en.wikipedia.org/wiki/Shoutcast)
 - [GStreamer](https://en.wikipedia.org/wiki/GStreamer)
-- [通过HTTP流式传输GStreamer管道](https://coaxion.net/blog/2013/10/streaming-gstreamer-pipelines-via-http/)
-- [在web上使用GStreamer传输媒体](http://www.svesoftware.com/passkeeper/cms/article/streaming-media-using-gstreamer-web/)
-- [GStreamer和树莓派](https://nginx-rtmp.blogspot.it/2013/07/gstreamer-and-raspberry-pi.html)
-- [接受媒体源扩展(MSE)作为W3C候选推荐将加速dash.js的使用](http://msopentech.com/blog/2014/01/09/acceptance-media-source-extensions-w3c-candidate-recommendation-will-accelerate-adoption-dash-js/)
+- [通过 HTTP 流式传输 GStreamer 管道](https://coaxion.net/blog/2013/10/streaming-gstreamer-pipelines-via-http/)
+- [在 web 上使用 GStreamer 传输媒体](http://www.svesoftware.com/passkeeper/cms/article/streaming-media-using-gstreamer-web/)
+- [GStreamer 和树莓派](https://nginx-rtmp.blogspot.it/2013/07/gstreamer-and-raspberry-pi.html)
+- [接受媒体源扩展 (MSE) 作为 W3C 候选推荐将加速 dash.js 的使用](http://msopentech.com/blog/2014/01/09/acceptance-media-source-extensions-w3c-candidate-recommendation-will-accelerate-adoption-dash-js/)
 - [流媒体系统对比](https://en.wikipedia.org/wiki/Comparison_of_streaming_media_systems)
-- [Mozilla Hacks - 使用媒体源扩展(MSE)传输媒体](https://hacks.mozilla.org/2015/07/streaming-media-on-demand-with-media-source-extensions/)
+- [Mozilla Hacks - 使用媒体源扩展 (MSE) 传输媒体](https://hacks.mozilla.org/2015/07/streaming-media-on-demand-with-media-source-extensions/)
diff --git a/files/zh-cn/web/guide/audio_and_video_delivery/webaudio_playbackrate_explained/index.html b/files/zh-cn/web/guide/audio_and_video_delivery/webaudio_playbackrate_explained/index.html
index cdba324001ce2a..c1f0f8338a9677 100644
--- a/files/zh-cn/web/guide/audio_and_video_delivery/webaudio_playbackrate_explained/index.html
+++ b/files/zh-cn/web/guide/audio_and_video_delivery/webaudio_playbackrate_explained/index.html
@@ -4,7 +4,7 @@
 translation_of: Web/Guide/Audio_and_video_delivery/WebAudio_playbackRate_explained
 ---
 <div class="summary">
-<p>html元素“audio”和“video”的<code>playbackRate</code> 属性允许我们改变一段正在播放的网页音频或者视频的速度，或速率。本文详细解释了 <code>playbackRate</code> 。</p>
+<p>html 元素“audio”和“video”的<code>playbackRate</code> 属性允许我们改变一段正在播放的网页音频或者视频的速度，或速率。本文详细解释了 <code>playbackRate</code> 。</p>
 </div>
 
 <h2 id="playbackRate_基础">playbackRate 基础</h2>
@@ -15,11 +15,11 @@ <h2 id="playbackRate_基础">playbackRate 基础</h2>
 myAudio.setAttribute('src','audiofile.mp3');
 myAudio.playbackRate = 0.5;</pre>
 
-<p>在此我们创建了一个html元素“audio”，以我们选择的一个文件设置它的 <code>src</code> 。然后我们把 <code>playbackRate</code> 设为 0.5，这代表一半的正常播放速度（ <code>playbackRate</code> 是对原始速率的一个乘数）。</p>
+<p>在此我们创建了一个 html 元素“audio”，以我们选择的一个文件设置它的 <code>src</code> 。然后我们把 <code>playbackRate</code> 设为 0.5，这代表一半的正常播放速度（ <code>playbackRate</code> 是对原始速率的一个乘数）。</p>
 
 <h2 id="一个完整示例">一个完整示例</h2>
 
-<p>让我们首先创建一个html元素“video”，在HTML中设置视频和播放速率控制：</p>
+<p>让我们首先创建一个 html 元素“video”，在 HTML 中设置视频和播放速率控制：</p>
 
 <pre class="brush: html">&lt;video id="myVideo" controls&gt;
   &lt;source src="http://jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v" type='video/mp4' /&gt;
@@ -31,7 +31,7 @@ <h2 id="一个完整示例">一个完整示例</h2>
   &lt;p&gt;Playback Rate &lt;span id="currentPbr"&gt;1&lt;/span&gt;&lt;/p&gt;
 &lt;/form&gt;</pre>
 
-<p>对它运用一些JavaScript代码：</p>
+<p>对它运用一些 JavaScript 代码：</p>
 
 <pre class="brush: js">window.onload = function () {
 
@@ -46,15 +46,15 @@ <h2 id="一个完整示例">一个完整示例</h2>
 
 };</pre>
 
-<p>最后，我们监听指向html元素“input”的 <code>input</code> 事件，这允许我们对被改变的播放速率控制产生影响 。</p>
+<p>最后，我们监听指向 html 元素“input”的 <code>input</code> 事件，这允许我们对被改变的播放速率控制产生影响 。</p>
 
 <div class="note">
-<p><strong>注意</strong>: <a href="http://jsbin.com/UGIxoJis/1/edit">在线试用示例</a>, 尝试调整播放速率控制看看效果.</p>
+<p><strong>注意</strong>: <a href="http://jsbin.com/UGIxoJis/1/edit">在线试用示例</a>, 尝试调整播放速率控制看看效果。</p>
 </div>
 
 <h2 id="defaultPlaybackRate_和_ratechange">defaultPlaybackRate 和 ratechange</h2>
 
-<p>除了 <code>playbackRate,</code> 我们也有一个可用的 <code>defaultPlaybackRate</code> 属性, 这让我们能设置默认的播放速率：对媒体文件重设置的播放速率；例如，如果我们改变视频的来源，或（在一些浏览器中）当产生一个<code>ended</code>事件。<br>
+<p>除了 <code>playbackRate,</code> 我们也有一个可用的 <code>defaultPlaybackRate</code> 属性，这让我们能设置默认的播放速率：对媒体文件重设置的播放速率；例如，如果我们改变视频的来源，或（在一些浏览器中）当产生一个<code>ended</code>事件。<br>
  <br>
  所以 <code>defaultPlaybackRate</code> 允许我们在播放媒体文件之前设置播放速率，而<code>playbackRate</code> 只允许我们在媒体播放阶段改变它。<br>
  <br>
@@ -78,11 +78,11 @@ <h2 id="浏览器支持">浏览器支持</h2>
 <h3 id="注意">注意</h3>
 
 <ul>
- <li>大多数浏览器对0.5至4之外的<code>playbackRate</code>值会停止播放音频，而视频会静音播放。对大多数应用，推荐限制值的范围在0.5至4之间。</li>
+ <li>大多数浏览器对 0.5 至 4 之外的<code>playbackRate</code>值会停止播放音频，而视频会静音播放。对大多数应用，推荐限制值的范围在 0.5 至 4 之间。</li>
  <li>当  <code>playBackRate</code> 改变的时候音频的进度条不会变化。  </li>
  <li>负数不会引起媒体文件反向播放。</li>
- <li>当<code>ended</code>事件触发时IE9+会转换到默认播放速率。</li>
- <li>当媒体源文件被替换时，Firefox会触发  <code>ratechange</code> 事件。</li>
+ <li>当<code>ended</code>事件触发时 IE9+ 会转换到默认播放速率。</li>
+ <li>当媒体源文件被替换时，Firefox 会触发  <code>ratechange</code> 事件。</li>
  <li>在 iOS 7 中你只能在媒体暂停的时候影响<code>playbackRate</code>值（不是它播放的时候）。</li>
 </ul>
 
diff --git a/files/zh-cn/web/guide/css/block_formatting_context/index.md b/files/zh-cn/web/guide/css/block_formatting_context/index.md
index 6b3ff6695cc09d..da05f753f701d2 100644
--- a/files/zh-cn/web/guide/css/block_formatting_context/index.md
+++ b/files/zh-cn/web/guide/css/block_formatting_context/index.md
@@ -18,24 +18,24 @@ translation_of: Web/Guide/CSS/Block_formatting_context
 - 浮动元素（{{ cssxref("float") }} 值不为 `none`）
 - 绝对定位元素（{{ cssxref("position") }} 值为 `absolute` 或 `fixed`）
 - 行内块元素（{{ cssxref("display") }} 值为 `inline-block`）
-- 表格单元格（{{ cssxref("display") }} 值为 `table-cell`，HTML表格单元格默认值）
-- 表格标题（{{ cssxref("display") }} 值为 `table-caption`，HTML表格标题默认值）
+- 表格单元格（{{ cssxref("display") }} 值为 `table-cell`，HTML 表格单元格默认值）
+- 表格标题（{{ cssxref("display") }} 值为 `table-caption`，HTML 表格标题默认值）
 - 匿名表格单元格元素（{{ cssxref("display") }} 值为 `table`、`table-row`、 `table-row-group`、`table-header-group`、`table-footer-group`（分别是 HTML table、tr、tbody、thead、tfoot 的默认值）或 `inline-table`）
 - {{ cssxref("overflow") }} 值不为 `visible`、`clip` 的块元素
 - {{ cssxref("display") }} 值为 `flow-root` 的元素
 - {{ cssxref("contain") }} 值为 `layout`、`content` 或 `paint` 的元素
-- 弹性元素（{{ cssxref("display") }} 值为 `flex` 或 `inline-flex` 元素的直接子元素），如果它们本身既不是[flex](/zh-CN/docs/Glossary/Flex_Container)、[grid](/zh-CN/docs/Glossary/Grid_Container)也不是[table](/zh-CN/docs/Web/CSS/CSS_Table)容器
-- 网格元素（{{ cssxref("display") }} 值为 `grid` 或 `inline-grid` 元素的直接子元素），如果它们本身既不是[flex](/zh-CN/docs/Glossary/Flex_Container)、[grid](/zh-CN/docs/Glossary/Grid_Container)也不是[table](/zh-CN/docs/Web/CSS/CSS_Table)容器
+- 弹性元素（{{ cssxref("display") }} 值为 `flex` 或 `inline-flex` 元素的直接子元素），如果它们本身既不是 [flex](/zh-CN/docs/Glossary/Flex_Container)、[grid](/zh-CN/docs/Glossary/Grid_Container) 也不是 [table](/zh-CN/docs/Web/CSS/CSS_Table) 容器
+- 网格元素（{{ cssxref("display") }} 值为 `grid` 或 `inline-grid` 元素的直接子元素），如果它们本身既不是 [flex](/zh-CN/docs/Glossary/Flex_Container)、[grid](/zh-CN/docs/Glossary/Grid_Container) 也不是 [table](/zh-CN/docs/Web/CSS/CSS_Table) 容器
 - 多列容器（{{ cssxref("column-count") }} 或 {{ cssxref("column-width") }} 值不为 `auto`，包括`column-count` 为 `1`）
-- `column-span` 值为 `all` 的元素始终会创建一个新的 BFC，即使该元素没有包裹在一个多列容器中([规范变更](https://github.com/w3c/csswg-drafts/commit/a8634b96900279916bd6c505fda88dda71d8ec51), [Chrome bug](https://bugs.chromium.org/p/chromium/issues/detail?id=709362))
+- `column-span` 值为 `all` 的元素始终会创建一个新的 BFC，即使该元素没有包裹在一个多列容器中 ([规范变更](https://github.com/w3c/csswg-drafts/commit/a8634b96900279916bd6c505fda88dda71d8ec51), [Chrome bug](https://bugs.chromium.org/p/chromium/issues/detail?id=709362))
 
 格式化上下文影响布局，通常，我们会为定位和清除浮动创建新的 BFC，而不是更改布局，因为它将：
 
 - 包含内部浮动
 - 排除外部浮动
-- 阻止[外边距重叠](/zh-CN/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)
+- 阻止 [外边距重叠](/zh-CN/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)
 
-> **备注：** flex/grid容器（{{ cssxref("display") }}：flex/grid/inline-flex/inline-grid）建立新的flex/grid格式上下文，除布局之外，它与块格式上下文类似。flex/grid容器中没有可用的浮动子级，但排除外部浮动和阻止外边距重叠仍然有效。
+> **备注：** flex/grid 容器（{{ cssxref("display") }}：flex/grid/inline-flex/inline-grid）建立新的 flex/grid 格式上下文，除布局之外，它与块格式上下文类似。flex/grid 容器中没有可用的浮动子级，但排除外部浮动和阻止外边距重叠仍然有效。
 
 ## 示例
 
diff --git a/files/zh-cn/web/guide/houdini/index.html b/files/zh-cn/web/guide/houdini/index.html
index d71bc4cb9b33f0..34bc7e9e5c789c 100644
--- a/files/zh-cn/web/guide/houdini/index.html
+++ b/files/zh-cn/web/guide/houdini/index.html
@@ -9,11 +9,11 @@
 translation_of: Web/Houdini
 original_slug: Web/Houdini
 ---
-<p>Houdini是一组底层API，它们公开了CSS引擎的各个部分，从而使开发人员能够通过加入浏览器渲染引擎的样式和布局过程来扩展CSS。 Houdini是一组API，它们使开发人员可以直接访问<a href="/en-US/docs/Web/API/CSS_Object_Model">CSS 对象模型</a> （CSSOM），使开发人员可以编写浏览器可以解析为CSS的代码，从而创建新的CSS功能，而无需等待它们在浏览器中本地实现。</p>
+<p>Houdini 是一组底层 API，它们公开了 CSS 引擎的各个部分，从而使开发人员能够通过加入浏览器渲染引擎的样式和布局过程来扩展 CSS。 Houdini 是一组 API，它们使开发人员可以直接访问<a href="/en-US/docs/Web/API/CSS_Object_Model">CSS 对象模型</a> （CSSOM），使开发人员可以编写浏览器可以解析为 CSS 的代码，从而创建新的 CSS 功能，而无需等待它们在浏览器中本地实现。</p>
 
 <h2 id="Houdini_的优点">Houdini 的优点</h2>
 
-<p>当样式改变时Houdini相比JavaScript<a href="/zh-CN/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="/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>
 
@@ -40,7 +40,7 @@ <h2 id="Houdini_的优点">Houdini 的优点</h2>
 
 <h2 class="Documentation" id="Houdini_APIs">Houdini APIs</h2>
 
-<p>在下面，你能够找到一些链接。这些链接指向 Houdini 范围下的 API 的主列表页面，同时链接到一些指导页来帮助你，如果你需要指导如何去使用这些API。</p>
+<p>在下面，你能够找到一些链接。这些链接指向 Houdini 范围下的 API 的主列表页面，同时链接到一些指导页来帮助你，如果你需要指导如何去使用这些 API。</p>
 
 <div class="hidden">
 <p>你可以通过读下面这篇文章开始你的学习： <a href="https://developer.mozilla.org/en-US/docs/Web/Houdini/learn">Houdini, an introduction</a> — 这篇文章包含了关于 Houdini 的简单历史，以及关于 Houdini 的许多特性的概览。</p>
diff --git a/files/zh-cn/web/guide/html/constraint_validation/index.html b/files/zh-cn/web/guide/html/constraint_validation/index.html
index 24efc6e44393c1..1488d49aa1e7e3 100644
--- a/files/zh-cn/web/guide/html/constraint_validation/index.html
+++ b/files/zh-cn/web/guide/html/constraint_validation/index.html
@@ -9,13 +9,13 @@
   - NeedsContent
   - Selectors
 ---
-<p>创建web表单始终是一个复杂的任务. 仅仅组装表单是容易的，但是检查每一个字段的值是否有效并且一致是一件更加困难的事情，而向用户指明错误可能会令人头痛。<a href="/en-US/docs/Web/Guide/HTML/HTML5" title="en/HTML/HTML5">HTML5</a> 引入了表单相关的一些新的机制：为{{ HTMLElement("input") }}元素和强制校验增加了一些新的语义类型，使得在客户端检查表单内容的工作变得容易。基本上，在填写字段时，通常这些约束都会被检查，而不需要额外的JavaScript代码进行校验； 对于更复杂的约束条件的校验可以尝试使用 HTML5 <a href="/en-US/docs/Web/Guide/HTML/Forms_in_HTML#Constraint_Validation_API" title="en/HTML/HTML5/Forms in HTML5#Constraint Validation API">Constraint Validation API</a>.</p>
+<p>创建 web 表单始终是一个复杂的任务。仅仅组装表单是容易的，但是检查每一个字段的值是否有效并且一致是一件更加困难的事情，而向用户指明错误可能会令人头痛。<a href="/en-US/docs/Web/Guide/HTML/HTML5" title="en/HTML/HTML5">HTML5</a> 引入了表单相关的一些新的机制：为{{ HTMLElement("input") }}元素和强制校验增加了一些新的语义类型，使得在客户端检查表单内容的工作变得容易。基本上，在填写字段时，通常这些约束都会被检查，而不需要额外的 JavaScript 代码进行校验； 对于更复杂的约束条件的校验可以尝试使用 HTML5 <a href="/en-US/docs/Web/Guide/HTML/Forms_in_HTML#Constraint_Validation_API" title="en/HTML/HTML5/Forms in HTML5#Constraint Validation API">Constraint Validation API</a>.</p>
 
 <div class="note"><strong>Note:</strong> HTML5 Constraint validation doesn't remove the need for validation on the <em>server side</em>. Even though far fewer invalid form requests are to be expected, invalid ones can still be sent by non-compliant browsers (for instance, browsers without HTML5 and without JavaScript) or by bad guys trying to trick your web application. Therefore, like with HTML4, you need to also validate input constraints on the server side, in a way that is consistent with what is done on the client side.</div>
 
 <h2 id="固有和基本的约束">固有和基本的约束</h2>
 
-<p>在 HTML5中，声明基本的约束有两种方式：</p>
+<p>在 HTML5 中，声明基本的约束有两种方式：</p>
 
 <ul>
  <li>给 {{ HTMLElement("input") }} 元素的  {{ htmlattrxref("type", "input") }} 特性选择最合适的语义化的值，比如，选择 email 类型将会自动创建一个约束用于检查输入的值是否是一个有效的 e-mail 地址。</li>
@@ -37,7 +37,7 @@ <h3 id="语义的_input_类型">语义的 input 类型</h3>
  <tbody>
   <tr>
    <td>&lt;input type="URL"&gt;</td>
-   <td>值必须是绝对的URL, 即，是下面的某一种:
+   <td>值必须是绝对的 URL，即，是下面的某一种：
     <ul>
      <li>a valid URI (as defined in <a class="external" href="http://www.ietf.org/rfc/rfc3986.txt">RFC 3986</a>)</li>
      <li>a valid IRI, without a query component (as defined in <a class="external" href="http://www.ietf.org/rfc/rfc3987.txt">RFC 3987</a>)</li>
diff --git a/files/zh-cn/web/guide/html/content_categories/index.html b/files/zh-cn/web/guide/html/content_categories/index.html
index 0a4ee91bf8b229..d740864c364afb 100644
--- a/files/zh-cn/web/guide/html/content_categories/index.html
+++ b/files/zh-cn/web/guide/html/content_categories/index.html
@@ -7,7 +7,7 @@
   - 高级
 translation_of: Web/Guide/HTML/Content_categories
 ---
-<p>每一个HTML元素都必须遵循定义了它可以包含哪一类内容的规则。 这些规则被归类为几个常见的元素内容模型（content model）。每个HTML元素都属于0个、1 个或多个内容模型，每个模型都有一些规则使得元素中的内容必须遵循一个HTML规范文档( HTML-conformant document)。</p>
+<p>每一个 HTML 元素都必须遵循定义了它可以包含哪一类内容的规则。 这些规则被归类为几个常见的元素内容模型（content model）。每个 HTML 元素都属于 0 个、1 个或多个内容模型，每个模型都有一些规则使得元素中的内容必须遵循一个 HTML 规范文档 ( HTML-conformant document)。</p>
 
 <p>以下是三种类型的内容分类：</p>
 
@@ -62,11 +62,11 @@ <h3 id="标题元素（Heading_content）">标题元素（Heading content）</h3
 
 <h3 id="短语元素（Phrasing_content）">短语元素（Phrasing content）</h3>
 
-<p>短语元素（Phrasing content） 规定文本和它包含的标记。 一些Phrasing content就构成了段落.</p>
+<p>短语元素（Phrasing content）规定文本和它包含的标记。 一些 Phrasing content 就构成了段落。</p>
 
 <p>属于此类的元素有： {{HTMLElement("abbr")}}, {{HTMLElement("audio")}}, {{HTMLElement("b")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("button")}}, {{HTMLElement("canvas")}}, {{HTMLElement("cite")}}, {{HTMLElement("code")}}, {{ Obsolete_inline() }}{{HTMLElement("command")}}, {{HTMLElement("datalist")}}, {{HTMLElement("dfn")}}, {{HTMLElement("em")}}, {{HTMLElement("embed")}}, {{HTMLElement("i")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{HTMLElement("input")}}, {{HTMLElement("kbd")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("mark")}}, {{MathMLElement("math")}}, {{HTMLElement("meter")}}, {{HTMLElement("noscript")}}, {{HTMLElement("object")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("q")}}, {{HTMLElement("ruby")}}, {{HTMLElement("samp")}}, {{HTMLElement("script")}}, {{HTMLElement("select")}}, {{HTMLElement("small")}}, {{HTMLElement("span")}}, {{HTMLElement("strong")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{SVGElement("svg")}}, {{HTMLElement("textarea")}}, {{HTMLElement("time")}}, {{HTMLElement("var")}}, {{HTMLElement("video")}}, {{HTMLElement("wbr")}} 和 plain text (仅当所包含的内容不完全为空字符的时候).</p>
 
-<p>一些其他的元素也属于这个分类，但是只有当如下特殊情况时才会实现:</p>
+<p>一些其他的元素也属于这个分类，但是只有当如下特殊情况时才会实现：</p>
 
 <ul>
  <li>{{HTMLElement("a")}}, 当它仅包含 phrasing content 时</li>
@@ -80,7 +80,7 @@ <h3 id="短语元素（Phrasing_content）">短语元素（Phrasing content）</
 
 <h3 id="嵌入元素（Embedded_content）">嵌入元素（Embedded content）</h3>
 
-<p>Embedded content输入另一个资源或者将来自另一种标记语言或命名空间的内容插入到文档中。</p>
+<p>Embedded content 输入另一个资源或者将来自另一种标记语言或命名空间的内容插入到文档中。</p>
 
 <p>属于此类的元素有：{{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("embed")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{MathMLElement("math")}}, {{HTMLElement("object")}}, {{SVGElement("svg")}}, {{HTMLElement("video")}}.</p>
 
@@ -90,7 +90,7 @@ <h3 id="交互元素（Interactive_content）"><a name="interactive_content">交
 
 <p>属于此类的元素有：{{HTMLElement("a")}}，{{HTMLElement("button")}}，{{HTMLElement("details")}}，{{HTMLElement("embed")}}，{{HTMLElement("iframe")}}， {{deprecated_inline()}}{{HTMLElement("keygen")}}，{{HTMLElement("label")}}，{{HTMLElement("select")}} 和 {{HTMLElement("textarea")}}。</p>
 
-<p>仅在特殊情形下才会属于此类的元素有:</p>
+<p>仅在特殊情形下才会属于此类的元素有：</p>
 
 <ul>
  <li>{{HTMLElement("audio")}}, 若{{htmlattrxref("controls", "audio")}}属性存在</li>
@@ -103,7 +103,7 @@ <h3 id="交互元素（Interactive_content）"><a name="interactive_content">交
 
 <h3 id="表单相关内容（Form-associated_content）">表单相关内容（Form-associated content）</h3>
 
-<p>表单相关的内容 包含 拥有表单父节点（exposed by a <strong>form</strong> attribute）的元素，一个表单父节点可以是{{HTMLElement("form")}}元素，也可以是其id在表单属性中被指定了的元素。（Form-associated content comprises elements that have a form owner, exposed by a <strong>form</strong> attribute. A form owner is either the containing {{HTMLElement("form")}} element or the element whose id is specified in the <strong>form</strong> attribute.）</p>
+<p>表单相关的内容 包含 拥有表单父节点（exposed by a <strong>form</strong> attribute）的元素，一个表单父节点可以是{{HTMLElement("form")}}元素，也可以是其 id 在表单属性中被指定了的元素。（Form-associated content comprises elements that have a form owner, exposed by a <strong>form</strong> attribute. A form owner is either the containing {{HTMLElement("form")}} element or the element whose id is specified in the <strong>form</strong> attribute.）</p>
 
 <ul>
  <li>{{HTMLElement("button")}}</li>
@@ -123,7 +123,7 @@ <h3 id="表单相关内容（Form-associated_content）">表单相关内容（Fo
 
 <dl>
  <dt><a name="Form_listed">可列举的元素（listed）</a></dt>
- <dd>在 <a href="/en-US/docs/DOM/form.elements" title="DOM/form.elements">form.elements</a> 和 fieldset.elements IDL collections中列举出的元素. 包括 {{HTMLElement("button")}}，{{HTMLElement("fieldset")}}，{{HTMLElement("input")}}， {{deprecated_inline()}}{{HTMLElement("keygen")}}，{{HTMLElement("object")}}，{{HTMLElement("output")}}，{{HTMLElement("select")}} 和 {{HTMLElement("textarea")}}。</dd>
+ <dd>在 <a href="/en-US/docs/DOM/form.elements" title="DOM/form.elements">form.elements</a> 和 fieldset.elements IDL collections 中列举出的元素。包括 {{HTMLElement("button")}}，{{HTMLElement("fieldset")}}，{{HTMLElement("input")}}， {{deprecated_inline()}}{{HTMLElement("keygen")}}，{{HTMLElement("object")}}，{{HTMLElement("output")}}，{{HTMLElement("select")}} 和 {{HTMLElement("textarea")}}。</dd>
  <dt><a name="Form_labelable">可标签的元素（labelable）</a></dt>
  <dd>和 {{HTMLElement("label")}} 相关联的元素。包括 {{HTMLElement("button")}}，{{HTMLElement("input")}}， {{deprecated_inline()}}{{HTMLElement("keygen")}}，{{HTMLElement("meter")}}，{{HTMLElement("output")}}，{{HTMLElement("progress")}}，{{HTMLElement("select")}} 和 {{HTMLElement("textarea")}}。</dd>
  <dt><a name="Form_submittable">可提交的元素（submittable）</a></dt>
@@ -139,13 +139,13 @@ <h3 id="支持脚本元素">支持脚本元素</h3>
 
  <p>支持脚本的元素不会直接渲染输出在页面文档中。当然，他们被用来存放脚本代码，脚本代码所要用到的数据。</p>
 
- <p>这些支持脚本的元素有:</p>
+ <p>这些支持脚本的元素有：</p>
  {{HTMLElement("script")}} {{HTMLElement("template")}}</dt>
 </dl>
 
 <h2 id="透明内容模型（Transparent_content_model）">透明内容模型（Transparent content model）</h2>
 
-<p>如果一个元素拥有 transparent content mode， 即使将透明内容更换为子元素，其内容必须由合法的HTML5元素组成。</p>
+<p>如果一个元素拥有 transparent content mode， 即使将透明内容更换为子元素，其内容必须由合法的 HTML5 元素组成。</p>
 
 <p>例如，{{HTMLElement("del")}} 和 {{HTMLELement("ins")}} 是透明的：</p>
 
diff --git a/files/zh-cn/web/guide/html/editable_content/index.html b/files/zh-cn/web/guide/html/editable_content/index.html
index f08e08516df434..055027d0bbb9e2 100644
--- a/files/zh-cn/web/guide/html/editable_content/index.html
+++ b/files/zh-cn/web/guide/html/editable_content/index.html
@@ -4,13 +4,13 @@
 translation_of: Web/Guide/HTML/Editable_content
 original_slug: Web/Guide/HTML/Content_Editable
 ---
-<p>在HTML中，任何元素都可以被编辑。通过使用一些JavaScript事件处理程序，您可以将您的网页转换为完整且快速的富文本编辑器。本文提供了有关此功能的一些信息。 </p>
+<p>在 HTML 中，任何元素都可以被编辑。通过使用一些 JavaScript 事件处理程序，您可以将您的网页转换为完整且快速的富文本编辑器。本文提供了有关此功能的一些信息。 </p>
 
 <h2 id="它是如何工作的？">它是如何工作的？</h2>
 
-<p>为了使元素可编辑，你所要做的就是在html标签上设置<em>"contenteditable"</em>属性，它几乎支持所有的HTML元素。</p>
+<p>为了使元素可编辑，你所要做的就是在 html 标签上设置<em>"contenteditable"</em>属性，它几乎支持所有的 HTML 元素。</p>
 
-<p>下面是一个简单的示例，创建一个<em>"contenteditable"</em>属性为<em>"true"</em>的div元素，用户就可以编辑其内容了。</p>
+<p>下面是一个简单的示例，创建一个<em>"contenteditable"</em>属性为<em>"true"</em>的 div 元素，用户就可以编辑其内容了。</p>
 
 <pre class="brush: html notranslate">&lt;div contenteditable="true"&gt;
   This text can be edited by the user.
@@ -22,29 +22,29 @@ <h2 id="它是如何工作的？">它是如何工作的？</h2>
 
 <h2 id="执行命令设置可编辑区域">执行命令设置可编辑区域</h2>
 
-<p>当一个HTML元素的<code>contenteditable</code>属性被设置为<code>true</code>时，{{ domxref("document.execCommand()") }} 方法便可使用。通过该方法，你可以运行相关<a href="/en-US/docs/Web/API/document.execCommand#Commands">commands</a> 来操作可编辑区域的内容。其中大多数命令都会影响文档的选择，例如，给文本提供一个样式(加粗，倾斜等)、插入新元素(如增加一个链接)、影响一整行文本(如缩进排版)。当使用<code>contentEditable</code>后，调用<code>execCommand()</code>方法将影响当前处于活动状态的可编辑元素</p>
+<p>当一个 HTML 元素的<code>contenteditable</code>属性被设置为<code>true</code>时，{{ domxref("document.execCommand()") }} 方法便可使用。通过该方法，你可以运行相关<a href="/en-US/docs/Web/API/document.execCommand#Commands">commands</a> 来操作可编辑区域的内容。其中大多数命令都会影响文档的选择，例如，给文本提供一个样式 (加粗，倾斜等)、插入新元素 (如增加一个链接)、影响一整行文本 (如缩进排版)。当使用<code>contentEditable</code>后，调用<code>execCommand()</code>方法将影响当前处于活动状态的可编辑元素</p>
 
 <h2 id="在标记生成上的不同点">在标记生成上的不同点</h2>
 
-<p>因为各个浏览器在标记生成上的不同，因此跨浏览器使用 <code>contenteditable</code> 一直以来都是痛点，例如一些看起来十分简单的事情，如： 当你按下Enter/Return键在可编辑区域中创建一个新的文本行时，不同主流浏览器对此有不同处理(Firefox 插入{{htmlelement("br")}}、IE/Opera将使用{{htmlelement("p")}}、 Chrome/Safari 将使用 {{htmlelement("div")}}）</p>
+<p>因为各个浏览器在标记生成上的不同，因此跨浏览器使用 <code>contenteditable</code> 一直以来都是痛点，例如一些看起来十分简单的事情，如： 当你按下 Enter/Return 键在可编辑区域中创建一个新的文本行时，不同主流浏览器对此有不同处理 (Firefox 插入{{htmlelement("br")}}、IE/Opera 将使用{{htmlelement("p")}}、 Chrome/Safari 将使用 {{htmlelement("div")}}）</p>
 
-<p>幸运的是在现代浏览器中，这些不同都趋于一致了。截止到<a href="/en-US/docs/Mozilla/Firefox/Releases/60">Firefox 60</a>，火狐开始使用{{htmlelement("div")}}元素来包裹新生成的文本行，以与Chrome, modern Opera, Edge, and Safari.的行为趋于一致</p>
+<p>幸运的是在现代浏览器中，这些不同都趋于一致了。截止到<a href="/en-US/docs/Mozilla/Firefox/Releases/60">Firefox 60</a>，火狐开始使用{{htmlelement("div")}}元素来包裹新生成的文本行，以与 Chrome, modern Opera, Edge, and Safari.的行为趋于一致</p>
 
 <div class="note">
-<p><strong>注意</strong>: Internet Explorer使用 {{htmlelement("p")}} 元素而不是 <code>&lt;div&gt;</code>.</p>
+<p><strong>注意</strong>: Internet Explorer 使用 {{htmlelement("p")}} 元素而不是 <code>&lt;div&gt;</code>.</p>
 </div>
 
-<p>如果你想使用不同的方式创建新的段落,上面所有浏览器都支持{{domxref("document.execCommand")}}方法，该方法提供的 <code>defaultParagraphSeparator</code> 命令能够让你以不同的方式创建新的段落例如, 使用 {{htmlelement("p")}} 元素:</p>
+<p>如果你想使用不同的方式创建新的段落，上面所有浏览器都支持{{domxref("document.execCommand")}}方法，该方法提供的 <code>defaultParagraphSeparator</code> 命令能够让你以不同的方式创建新的段落例如，使用 {{htmlelement("p")}} 元素：</p>
 
 <pre class="notranslate"><code class="language-js">document.execCommand("defaultParagraphSeparator", false, "p");</code></pre>
 
-<p>另外，从FireFox 55开始，火狐还为<code>defaultParagraphSeparator</code>支持非标准化参数<code>br</code>。如果你的Web应用程序通过检查浏览器是否为火狐来支持旧的FireFox行为，这将非常有用。但不幸的是，你并没有多少时间来为新的Firefox修复你的Web应用，你可以在初始化<code>designMode</code>和<code>contenteditable</code>时插入下面的代码来恢复较早的Firefox行为：</p>
+<p>另外，从 FireFox 55 开始，火狐还为<code>defaultParagraphSeparator</code>支持非标准化参数<code>br</code>。如果你的 Web 应用程序通过检查浏览器是否为火狐来支持旧的 FireFox 行为，这将非常有用。但不幸的是，你并没有多少时间来为新的 Firefox 修复你的 Web 应用，你可以在初始化<code>designMode</code>和<code>contenteditable</code>时插入下面的代码来恢复较早的 Firefox 行为：</p>
 
 <pre class="notranslate"><code class="language-js">document.execCommand("defaultParagraphSeparator", false, "br");</code></pre>
 
 <h2 id="安全性">安全性</h2>
 
-<p>出于安全原因，火狐浏览器默认不允许JavaScript代码使用剪贴板相关特性（如复制、粘贴等）。你可以在<code>about:config</code>中设置如下选项来启用它们:</p>
+<p>出于安全原因，火狐浏览器默认不允许 JavaScript 代码使用剪贴板相关特性（如复制、粘贴等）。你可以在<code>about:config</code>中设置如下选项来启用它们：</p>
 
 <pre class="code notranslate">user_pref("capability.policy.policynames", "allowclipboard");
 user_pref("capability.policy.allowclipboard.sites", "https://www.mozilla.org");
@@ -208,7 +208,7 @@ <h2 id="例子：一个简单但完整的富文本编辑器">例子：一个简
 </pre>
 </div>
 
-<div class="note"><strong>注意:</strong> 如果你想知道如何标准的在你的页面中创建和插入编辑器，请查阅 <a class="internal" href="/@api/deki/files/6243/=rich-text-editor.zip" title="rich-text-editor.zip">更多完整的富文本编辑器例子</a>.</div>
+<div class="note"><strong>注意：</strong> 如果你想知道如何标准的在你的页面中创建和插入编辑器，请查阅 <a class="internal" href="/@api/deki/files/6243/=rich-text-editor.zip" title="rich-text-editor.zip">更多完整的富文本编辑器例子</a>.</div>
 
 <h2 id="相关链接">相关链接</h2>
 
diff --git a/files/zh-cn/web/guide/html/editable_content/rich-text_editing_in_mozilla/index.html b/files/zh-cn/web/guide/html/editable_content/rich-text_editing_in_mozilla/index.html
index 68aedbd50cedb1..b0a9a5199c2166 100644
--- a/files/zh-cn/web/guide/html/editable_content/rich-text_editing_in_mozilla/index.html
+++ b/files/zh-cn/web/guide/html/editable_content/rich-text_editing_in_mozilla/index.html
@@ -1,5 +1,5 @@
 ---
-title: Mozilla中的富文本编辑器
+title: Mozilla 中的富文本编辑器
 slug: Web/Guide/HTML/Editable_content/Rich-Text_Editing_in_Mozilla
 tags:
   - 富文本
diff --git a/files/zh-cn/web/guide/index.html b/files/zh-cn/web/guide/index.html
index 459cfd5a4ebd9e..87552b345c7d20 100644
--- a/files/zh-cn/web/guide/index.html
+++ b/files/zh-cn/web/guide/index.html
@@ -6,29 +6,29 @@
   - 指南
 translation_of: Web/Guide
 ---
-<p><strong>这些文章提供了如何使用特定Web技术和API的指南信息。</strong></p>
+<p><strong>这些文章提供了如何使用特定 Web 技术和 API 的指南信息。</strong></p>
 
 <div class="row topicpage-table">
 <div class="section">
 <dl>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/HTML">HTML 开发者指南</a></dt>
- <dd class="landingPageList"><strong>超文本标记语言（HyperText Markup Language，简称HTML）</strong>是几乎所有网络内容的核心语言。你在浏览器里见到的内容几乎都是用 HTML 描述的。</dd>
+ <dd class="landingPageList"><strong>超文本标记语言（HyperText Markup Language，简称 HTML）</strong>是几乎所有网络内容的核心语言。你在浏览器里见到的内容几乎都是用 HTML 描述的。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Learn/CSS">CSS 开发者指南</a></dt>
  <dd class="landingPageList">级联样式表（CSS）是一种用于描述 HTML 文档的呈现方式的样式表语言。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/Events">Event 开发者指南</a></dt>
  <dd class="landingPageList">事件（Event）指一种用于网页生命周期中发生的各种事件的异步处理的设计模式，也指大量不同种类事件的命名、特性与使用。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/AJAX">AJAX</a></dt>
- <dd class="landingPageList">AJAX是一组技术的统称术语，它们允许 Web 应用程序对用户界面进行快速，增量式的更新，而无需重新加载整个页面。 这使得 Web 应用程序运行更快，更能响应用户的操作。</dd>
+ <dd class="landingPageList">AJAX 是一组技术的统称术语，它们允许 Web 应用程序对用户界面进行快速，增量式的更新，而无需重新加载整个页面。 这使得 Web 应用程序运行更快，更能响应用户的操作。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/Graphics">Web 图形开发</a></dt>
  <dd class="landingPageList">现代网络站点和应用通常需要展示图片。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/API">Web APIs</a></dt>
  <dd class="landingPageList">列出所有的网络接口及作用。</dd>
  <dt><a href="/zh-CN/docs/JavaScript" title="/zh-CN/docs/JavaScript">JavaScript</a></dt>
- <dd>JavaScript是用于创建网络应用的功能强大的脚本语言。</dd>
+ <dd>JavaScript 是用于创建网络应用的功能强大的脚本语言。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Localizations_and_character_encodings">本地化和字符编码</a></dt>
- <dd class="landingPageList">浏览器内部将文本作为Unicode字符来处理。然而，文本会按照一定的字节规则（文本编码）从网络传输到浏览器中。<a class="external external-icon" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#charset">HTML规范推荐使用 UTF-8 编码</a>（可以呈现所有的Unicode字符）。并且所用编码必须由网络内容声明。</dd>
+ <dd class="landingPageList">浏览器内部将文本作为 Unicode 字符来处理。然而，文本会按照一定的字节规则（文本编码）从网络传输到浏览器中。<a class="external external-icon" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#charset">HTML 规范推荐使用 UTF-8 编码</a>（可以呈现所有的 Unicode 字符）。并且所用编码必须由网络内容声明。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/Mobile">移动网络开发</a></dt>
- <dd class="landingPageList">本页提供对于设计移动端网站所需要的主要技术的概览。可以参考<a href="/zh-CN/Mozilla/Firefox_OS" title="Boot to Gecko">Firefox OS</a>以获得Mozilla's Firefox OS project的信息。你可能也会对<a href="/zh-CN/Mozilla/Firefox_for_Android" title="Firefox for Android">Firefox for Android</a>感兴趣。</dd>
+ <dd class="landingPageList">本页提供对于设计移动端网站所需要的主要技术的概览。可以参考<a href="/zh-CN/Mozilla/Firefox_OS" title="Boot to Gecko">Firefox OS</a>以获得 Mozilla's Firefox OS project 的信息。你可能也会对<a href="/zh-CN/Mozilla/Firefox_for_Android" title="Firefox for Android">Firefox for Android</a>感兴趣。</dd>
 </dl>
 
 <dl>
@@ -37,20 +37,20 @@
 
 <div class="section">
 <ul>
- <li class="landingPageList"><a href="/zh-CN/XMLSerializer" title="en/XMLSerializer">XMLSerializer</a>可以将DOM树序列化为字符串；</li>
- <li class="landingPageList"><a href="/zh-CN/XPath" title="en/XPath">XPath</a>使用非XML语法在XML文档中通过元素和属性进行定位；</li>
- <li class="landingPageList"><a href="/zh-CN/DOM/DOMParser" title="en/DOMParser">DOMParser</a>可以将字符串解析为DOM树；</li>
- <li class="landingPageList"><a href="/zh-CN/nsIXMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a>用来将网络可访问资源解析为DOM树。</li>
+ <li class="landingPageList"><a href="/zh-CN/XMLSerializer" title="en/XMLSerializer">XMLSerializer</a>可以将 DOM 树序列化为字符串；</li>
+ <li class="landingPageList"><a href="/zh-CN/XPath" title="en/XPath">XPath</a>使用非 XML 语法在 XML 文档中通过元素和属性进行定位；</li>
+ <li class="landingPageList"><a href="/zh-CN/DOM/DOMParser" title="en/DOMParser">DOMParser</a>可以将字符串解析为 DOM 树；</li>
+ <li class="landingPageList"><a href="/zh-CN/nsIXMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a>用来将网络可访问资源解析为 DOM 树。</li>
 </ul>
 
 <dl>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/zh-CN/docs/Web/Progressive_web_apps"> 渐进式Web应用</a></dt>
- <dd class="landingPageList">渐进式Web应用 (PWAs) 通过使用现代 Web APIs和传统的渐进式策略来开发跨平台的Web应用程序。这些应用程序可以在任何设备上运行并提供接近原生应用程序的体验。这是一些教程来告诉你一些你需要知道的关于PWAs的知识。 </dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/zh-CN/docs/Web/Progressive_web_apps"> 渐进式 Web 应用</a></dt>
+ <dd class="landingPageList">渐进式 Web 应用 (PWAs) 通过使用现代 Web APIs 和传统的渐进式策略来开发跨平台的 Web 应用程序。这些应用程序可以在任何设备上运行并提供接近原生应用程序的体验。这是一些教程来告诉你一些你需要知道的关于 PWAs 的知识。 </dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/Performance">优化和性能</a></dt>
  <dd class="landingPageList">在开发现代网络站点及应用时，使内容加载迅速高效很重要。这篇文章将会帮助你在桌面系统和手持设备上都可以提高效率。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/Parsing_and_serializing_XML">XML 解析及序列化</a></dt>
- <dd class="landingPageList">网络平台提供这些对象来解析和序列化XML。</dd>
- <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/WOFF">网络开放字体格式（The Web Open Font Format，简称WOFF）</a></dt>
+ <dd class="landingPageList">网络平台提供这些对象来解析和序列化 XML。</dd>
+ <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/WOFF">网络开放字体格式（The Web Open Font Format，简称 WOFF）</a></dt>
  <dd class="landingPageList"><strong>WOFF</strong>是在网络上开放给任何人免费使用的字体文件格式。</dd>
  <dt class="landingPageList"><a href="/zh-CN/docs/Web/Guide/User_experience">用户体验</a></dt>
  <dd class="landingPageList">如果希望用户多次使用你的站点或者应用，就应当优化其用户体验。这篇文章可以提供一些帮助。</dd>
diff --git a/files/zh-cn/web/guide/introduction_to_web_development/index.html b/files/zh-cn/web/guide/introduction_to_web_development/index.html
index 59df0e655837cb..ef13c6e5bdb2ed 100644
--- a/files/zh-cn/web/guide/introduction_to_web_development/index.html
+++ b/files/zh-cn/web/guide/introduction_to_web_development/index.html
@@ -1,10 +1,10 @@
 ---
-title: Web开发介绍
+title: Web 开发介绍
 slug: Web/Guide/Introduction_to_Web_development
 translation_of: Web/Guide/Introduction_to_Web_development
 original_slug: Web_Development/Introduction_to_Web_development
 ---
-<p>不论你是刚开始Web开发，还是想学习Web开发，这些链接都能帮助你。至少，立刻我们就能在这儿看到很多链接。</p>
+<p>不论你是刚开始 Web 开发，还是想学习 Web 开发，这些链接都能帮助你。至少，立刻我们就能在这儿看到很多链接。</p>
 <div class="note">
  <strong>Note:</strong> This page is obviously a stub; we need to generate content here.</div>
 <table class="mainpage-table" style="width: 1097px; height: 113px;">
@@ -20,7 +20,7 @@ <h2 id="资源">资源</h2>
      <dt>
       <a class="external" href="http://www.w3schools.com.cn/">w3schools</a></dt>
      <dd>
-      免费Web开发教程，从HTML入门到进阶Web技术。</dd>
+      免费 Web 开发教程，从 HTML 入门到进阶 Web 技术。</dd>
     </dl>
    </td>
   </tr>
diff --git a/files/zh-cn/web/guide/mobile/index.html b/files/zh-cn/web/guide/mobile/index.html
index 46884910706852..f067c8395edcd9 100644
--- a/files/zh-cn/web/guide/mobile/index.html
+++ b/files/zh-cn/web/guide/mobile/index.html
@@ -3,51 +3,51 @@
 slug: Web/Guide/Mobile
 translation_of: Web/Guide/Mobile
 ---
-<p>本文主要是给出了网站开发所需的主要技术，这同样适用于手机设备。如果你正在寻找Mozilla 火狐系统相关的项目，请参考<a href="/en/Mozilla/Firefox_OS" style="line-height: 1.5;" title="Boot to Gecko">Firefox OS</a> 。或者你可能会对<a href="/en/Mozilla/Firefox_for_Android" style="line-height: 1.5;" title="Firefox for Android">Firefox for Android</a>感兴趣。</p>
+<p>本文主要是给出了网站开发所需的主要技术，这同样适用于手机设备。如果你正在寻找 Mozilla 火狐系统相关的项目，请参考<a href="/en/Mozilla/Firefox_OS" style="line-height: 1.5;" title="Boot to Gecko">Firefox OS</a> 。或者你可能会对<a href="/en/Mozilla/Firefox_for_Android" style="line-height: 1.5;" title="Firefox for Android">Firefox for Android</a>感兴趣。</p>
 
-<p>我们准备用两个章节来组织本文的内容，<a href="#Designing_for_mobile_devices" style="line-height: 1.5;">designing for mobile devices</a> 和<a href="#Cross-browser_development" style="line-height: 1.5;">cross-browser compatibility</a>。另外，这还有一篇Jason Grlick为web开发者写的指南 <a href="/en-US/docs/Web_Development/Mobile/Mobile-friendliness" style="line-height: 1.5;" title="/en-US/docs/Web_Development/Mobile/Mobile-friendliness">mobile-friendliness</a>。</p>
+<p>我们准备用两个章节来组织本文的内容，<a href="#Designing_for_mobile_devices" style="line-height: 1.5;">designing for mobile devices</a> 和<a href="#Cross-browser_development" style="line-height: 1.5;">cross-browser compatibility</a>。另外，这还有一篇 Jason Grlick 为 web 开发者写的指南 <a href="/en-US/docs/Web_Development/Mobile/Mobile-friendliness" style="line-height: 1.5;" title="/en-US/docs/Web_Development/Mobile/Mobile-friendliness">mobile-friendliness</a>。</p>
 
 <h2 id="手机设备设计">手机设备设计</h2>
 
-<p>与台式机和笔记本相比，在硬件特性上手持设备有非常大的不同。当然通常他们的屏幕尺寸更小，另外一个特性是当用户旋转设备时，他们会在portrait和landscape模式下自动切换。旋转用户输入一般通过触屏。类似地理定位和排列方向这样在台式机上没有多大作用的API，在手机用户使用你网站的时候有了全新的体验！</p>
+<p>与台式机和笔记本相比，在硬件特性上手持设备有非常大的不同。当然通常他们的屏幕尺寸更小，另外一个特性是当用户旋转设备时，他们会在 portrait 和 landscape 模式下自动切换。旋转用户输入一般通过触屏。类似地理定位和排列方向这样在台式机上没有多大作用的 API，在手机用户使用你网站的时候有了全新的体验！</p>
 
 <h3 id="在更小的屏幕下工作">在更小的屏幕下工作</h3>
 
 <p><a href="/en/Web_Development/Responsive_Web_design">响应式网页设计</a>是一项让你的网站在手持设备上通过不同的使用环境进行自动适应的技术，通常来说体现在尺寸和屏幕的排列方向上。他包含下面的技术：</p>
 
 <ul>
- <li>弹性化CSS布局设计，保证当浏览器窗口的尺寸变化时网页也能流畅地适应</li>
- <li>根据设备屏幕的宽高，合理使用css媒体查询规则</li>
+ <li>弹性化 CSS 布局设计，保证当浏览器窗口的尺寸变化时网页也能流畅地适应</li>
+ <li>根据设备屏幕的宽高，合理使用 css 媒体查询规则</li>
 </ul>
 
 <p><a href="/zh-CN/docs/">viewport meta 标签</a>指定在用户设备的浏览器中的网页的缩放比例。</p>
 
 <h3 id="处理触摸屏">处理触摸屏</h3>
 
-<p>在触摸设备中你需要使用dom的touch事件。不再需要使用css:hover伪类；同时因为手指比鼠标要大的缘故，要将可点击元素做的更大一点。参见此文 <a class="external" href="http://www.whatcreative.co.uk/blog/tips/designing-for-touch-screen/">designing for touch screens</a>.</p>
+<p>在触摸设备中你需要使用 dom 的 touch 事件。不再需要使用 css:hover 伪类；同时因为手指比鼠标要大的缘故，要将可点击元素做的更大一点。参见此文 <a class="external" href="http://www.whatcreative.co.uk/blog/tips/designing-for-touch-screen/">designing for touch screens</a>.</p>
 
-<p>你可以使用<a href="/zh-CN/docs/Web/Guide/CSS/Media_queries#-moz-touch-enabled" title="en/CSS/Media_queries#-moz-touch-enabled">-moz-touch-enabled </a>media query属性在可触摸设备上加载不同的css。</p>
+<p>你可以使用<a href="/zh-CN/docs/Web/Guide/CSS/Media_queries#-moz-touch-enabled" title="en/CSS/Media_queries#-moz-touch-enabled">-moz-touch-enabled </a>media query 属性在可触摸设备上加载不同的 css。</p>
 
 <h3 id="优化图片">优化图片</h3>
 
 <p>为了解决那些带宽小或者流量费用昂贵的用户，你可以通过根据用户的屏幕尺寸和分辨率加载合适的图片来优化图片的加载。你可以通过媒体查询来获取屏幕的 <a href="/en/CSS/Media_queries#height" title="en/CSS/Media_queries#height">height</a>，<a href="/en/CSS/Media_queries#width" title="en/CSS/Media_queries#width">width</a> 以及 <a href="/en/CSS/Media_queries#-moz-device-pixel-ratio" title="en/CSS/Media_queries#-moz-device-pixel-ratio">pixel ratio</a>。</p>
 
-<p>你也可以不使用图片，使用css属性像<a href="/en/CSS/Using_CSS_gradients" title="en/CSS/Using_CSS_gradients">gradients</a> 和 <a href="/En/CSS/Box-shadow" title="En/CSS/Box-shadow">shadows</a> 来实现更好的视觉效果。</p>
+<p>你也可以不使用图片，使用 css 属性像<a href="/en/CSS/Using_CSS_gradients" title="en/CSS/Using_CSS_gradients">gradients</a> 和 <a href="/En/CSS/Box-shadow" title="En/CSS/Box-shadow">shadows</a> 来实现更好的视觉效果。</p>
 
 <h3 id="移动_APIs">移动 APIs</h3>
 
-<p>最后, 你可以利用移动设备提供的新可能性， 例如 <a href="/en/Detecting_device_orientation" title="en/Detecting_device_orientation">orientation</a> 和 <a href="/En/Using_geolocation" title="En/Using_geolocation">geolocation</a>。</p>
+<p>最后，你可以利用移动设备提供的新可能性， 例如 <a href="/en/Detecting_device_orientation" title="en/Detecting_device_orientation">orientation</a> 和 <a href="/En/Using_geolocation" title="En/Using_geolocation">geolocation</a>。</p>
 
 <h2 id="跨浏览器开发">跨浏览器开发</h2>
 
 <h3 id="书写跨浏览器代码">书写跨浏览器代码</h3>
 
-<p>创建能够完美工作在不同移动浏览器的web sites:</p>
+<p>创建能够完美工作在不同移动浏览器的 web sites:</p>
 
 <ul>
- <li>请尽力避免使用特定浏览器的features, 例如CSS属性前的vendor-prefixed(浏览器厂商前缀，也称浏览器引擎前缀)。例如-moz-为Firefox|Firefox OS浏览器引擎使用到的前缀。</li>
- <li>如果你需要使用这些features, 请检查是否其它浏览器也有实现这些特性的版本。</li>
- <li>对于不支持这些特性的浏览器，请提供一个可接受的fallback。</li>
+ <li>请尽力避免使用特定浏览器的 features，例如 CSS 属性前的 vendor-prefixed(浏览器厂商前缀，也称浏览器引擎前缀)。例如-moz-为 Firefox|Firefox OS 浏览器引擎使用到的前缀。</li>
+ <li>如果你需要使用这些 features，请检查是否其它浏览器也有实现这些特性的版本。</li>
+ <li>对于不支持这些特性的浏览器，请提供一个可接受的 fallback。</li>
 </ul>
 
 <p>例如，如果使用诸如 <code>-webkit-linear-gradient</code> 之类带有渲染器前缀的属性为一些文字设置了渐变背景，你最好能够将其他带有渲染器前缀的 <code>linear-gradient</code> 的相应属性一并添上。如果你没有这么做，请至少确保文字和默认的背景能形成对比。这样，即便在你没有指定 <code>linear-gradient</code> 的浏览器里，这个页面仍然是可用的。</p>
@@ -64,9 +64,9 @@ <h3 id="注意用户代理嗅探">注意用户代理嗅探</h3>
 
 <h3 id="多浏览器中测试">多浏览器中测试</h3>
 
-<p>在多个浏览器中测试你的网站。这意味着在多个平台测试—至少iOS和Android。</p>
+<p>在多个浏览器中测试你的网站。这意味着在多个平台测试—至少 iOS 和 Android。</p>
 
 <ul>
- <li>使用 <a class="link-https" href="https://developer.apple.com/devcenter/ios/index.action">iOS simulator</a> 在IPhone上测试移动版Safari。</li>
- <li>使用<a class="link-https" href="https://developer.android.com/sdk/index.html"> Android SDK </a>测试Opera和Firefox。详细方法请点击 <a class="link-https" href="https://wiki.mozilla.org/Mobile/Fennec/Android/Emulator">running Firefox for Android using the Android emulator</a> 查看。</li>
+ <li>使用 <a class="link-https" href="https://developer.apple.com/devcenter/ios/index.action">iOS simulator</a> 在 IPhone 上测试移动版 Safari。</li>
+ <li>使用<a class="link-https" href="https://developer.android.com/sdk/index.html"> Android SDK </a>测试 Opera 和 Firefox。详细方法请点击 <a class="link-https" href="https://wiki.mozilla.org/Mobile/Fennec/Android/Emulator">running Firefox for Android using the Android emulator</a> 查看。</li>
 </ul>
diff --git a/files/zh-cn/web/guide/parsing_and_serializing_xml/index.html b/files/zh-cn/web/guide/parsing_and_serializing_xml/index.html
index d93d0a77c298ea..b38707da8e6917 100644
--- a/files/zh-cn/web/guide/parsing_and_serializing_xml/index.html
+++ b/files/zh-cn/web/guide/parsing_and_serializing_xml/index.html
@@ -9,7 +9,7 @@
   - 指南
 translation_of: Web/Guide/Parsing_and_serializing_XML
 ---
-<p>有时, 你可能需要解析 {{Glossary("XML")}} 内容，并把它转换为 {{Glossary("DOM")}} 树，或者，反过来将现有的DOM树序列化成XML。在本文中，我们将查看Web平台提供的对象，以便轻松地序列化和解析XML的常见任务。</p>
+<p>有时，你可能需要解析 {{Glossary("XML")}} 内容，并把它转换为 {{Glossary("DOM")}} 树，或者，反过来将现有的 DOM 树序列化成 XML。在本文中，我们将查看 Web 平台提供的对象，以便轻松地序列化和解析 XML 的常见任务。</p>
 
 <dl>
  <dt>{{domxref("XMLSerializer")}}</dt>
@@ -17,7 +17,7 @@
  <dt>{{domxref("DOMParser")}}</dt>
  <dd>通过解析一个包含 XML 的字符串来构建 DOM 树，返回一个基于输入数据的适当的 {{domxref("XMLDocument")}} 或者是 {{domxref("Document")}}。</dd>
  <dt>{{domxref("XMLHttpRequest")}}</dt>
- <dd>从一个URL中加载内容；XML 的内容被作为一个带有内建 XML 的 DOM 树的XML {{domxref("Document")}} 对象返回。</dd>
+ <dd>从一个 URL 中加载内容；XML 的内容被作为一个带有内建 XML 的 DOM 树的 XML {{domxref("Document")}} 对象返回。</dd>
  <dt><a href="/zh-CN/docs/Web/XPath">XPath</a></dt>
  <dd>一种创建包含 XML 文档特定部分的地址，并基于这些地址进行 XML 节点定位的字符串的技术。</dd>
 </dl>
@@ -57,7 +57,7 @@ <h4 id="使用_XMLHttpRequest">使用 XMLHttpRequest</h4>
 xhr.send();
 </pre>
 
-<p>在 <code>xhr</code> 对象 {{domxref("XMLHttpRequest.responseXML", "responseXML")}} 域中返回的值 是一个通过解析XML构造的 {{domxref("Document")}}。</p>
+<p>在 <code>xhr</code> 对象 {{domxref("XMLHttpRequest.responseXML", "responseXML")}} 域中返回的值 是一个通过解析 XML 构造的 {{domxref("Document")}}。</p>
 
 <p>如果这个文档是 {{Glossary("HTML")}}，上面实例代码将会返回一个 {{domxref("Document")}}。如果它是 XML，那获取的结果对象实际上是一个 {{domxref("XMLDocument")}}。这两种类型实质上是一样的; 不同点大部分是历史遗留的，尽管区分它们也会有一些实际好处。</p>
 
@@ -67,13 +67,13 @@ <h4 id="使用_XMLHttpRequest">使用 XMLHttpRequest</h4>
 
 <h2 id="序列化一个_XML_文档">序列化一个 XML 文档</h2>
 
-<p>被给一个 {{domxref("Document")}}，你可以使用 {{domxref("XMLSerializer.serializeToString()")}} 方法把文档的 DOM 树序列化为XML。</p>
+<p>被给一个 {{domxref("Document")}}，你可以使用 {{domxref("XMLSerializer.serializeToString()")}} 方法把文档的 DOM 树序列化为 XML。</p>
 
 <p>使用下面的方法来序列化在先前章节中创建的 XML 文档内容。</p>
 
-<h3 id="把DOM树_序列化成字符串">把DOM树 序列化成字符串</h3>
+<h3 id="把DOM树_序列化成字符串">把 DOM 树 序列化成字符串</h3>
 
-<p>首先，使用<a href="/zh-CN/docs/Web/API/Document_Object_Model/How_to_create_a_DOM_tree">如何创建一个DOM树</a>中的方法构建一个 DOM 树。也可以使用从 {{ domxref("XMLHttpRequest") }} 中获得的 DOM 树。</p>
+<p>首先，使用<a href="/zh-CN/docs/Web/API/Document_Object_Model/How_to_create_a_DOM_tree">如何创建一个 DOM 树</a>中的方法构建一个 DOM 树。也可以使用从 {{ domxref("XMLHttpRequest") }} 中获得的 DOM 树。</p>
 
 <p>为了序列化 DOM 树的 <code>doc</code> 为 XML 文档，调用 {{domxref("XMLSerializer.serializeToString()")}}：</p>
 
@@ -82,14 +82,14 @@ <h3 id="把DOM树_序列化成字符串">把DOM树 序列化成字符串</h3>
 
 <h3 id="序列化_HTML_文档">序列化 HTML 文档</h3>
 
-<p>如果你手上的 DOM 是一个 HTML 文档，你可以使用 <code>serializeToString()</code>，但是也有一个更简单的选择: 直接用 {{domxref("Element.innerHTML")}} 属性（如果你仅仅想得到指定节点的后代的话）或者是如果你想得到节点本身及它所有的后代的话，你可以使用 {{domxref("Element.outerHTML")}} 属性。</p>
+<p>如果你手上的 DOM 是一个 HTML 文档，你可以使用 <code>serializeToString()</code>，但是也有一个更简单的选择：直接用 {{domxref("Element.innerHTML")}} 属性（如果你仅仅想得到指定节点的后代的话）或者是如果你想得到节点本身及它所有的后代的话，你可以使用 {{domxref("Element.outerHTML")}} 属性。</p>
 
 <pre class="brush: js">var docHTML = document.documentElement.innerHTML;
 </pre>
 
-<p>因此，<code>docHTML</code> is 一个包含 HTML内容的文档的 {{domxref("DOMString")}}; 也就是说，{{HTMLElement("body")}} 元素的内容。</p>
+<p>因此，<code>docHTML</code> is 一个包含 HTML 内容的文档的 {{domxref("DOMString")}}; 也就是说，{{HTMLElement("body")}} 元素的内容。</p>
 
-<p>你可以使用以下代码得到 <code>&lt;body&gt;</code> 和它的后代对应的HTML：</p>
+<p>你可以使用以下代码得到 <code>&lt;body&gt;</code> 和它的后代对应的 HTML：</p>
 
 <pre class="brush: js">var docHTML = document.documentElement.outerHTML;</pre>
 
diff --git a/files/zh-cn/web/guide/performance/index.html b/files/zh-cn/web/guide/performance/index.html
index 135441c1f0129d..9103df42b84dbc 100644
--- a/files/zh-cn/web/guide/performance/index.html
+++ b/files/zh-cn/web/guide/performance/index.html
@@ -3,7 +3,7 @@
 slug: Web/Guide/Performance
 translation_of: Web/Guide/Performance
 ---
-<p>对于开发现代化的Web应用和网站来说，让内容良好地展现尤为重要。换句话说就是让你的Web应用和网站能快速高效地展现给用户，这包括能高效地运行在强运算能力的桌面电脑上以及运算能力较弱的移动设备上。目前一些工具可以用来检测网站或者博客的性能，主要是下列这些：</p>
+<p>对于开发现代化的 Web 应用和网站来说，让内容良好地展现尤为重要。换句话说就是让你的 Web 应用和网站能快速高效地展现给用户，这包括能高效地运行在强运算能力的桌面电脑上以及运算能力较弱的移动设备上。目前一些工具可以用来检测网站或者博客的性能，主要是下列这些：</p>
 
 <ul>
  <li><a href="https://developers.google.com/speed/pagespeed/insights/" rel="noopener resources">Google PageSpeed Insights</a></li>
@@ -12,4 +12,4 @@
  <li>浏览器的开发者工具</li>
 </ul>
 
-<p>上述资源也包括Web性能的优化建议等信息。把网页性能作为整个开发过程的重中之重来考虑，才能保证用户可以得到最好的用户体验。</p>
+<p>上述资源也包括 Web 性能的优化建议等信息。把网页性能作为整个开发过程的重中之重来考虑，才能保证用户可以得到最好的用户体验。</p>
diff --git a/files/zh-cn/web/guide/woff/index.md b/files/zh-cn/web/guide/woff/index.md
index edf047e9c2d773..b14158cd5df4a6 100644
--- a/files/zh-cn/web/guide/woff/index.md
+++ b/files/zh-cn/web/guide/woff/index.md
@@ -1,5 +1,5 @@
 ---
-title: 网页开放字体格式(WOFF)
+title: 网页开放字体格式 (WOFF)
 slug: Web/Guide/WOFF
 tags:
   - NeedsMobileBrowserCompatibility
@@ -25,7 +25,7 @@ WOFF 有两个版本：WOFF 和 WOFF2。它们之间最大的差别体现在使
 
 ## 相关工具
 
-- 可以使用[用于处理 WOFF 字体的工具](https://github.com/odemiral/woff2sfnt-sfnt2woff)。`sfnt2woff` 和 `woff2sfnt` 将转换为 WOFF 或 OpenType。
+- 可以使用 [用于处理 WOFF 字体的工具](https://github.com/odemiral/woff2sfnt-sfnt2woff)。`sfnt2woff` 和 `woff2sfnt` 将转换为 WOFF 或 OpenType。
 
 ## 规范
 
diff --git a/files/zh-cn/web/html/attributes/pattern/index.md b/files/zh-cn/web/html/attributes/pattern/index.md
index 934d0835036a7e..2d7971fcea39b7 100644
--- a/files/zh-cn/web/html/attributes/pattern/index.md
+++ b/files/zh-cn/web/html/attributes/pattern/index.md
@@ -72,7 +72,7 @@ input:invalid {
 ```html
 <form>
   <div>
-    <label for="uname">选择一个用户名: </label>
+    <label for="uname">选择一个用户名：</label>
     <input type="text" id="uname" name="name" required size="45"
            pattern="[a-z]{4,8}" title="4 到 8 个小写字母">
     <span class="validity"></span>
diff --git a/files/zh-cn/web/html/element/bdo/index.html b/files/zh-cn/web/html/element/bdo/index.html
index 7982dd7e5e6b03..4086e33e535fc6 100644
--- a/files/zh-cn/web/html/element/bdo/index.html
+++ b/files/zh-cn/web/html/element/bdo/index.html
@@ -7,7 +7,7 @@
 
 
 
-<p>HTML 双向文本替代元素 (<strong><code>&lt;bdo&gt;</code></strong>) 改写了文本的方向性，使文本以不同的方向渲染呈现出来(override 可以翻译很多意思，编程语言中多用覆盖，重载；这里采用了 Google 的整体翻译，取替代替换改写之意)</p>
+<p>HTML 双向文本替代元素 (<strong><code>&lt;bdo&gt;</code></strong>) 改写了文本的方向性，使文本以不同的方向渲染呈现出来 (override 可以翻译很多意思，编程语言中多用覆盖，重载；这里采用了 Google 的整体翻译，取替代替换改写之意)</p>
 
 <div>{{EmbedInteractiveExample("pages/tabbed/bdo.html", "tabbed-standard")}}</div>
 
diff --git a/files/zh-cn/web/html/element/input/index.html b/files/zh-cn/web/html/element/input/index.html
index 7994541d9d28c3..4bd83f4e68f71b 100644
--- a/files/zh-cn/web/html/element/input/index.html
+++ b/files/zh-cn/web/html/element/input/index.html
@@ -555,7 +555,7 @@ <h3 id="属性各论">属性各论</h3>
  <p>Introduced in the HTML Media Capture specification and valid for the <code>file</code> input type only, the <code>capture</code> attribute defines which media—microphone, video, or camera—should be used to capture a new file for upload with <code>file</code> upload control in supporting scenarios. See the {{HTMLElement("input/file", "file")}} input type.</p>
  </dd>
  <dt>{{ htmlattrdef("checked") }}</dt>
- <dd>如果该元素的<strong>type</strong>属性的值为radio 或者checkbox,则该布尔属性的存在与否表明了该控件是否是默认选择状态。
+ <dd>如果该元素的<strong>type</strong>属性的值为 radio 或者 checkbox，则该布尔属性的存在与否表明了该控件是否是默认选择状态。
  <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">
@@ -614,7 +614,7 @@ <h3 id="属性各论">属性各论</h3>
  <p>Valid for the <code>image</code> and <code>submit</code> input types only. See the {{HTMLElement("input/submit", "submit")}} input type for more information.</p>
  </dd>
  <dt>{{ htmlattrdef("height") }} {{ HTMLVersionInline(5) }}</dt>
- <dd>如果<strong>type</strong>属性的值是image，这个属性定义了按钮图片的高度。</dd>
+ <dd>如果<strong>type</strong>属性的值是 image，这个属性定义了按钮图片的高度。</dd>
  <dt id="htmlattrdefheight">{{htmlattrdef("id")}}</dt>
  <dd>
  <p>Global attribute valid for all elements, including all the input types, it defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking. The value is used as the value of the {{htmlelement('label')}}'s <code>for</code> attribute to link the label with the form control. See the <a href="#labels">the label element</a> below.</p>
@@ -680,7 +680,7 @@ <h3 id="属性各论">属性各论</h3>
  <dt>{{ htmlattrdef("max") }} {{ HTMLVersionInline(5) }} </dt>
  <dd>此项目的最大（数字或日期时间）值，且不得小于其最小值（<strong>min</strong>属性）值。</dd>
  <dt>{{ htmlattrdef("maxlength") }} {{ HTMLVersionInline(5) }}</dt>
- <dd>如果 <strong>type</strong> 的值是  text, email, search, password, tel, 或 url，那么这个属性指明了用户最多可以输入的字符个数（按照 Unicode 编码方式计数）；对于其他类型的输入框，该属性被忽略。它可以大于 <strong>size</strong> 属性的值。如果不指定这个属性，那么用户可以输入任意多的字符。如果指定为一个负值，那么元素表现出默认行为，即用户可以输入任意多的字符。本属性的约束规则，仅在元素的 value 属性发生变化时才会执行。译者注:ie10+</dd>
+ <dd>如果 <strong>type</strong> 的值是  text, email, search, password, tel，或 url，那么这个属性指明了用户最多可以输入的字符个数（按照 Unicode 编码方式计数）；对于其他类型的输入框，该属性被忽略。它可以大于 <strong>size</strong> 属性的值。如果不指定这个属性，那么用户可以输入任意多的字符。如果指定为一个负值，那么元素表现出默认行为，即用户可以输入任意多的字符。本属性的约束规则，仅在元素的 value 属性发生变化时才会执行。译者注:ie10+</dd>
  <dt>{{ htmlattrdef("min") }} {{ HTMLVersionInline(5) }} </dt>
  <dd>此项目的最小（数字或日期时间）值，且不得大于其最大值（最大属性）值。</dd>
  <dt id="htmlattrdefminlength">{{htmlattrdef("minlength")}}</dt>
@@ -694,25 +694,25 @@ <h3 id="属性各论">属性各论</h3>
  <dt>{{ htmlattrdef("name") }}</dt>
  <dd>控件的名称，与表单数据一起提交。</dd>
  <dt>{{ htmlattrdef("pattern") }}{{ HTMLVersionInline(5) }}</dt>
- <dd>检查控件值的正则表达式.。pattern 必须匹配整个值，而不仅仅是某些子集.。使用 title 属性来描述帮助用户的模式.。当类型属性的值为text, search, tel, url 或 email时，此属性适用，否则将被忽略。译者注:ie10+</dd>
+ <dd>检查控件值的正则表达式.。pattern 必须匹配整个值，而不仅仅是某些子集.。使用 title 属性来描述帮助用户的模式.。当类型属性的值为 text, search, tel, url 或 email 时，此属性适用，否则将被忽略。译者注:ie10+</dd>
  <dt>{{ htmlattrdef("placeholder") }} {{ HTMLVersionInline(5) }}</dt>
- <dd>提示用户输入框的作用。用于提示的占位符文本不能包含回车或换行。仅适用于当<strong>type</strong> 属性为text, search, tel, url or email 时; 否则会被忽略。
+ <dd>提示用户输入框的作用。用于提示的占位符文本不能包含回车或换行。仅适用于当<strong>type</strong> 属性为 text, search, tel, url or email 时; 否则会被忽略。
  <div class="note"><strong>Note:</strong> 请不要用<code>placeholder</code> 属性替换 {{ HTMLElement("label") }} 元素。他们的作用不同:  {{ HTMLElement("label") }} 属性描述表单元素的角色; 也就是说，它展示预期的信息，而<code>placeholder</code> 属性是提示用户内容的输入格式。某些情况下 <code>placeholder</code> 属性对用户不可见， 所以当没有它时也需要保证 form 能被理解。</div>
  </dd>
  <dt>{{ htmlattrdef("readonly") }}</dt>
  <dd>这个布尔属性用于指明用户无法修改控件的值。
- <p>{{ HTMLVersionInline(5) }} 如果控件的 <strong>type</strong> 属性为hidden, range, color, checkbox, radio, file 或 type 时，此属性会被忽略。</p>
+ <p>{{ HTMLVersionInline(5) }} 如果控件的 <strong>type</strong> 属性为 hidden, range, color, checkbox, radio, file 或 type 时，此属性会被忽略。</p>
  </dd>
  <dt>{{ htmlattrdef("required") }} {{ HTMLVersionInline(5) }}</dt>
  <dd>这个属性指定用户在提交表单之前必须为该元素填充值。当 type 属性是 hidden,image 或者按钮类型 (submit,reset,button) 时不可使用. {{ cssxref(":optional") }} 和 {{ cssxref(":required") }} CSS 伪元素的样式将可以被该字段应用作外观。</dd>
  <dt>{{ htmlattrdef("selectionDirection") }} {{ HTMLVersionInline(5) }}</dt>
  <dd>The direction in which selection occurred. This is "forward" if the selection was made from left-to-right in an LTR locale or right-to-left in an RTL locale, or "backward" if the selection was made in the opposite direction. This can be "none" if the selection direction is unknown.</dd>
  <dt>{{ htmlattrdef("size") }}</dt>
- <dd>控件的初始大小。以像素为单位。但当<strong>type</strong>  属性为text 或 password 时, 它表示输入的字符的长度。从 HTML5 开始， 此属性仅适用于当 <strong>type</strong> 属性为 text, search, tel, url, email,或 password；否则会被忽略。 此外，它的值必须大于 0。 如果未指定大小，则使用默认值 20。 HTML5 概述 "用户代理应该确保至少大部分字符是可见的", 但是不同的字符的用不同的字体表示可能会导致宽度不同。在某些浏览器中，一串带有 x 的字符即使定义了到 x 的大小也将显示不完整。 。</dd>
+ <dd>控件的初始大小。以像素为单位。但当<strong>type</strong>  属性为 text 或 password 时， 它表示输入的字符的长度。从 HTML5 开始， 此属性仅适用于当 <strong>type</strong> 属性为 text, search, tel, url, email，或 password；否则会被忽略。 此外，它的值必须大于 0。 如果未指定大小，则使用默认值 20。 HTML5 概述 "用户代理应该确保至少大部分字符是可见的", 但是不同的字符的用不同的字体表示可能会导致宽度不同。在某些浏览器中，一串带有 x 的字符即使定义了到 x 的大小也将显示不完整。 。</dd>
  <dt>{{ htmlattrdef("spellcheck") }} {{ HTMLVersionInline(5) }}</dt>
  <dd>将此属性的值设置为<code>true</code>表示元素需要检查其拼写和语法。值<code>default</code> 表示该元素将根据默认行为进行操作，可能基于父元素自己的<code>spellcheck</code>值。值<code>false</code>表示不应该检查元素</dd>
  <dt>{{ htmlattrdef("src") }}</dt>
- <dd>如果<strong>type</strong>属性的值是image, 这个属性指定了按钮图片的路径; 否则它被忽视。</dd>
+ <dd>如果<strong>type</strong>属性的值是 image，这个属性指定了按钮图片的路径; 否则它被忽视。</dd>
  <dt>{{ htmlattrdef("step") }} {{ HTMLVersionInline(5) }}</dt>
  <dd>使用<strong>min</strong>和<strong>max</strong> 属性来限制可以设置数字或日期时间值的增量。它可以是任意字符串或是正浮点数。如果此属性未设置为任何，则控件仅接受大于最小步长值的倍数的值。</dd>
  <dt>{{ htmlattrdef("tabindex") }} element-specific in {{ HTMLVersionInline(4) }}, global in {{ HTMLVersionInline(5) }}</dt>
@@ -728,7 +728,7 @@ <h3 id="属性各论">属性各论</h3>
  <dt>{{ htmlattrdef("value") }}</dt>
  <dd>控件的初始值。此属性是可选的，除非<strong>type</strong> 属性是<code>radio</code>或<code>checkbox</code>。注意，当重新加载页面时，如果在重新加载之前更改了值，<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=46845#c186">Gecko 和 IE 将忽略 HTML 源代码中指定的值</a>。</dd>
  <dt>{{ htmlattrdef("width") }} {{ HTMLVersionInline(5) }}</dt>
- <dd>如果<strong>type</strong>属性的值是image，这个属性定义了按钮图片的宽度。</dd>
+ <dd>如果<strong>type</strong>属性的值是 image，这个属性定义了按钮图片的宽度。</dd>
  <dt>
  <h3 id="非标准_&lt;input>_属性">非标准 <code>&lt;input&gt;</code> 属性</h3>
  </dt>
diff --git a/files/zh-cn/web/html/element/input/submit/index.html b/files/zh-cn/web/html/element/input/submit/index.html
index fe48e90843b45b..4d874b2be5e274 100644
--- a/files/zh-cn/web/html/element/input/submit/index.html
+++ b/files/zh-cn/web/html/element/input/submit/index.html
@@ -197,7 +197,7 @@ <h3 id="添加提交的快捷键">添加提交的快捷键</h3>
 
 <p>键盘快捷键就是使用键盘上的按键，让用户使用按键或组合按键来触发按钮。 为了在提交按钮上添加键盘快捷键— 就像使用任何有实际意义的 {{HTMLElement("input")}} 一样，您可以使用 {{htmlattrxref("accesskey")}} 全局属性。</p>
 
-<p>在此示例中，将 <kbd>s</kbd> 指定为访问键 (指定为访问键 <kbd>s</kbd> p键加上浏览器/操作系统组合的特定修饰键。为了避免与用户代理自身的键盘快捷键冲突，请使用不同的修饰键 而不是主机上其他快捷方式的访问键。有关更多详细信息，请参见 {{htmlattrxref("accesskey")}}。</p>
+<p>在此示例中，将 <kbd>s</kbd> 指定为访问键 (指定为访问键 <kbd>s</kbd> p 键加上浏览器/操作系统组合的特定修饰键。为了避免与用户代理自身的键盘快捷键冲突，请使用不同的修饰键 而不是主机上其他快捷方式的访问键。有关更多详细信息，请参见 {{htmlattrxref("accesskey")}}。</p>
 
 <p>这是添加了 <kbd>s</kbd> 访问密钥的上一个示例：</p>
 
diff --git a/files/zh-cn/web/html/element/optgroup/index.html b/files/zh-cn/web/html/element/optgroup/index.html
index 130cf1d7882689..1952ba397e8f8e 100644
--- a/files/zh-cn/web/html/element/optgroup/index.html
+++ b/files/zh-cn/web/html/element/optgroup/index.html
@@ -23,7 +23,7 @@
   </tr>
   <tr>
    <th scope="row">允许的内容</th>
-   <td>0或多个 {{HTMLElement("option")}} 元素</td>
+   <td>0 或多个 {{HTMLElement("option")}} 元素</td>
   </tr>
   <tr>
    <th scope="row">标签省略</th>
diff --git a/files/zh-cn/web/html/element/script/index.html b/files/zh-cn/web/html/element/script/index.html
index a73e394321ca4e..cb9f0cf1323bcb 100644
--- a/files/zh-cn/web/html/element/script/index.html
+++ b/files/zh-cn/web/html/element/script/index.html
@@ -101,7 +101,7 @@ <h2 id="属性">属性</h2>
  <dd>该属性定义 script 元素包含或<code>src</code>引用的脚本语言。属性的值为<abbr title="多用途互联网邮件扩展类型">MIME</abbr>类型; 支持的<abbr title="多用途互联网邮件扩展类型">MIME</abbr>类型包括<code>text/javascript</code>, <code>text/ecmascript</code>, <code>application/javascript</code>, 和<code>application/ecmascript</code>。如果没有定义这个属性，脚本会被视作 JavaScript。</dd>
  <dd>如果<abbr title="多用途互联网邮件扩展类型">MIME</abbr>类型不是 JavaScript 类型（上述支持的类型），则该元素所包含的内容会被当作数据块而不会被浏览器执行。</dd>
  <dd>如果 type 属性为<code>module</code>，代码会被当作 JavaScript 模块 {{experimental_inline}}。请参见<a class="external external-icon" href="https://hacks.mozilla.org/2015/08/es6-in-depth-modules/">ES6 in Depth: Modules</a></dd>
- <dd>在 Firefox 中可以通过定义type=application/javascript;version=1.8 来使用如 let 声明这类的 JS 高版本中的先进特性。 但请注意这是个非标准功能，其他浏览器，特别是基于 Chrome 的浏览器可能会不支持。</dd>
+ <dd>在 Firefox 中可以通过定义 type=application/javascript;version=1.8 来使用如 let 声明这类的 JS 高版本中的先进特性。 但请注意这是个非标准功能，其他浏览器，特别是基于 Chrome 的浏览器可能会不支持。</dd>
  <dd>关于如何引入特殊编程语言，请参见<a href="/en-US/Add-ons/Code_snippets/Rosetta">这篇文章</a>。</dd>
  <dt>{{htmlattrdef("text")}}</dt>
  <dd>和 textContent 属性类似，本属性用于设置元素的文本内容。但和 textContent  不一样的是，本属性在节点插入到 DOM 之后，此属性被解析为可执行代码。 </dd>
diff --git a/files/zh-cn/web/html/element/slot/index.html b/files/zh-cn/web/html/element/slot/index.html
index 8bd9e4ca37bd29..2a3a2f50efdbc4 100644
--- a/files/zh-cn/web/html/element/slot/index.html
+++ b/files/zh-cn/web/html/element/slot/index.html
@@ -14,7 +14,7 @@
 <p><strong>译者注：</strong> 本翻译的一些术语参考了<a href="https://cn.vuejs.org/v2/guide/components-slots.html">Vuejs-中文</a>页面。</p>
 </div>
 
-<p><strong>HTML <code> &lt;slot&gt; </code> 元素 ，</strong>作为 <a href="/en-US/docs/Web/Web_Components">Web Components</a> 技术套件的一部分，是Web 组件内的一个占位符。该占位符可以在后期使用自己的标记语言填充，这样您就可以创建单独的 DOM 树，并将它与其它的组件组合在一起。</p>
+<p><strong>HTML <code> &lt;slot&gt; </code> 元素 ，</strong>作为 <a href="/en-US/docs/Web/Web_Components">Web Components</a> 技术套件的一部分，是 Web 组件内的一个占位符。该占位符可以在后期使用自己的标记语言填充，这样您就可以创建单独的 DOM 树，并将它与其它的组件组合在一起。</p>
 
 <table class="properties">
  <tbody>
@@ -56,7 +56,7 @@ <h2 id="属性">属性</h2>
 <dl>
  <dt>{{htmlattrdef("name")}}</dt>
  <dd>插槽的名字</dd>
- <dd>拥有name属性的插槽叫<dfn><strong>具名插槽</strong></dfn> 。</dd>
+ <dd>拥有 name 属性的插槽叫<dfn><strong>具名插槽</strong></dfn> 。</dd>
 </dl>
 
 <h2 id="示例">示例</h2>
diff --git a/files/zh-cn/web/html/element/table/index.html b/files/zh-cn/web/html/element/table/index.html
index 41607808772247..3bd2f24eff30ef 100644
--- a/files/zh-cn/web/html/element/table/index.html
+++ b/files/zh-cn/web/html/element/table/index.html
@@ -214,12 +214,12 @@ <h2 id="属性"> 属性</h2>
  <dt>{{htmlattrdef("rules")}} {{Deprecated_inline()}}</dt>
  <dd>这个枚举属性定义了在一个表格中规则的显示位置。它可以有以下值：:
  <ul>
-  <li>none, 这表明没有规格将被显示；这是默认的值；</li>
-  <li>groups, 这将使规则只显示在行组（row groups，通过 {{HTMLElement("thead")}} ， {{HTMLElement("tbody")}} 和 {{HTMLElement("tfoot")}} 元素定义）和列组（ column groups，通过{{HTMLElement("col")}} 和 {{HTMLElement("colgroup")}} 元素定义）之间</li>
-  <li>rows, 这将使规则在行之间显示；</li>
-  <li>columns, 这将使规则在列之间显示；</li>
+  <li>none，这表明没有规格将被显示；这是默认的值；</li>
+  <li>groups，这将使规则只显示在行组（row groups，通过 {{HTMLElement("thead")}} ， {{HTMLElement("tbody")}} 和 {{HTMLElement("tfoot")}} 元素定义）和列组（ column groups，通过{{HTMLElement("col")}} 和 {{HTMLElement("colgroup")}} 元素定义）之间</li>
+  <li>rows，这将使规则在行之间显示；</li>
+  <li>columns，这将使规则在列之间显示；</li>
   <li>
-   <p>all, 这将使规则在列和行之间显示；</p>
+   <p>all，这将使规则在列和行之间显示；</p>
   </li>
  </ul>
 
diff --git a/files/zh-cn/web/html/element/tfoot/index.html b/files/zh-cn/web/html/element/tfoot/index.html
index 59098bd89e10f1..6bc01ffaef7b09 100644
--- a/files/zh-cn/web/html/element/tfoot/index.html
+++ b/files/zh-cn/web/html/element/tfoot/index.html
@@ -13,7 +13,7 @@
   </tr>
   <tr>
    <th scope="row">允许的内容 </th>
-   <td>0或多个{{HTMLElement("tr")}} 元素。</td>
+   <td>0 或多个{{HTMLElement("tr")}} 元素。</td>
   </tr>
   <tr>
    <th scope="row">标签省略</th>
diff --git a/files/zh-cn/web/html/element/time/index.html b/files/zh-cn/web/html/element/time/index.html
index 4d3663c876ec29..7d56b055a7b147 100644
--- a/files/zh-cn/web/html/element/time/index.html
+++ b/files/zh-cn/web/html/element/time/index.html
@@ -11,7 +11,7 @@ <h2 id="概述">概述</h2>
 
 <div class="note"><strong>用法提示： </strong>如果给定的日期不是正常日期或者在公历中最早的日期之前，请不要使用此元素。</div>
 
-<div class="note"><strong>状态提示</strong>： 该元素仍在设计和讨论中(<a class="external" href="http://blog.whatwg.org/weekly-time-data">http://blog.whatwg.org/weekly-time-data</a>)</div>
+<div class="note"><strong>状态提示</strong>： 该元素仍在设计和讨论中 (<a class="external" href="http://blog.whatwg.org/weekly-time-data">http://blog.whatwg.org/weekly-time-data</a>)</div>
 
 <h3 id="使用场景">使用场景</h3>
 
diff --git a/files/zh-cn/web/html/element/ul/index.html b/files/zh-cn/web/html/element/ul/index.html
index 52802b31cac138..956fa0a4e77d3d 100644
--- a/files/zh-cn/web/html/element/ul/index.html
+++ b/files/zh-cn/web/html/element/ul/index.html
@@ -58,7 +58,7 @@ <h2 id="属性">属性</h2>
 
 <dl>
  <dt>{{ htmlattrdef("type") }}{{ Deprecated_inline() }}</dt>
- <dd>用于设置列表的着重号样式 ，被定义在 <a href="/en/HTML3.2" title="en/HTML3.2">HTML3.2</a> 和过渡版本  <a href="/en/HTML4.01" title="en/HTML4.01">HTML 4.0/4.01</a> 中的可用值有:
+ <dd>用于设置列表的着重号样式 ，被定义在 <a href="/en/HTML3.2" title="en/HTML3.2">HTML3.2</a> 和过渡版本  <a href="/en/HTML4.01" title="en/HTML4.01">HTML 4.0/4.01</a> 中的可用值有：
  <ul>
   <li><code>circle</code></li>
   <li><code>disc</code></li>
diff --git a/files/zh-cn/web/html/global_attributes/contenteditable/index.md b/files/zh-cn/web/html/global_attributes/contenteditable/index.md
index fe35094e474087..52b559e89453d9 100644
--- a/files/zh-cn/web/html/global_attributes/contenteditable/index.md
+++ b/files/zh-cn/web/html/global_attributes/contenteditable/index.md
@@ -42,7 +42,7 @@ translation_of: Web/HTML/Global_attributes/contenteditable
 ## 参见
 
 - [使内容可编辑](/zh-CN/docs/Web/Guide/HTML/Editable_content)
-- 所有的[全局属性](/zh-CN/docs/Web/HTML/Global_attributes)
+- 所有的 [全局属性](/zh-CN/docs/Web/HTML/Global_attributes)
 - {{domxref("HTMLElement.contentEditable")}} 和 {{domxref("HTMLElement.isContentEditable")}}
 - CSS {{cssxref("caret-color")}} 属性
 - [`HTMLElement` `input` 事件](/zh-CN/docs/Web/API/HTMLElement/input_event)
diff --git a/files/zh-cn/web/html/global_attributes/dir/index.html b/files/zh-cn/web/html/global_attributes/dir/index.html
index 0b8285a998586c..8f4d2153023a74 100644
--- a/files/zh-cn/web/html/global_attributes/dir/index.html
+++ b/files/zh-cn/web/html/global_attributes/dir/index.html
@@ -8,9 +8,9 @@
 <p><a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a><strong>dir</strong>是一个指示元素中文本方向的枚举属性。它的取值如下：</p>
 
 <ul>
- <li>ltr, 指从<em>左</em>到<em>右</em>，用于那种从左向右书写的语言（比如英语）；</li>
- <li>rtl, 指从<em>右</em>到<em>左</em>，用于那种从右向左书写的语言（比如阿拉伯语）；</li>
- <li>auto, 指由用户代理决定方向。它在解析元素中字符时会运用一个基本算法，直到发现一个具有强方向性的字符，然后将这一方向应用于整个元素。</li>
+ <li>ltr，指从<em>左</em>到<em>右</em>，用于那种从左向右书写的语言（比如英语）；</li>
+ <li>rtl，指从<em>右</em>到<em>左</em>，用于那种从右向左书写的语言（比如阿拉伯语）；</li>
+ <li>auto，指由用户代理决定方向。它在解析元素中字符时会运用一个基本算法，直到发现一个具有强方向性的字符，然后将这一方向应用于整个元素。</li>
 </ul>
 
 <div class="note">
@@ -20,7 +20,7 @@
 
 <ul>
  <li>
-  <p>这个属性在{{ HTMLElement("bdi") }}元素中<em>不可</em>继承。未赋值时，它的默认值是auto。</p>
+  <p>这个属性在{{ HTMLElement("bdi") }}元素中<em>不可</em>继承。未赋值时，它的默认值是 auto。</p>
  </li>
  <li>
   <p>这个属性可以被 CSS 属性{{ cssxref("direction") }}和{{ cssxref("unicode-bidi") }}覆盖，如果 CSS 网页有效且该元素支持这些属性的话。</p>
diff --git a/files/zh-cn/web/html/link_types/index.html b/files/zh-cn/web/html/link_types/index.html
index 1ccd3b71612896..f3e583b220d51c 100644
--- a/files/zh-cn/web/html/link_types/index.html
+++ b/files/zh-cn/web/html/link_types/index.html
@@ -52,7 +52,7 @@
    <td>
     <p><code>archives</code>{{obsolete_inline}}</p>
    </td>
-   <td>定义文档的超链接，该文档包含此文件的存档链接。例如. 一个博客入口可以链接到每月索引页面。<br>
+   <td>定义文档的超链接，该文档包含此文件的存档链接。例如。一个博客入口可以链接到每月索引页面。<br>
     <br>
     <strong>Note:</strong>虽然可以识别，但单数<code>archive</code>是不正确的，必须避免使用。</td>
    <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
@@ -62,7 +62,7 @@
    <td><code>author</code></td>
    <td>定义一个超链接到一个描述作者信息的页面或者提供一个方法联系作者。<br>
     <br>
-    <strong>Note:</strong> 这个方法可能是 mailto:邮箱链接, 但不推荐这样，这样可能导致机器人发送大量的垃圾邮件到这个邮箱。这种情况下，最好带一个包含联系方法的页面.。<br>
+    <strong>Note:</strong> 这个方法可能是 mailto:邮箱链接，但不推荐这样，这样可能导致机器人发送大量的垃圾邮件到这个邮箱。这种情况下，最好带一个包含联系方法的页面.。<br>
     <br>
     在{{HTMLElement("a")}}, {{HTMLElement("area")}} or{{HTMLElement("link")}} 标签的{{htmlattrxref("rev", "link")}}属性上，虽然能够识别 <code>made，但并不正确，应该用</code>{{htmlattrxref("rel", "link")}} 属性替换。</td>
    <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
@@ -130,7 +130,7 @@
      <br>
      <strong>Note:</strong> 苹果 iOS 不支持此链接类型，也不支持 {{htmlattrxref("sizes","link")}}属性，就像其他移动端浏览器一样，为了 Web Clip 或者启动点位符选择一个页面图标。分别可使用不是标准方法的<a href="http://edr.euro.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> 和<a href="http://edr.euro.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a> 替代。<br>
      <br>
-     <code>在之前，经常可以看到shortcut</code>,但他不是标准的，<strong>应该不再使用</strong>。</p>
+     <code>在之前，经常可以看到 shortcut</code>,但他不是标准的，<strong>应该不再使用</strong>。</p>
    </td>
    <td>{{HTMLElement("link")}}</td>
    <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>