为web应用程序预定义的背景颜色。此值在应用程序样式表中可以再次声明。它主要用于在样式表加载之前，当加载manifest，浏览器可以用来绘制web应用程序的背景颜色。在启动web应用程序和加载应用程序的内容之间创建了一个平滑的过渡。
为 web 应用程序预定义的背景颜色。此值在应用程序样式表中可以再次声明。它主要用于在样式表加载之前，当加载 manifest，浏览器可以用来绘制 web 应用程序的背景颜色。在启动 web 应用程序和加载应用程序的内容之间创建了一个平滑的过渡。
"icons": [
{
@@ -183,7 +183,7 @@ icons
src |
- 图像文件的路径。 如果src是一个相对URL，则基本URL将是manifest的URL。 |
+ 图像文件的路径。 如果src是一个相对 URL，则基本 URL 将是 manifest 的 URL。 |
type |
@@ -206,7 +206,7 @@ name
orientation
-定义所有Web应用程序顶级的默认方向 {{Glossary("Browsing context", "browsing contexts")}}.
+定义所有 Web 应用程序顶级的默认方向 {{Glossary("Browsing context", "browsing contexts")}}.
"orientation": "portrait-primary"
@@ -225,17 +225,17 @@ orientation
-指定一个布尔值，提示用户代理向用户指示指定的相关应用程序（请参见下文）可用，并建议通过Web应用程序。 只有当相关的本地应用程序确实提供了某些Web应用程序无法做到的事情时，才应该使用它。
+指定一个布尔值，提示用户代理向用户指示指定的相关应用程序（请参见下文）可用，并建议通过 Web 应用程序。 只有当相关的本地应用程序确实提供了某些 Web 应用程序无法做到的事情时，才应该使用它。
"prefer_related_applications": false
-
Note: 如果省略,默认设置为 false.
+
Note: 如果省略，默认设置为 false.
指定一个“应用程序对象”数组，代表可由底层平台安装或可访问的本机应用程序 - 例如可通过Google Play Store获取的原生Android应用程序。 这样的应用程序旨在替代提供类似或等同功能的Web应用程序 - 就像Web应用程序的本机应用程序版本一样。
+指定一个“应用程序对象”数组，代表可由底层平台安装或可访问的本机应用程序 - 例如可通过 Google Play Store 获取的原生 Android 应用程序。 这样的应用程序旨在替代提供类似或等同功能的 Web 应用程序 - 就像 Web 应用程序的本机应用程序版本一样。
"related_applications": [
{
@@ -263,49 +263,49 @@
url |
- 可以找到应用程序的URL。 |
+ 可以找到应用程序的 URL。 |
id |
- 用于表示指定平台上的应用程序的ID。 |
+ 用于表示指定平台上的应用程序的 ID。 |
scope
-定义此Web应用程序的应用程序上下文的导航范围。 这基本上限制了manifest可以查看的网页。 如果用户在范围之外浏览应用程序，则返回到正常的网页。
+定义此 Web 应用程序的应用程序上下文的导航范围。 这基本上限制了 manifest 可以查看的网页。 如果用户在范围之外浏览应用程序，则返回到正常的网页。
-如果scope是相对URL，则基本URL将是manifest的URL。
+如果scope是相对 URL，则基本 URL 将是 manifest 的 URL。
"scope": "/myapp/"
short_name
-为应用程序提供简短易读的名称。 这是为了在没有足够空间显示Web应用程序的全名时使用。
+为应用程序提供简短易读的名称。 这是为了在没有足够空间显示 Web 应用程序的全名时使用。
"short_name": "I/O 2017"
start_url
-指定用户从设备启动应用程序时加载的URL。 如果以相对URL的形式给出，则基本URL将是manifest的URL。
+指定用户从设备启动应用程序时加载的 URL。 如果以相对 URL 的形式给出，则基本 URL 将是 manifest 的 URL。
"start_url": "./?utm_source=web_app_manifest"
theme_color
-定义应用程序的默认主题颜色。 这有时会影响操作系统显示应用程序的方式（例如，在Android的任务切换器上，主题颜色包围应用程序）。
+定义应用程序的默认主题颜色。 这有时会影响操作系统显示应用程序的方式（例如，在 Android 的任务切换器上，主题颜色包围应用程序）。
"theme_color": "aliceblue"
初始屏幕
-在Chrome 47及更高版本中，从主屏幕启动的Web应用程序将显示启动画面。 这个启动画面是使用Web应用程序清单中的属性自动生成的，具体来说就是：name，background_color以及icons 中距设备最近128dpi的图标。
+在 Chrome 47 及更高版本中，从主屏幕启动的 Web 应用程序将显示启动画面。 这个启动画面是使用 Web 应用程序清单中的属性自动生成的，具体来说就是：name，background_color以及icons 中距设备最近 128dpi 的图标。
-Mime类型
+Mime 类型
-Manifests 应使用 application/manifest+json MIME 类型. 但是, 你不必非得这样做.
+Manifests 应使用 application/manifest+json MIME 类型。但是，你不必非得这样做。
规范
diff --git a/files/zh-cn/web/mathml/attribute/index.html b/files/zh-cn/web/mathml/attribute/index.html
index 496c69a50accff..095df7836c36a1 100644
--- a/files/zh-cn/web/mathml/attribute/index.html
+++ b/files/zh-cn/web/mathml/attribute/index.html
@@ -3,13 +3,13 @@
slug: Web/MathML/Attribute
translation_of: Web/MathML/Attribute
---
-此页面是MathML属性的字母表。 每个属性的更多详细信息请看这里element pages。
+此页面是 MathML 属性的字母表。 每个属性的更多详细信息请看这里element pages。
注意：
@@ -25,7 +25,7 @@
accent |
{{ MathMLElement("mo") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }} |
- 布尔类型的值，指明操作符是否应该被视为accent。
+ 布尔类型的值，指明操作符是否应该被视为 accent。
原文：A Boolean value specifying whether the operator should be treated as an accent.
|
@@ -34,7 +34,7 @@
accentunder |
{{ MathMLElement("munder") }}, {{ MathMLElement("munderover") }} |
- 布尔类型的值，指明操作符是否应该被视为accent。
+ 布尔类型的值，指明操作符是否应该被视为 accent。
原文：A Boolean value specifying whether the operator should be treated as an accent.
|
diff --git a/files/zh-cn/web/mathml/authoring/index.html b/files/zh-cn/web/mathml/authoring/index.html
index e7295b1d59bc64..ad5e679d4d6b90 100644
--- a/files/zh-cn/web/mathml/authoring/index.html
+++ b/files/zh-cn/web/mathml/authoring/index.html
@@ -10,7 +10,7 @@
这个页面解释了如何利用 MathML 语言书写数学公式。就像 HTML，MathML 是用标签和属性描述的。当你的文档包含了高级结构比如说列表或表格的时候，HTML 会变得很冗长，但是幸好还有很多来自简单记号法的生成器，“所见即所得”编辑器以及别的内容管理系统可以帮助你编写 Web 网页。
-数学公式记号法在结构方面更加复杂，像分数、平方根或者矩阵，很可能需要它们自己的标签。结果是，好的 MathML 编辑工具很重要，我们在下面描述一些工具。值得一说的是，Mozilla MathML 工作小组已经开发出了 TeXZilla，这是一个基于 JavaScript、支持 Unicode 编码的 LaTeX 转 MathML 转换器，is intended to be used in many scenarios described here。当然了，这个列表并不详尽，我们建议你自己去查看 W3C MathML软件列表，你可以在那里找到很多别的工具。
+数学公式记号法在结构方面更加复杂，像分数、平方根或者矩阵，很可能需要它们自己的标签。结果是，好的 MathML 编辑工具很重要，我们在下面描述一些工具。值得一说的是，Mozilla MathML 工作小组已经开发出了 TeXZilla，这是一个基于 JavaScript、支持 Unicode 编码的 LaTeX 转 MathML 转换器，is intended to be used in many scenarios described here。当然了，这个列表并不详尽，我们建议你自己去查看 W3C MathML 软件列表，你可以在那里找到很多别的工具。
注意，根据设计，MathML 在 HTML5 中是完美整合的，而且你可以使用寻常的 Web 功能，比如说 CSS、DOM、JavaScript 或 SVG。这超出这个文档的范围了，但是任何拥有基础 Web 语言知识的人都能够轻松地学会用 MathML 综合这些功能。请阅读我们的文档以及 MathML 参考以了解详情。
@@ -45,11 +45,11 @@ HTML 网
对不支持 MathML 的浏览器的后备计划
-
不幸的是，一些浏览器不能呈现 MathML 方程式，或者只能有限地支持它。因此，你可能需要使用一个MathML polyfill 以提供一些用于呈现的后备计划。如果你只需要基本的数学公式结构，比如说用在这个 MDN wiki 中的这些，那么，一个小型的 mathml.css 样式表就足够了。要想使用它，只需要在你的文档中插入一行内容：
+不幸的是，一些浏览器不能呈现 MathML 方程式，或者只能有限地支持它。因此，你可能需要使用一个 MathML polyfill 以提供一些用于呈现的后备计划。如果你只需要基本的数学公式结构，比如说用在这个 MDN wiki 中的这些，那么，一个小型的 mathml.css 样式表就足够了。要想使用它，只需要在你的文档中插入一行内容：
<script src="http://fred-wang.github.io/mathml.css/mspace.js"></script>
-如果你需要更多复杂的结构，你需要考虑使用更重一些的 MathJax 库作为一个MathML polyfill：
+如果你需要更多复杂的结构，你需要考虑使用更重一些的 MathJax 库作为一个 MathML polyfill：
<script src="http://fred-wang.github.io/mathjax.js/mpadded-min.js"></script>
@@ -93,7 +93,7 @@ 数学公式字体
You can then use the @font-face rule as usual to provide WOFF fallback for Latin Modern and Latin Modern Math. See this GitHub repository to get WOFF fonts and sample CSS stylesheets to use on your Web site and check its test page.
-XML文档中的 MathML（XHTML、EPUB，等等）
+XML 文档中的 MathML（XHTML、EPUB，等等）
If for some reason you need to use MathML in XML documents, be sure to satisfy the usual requirements: well-formed document, use of correct MIME type, MathML namespace "http://www.w3.org/1998/Math/MathML" on <math> roots. For example, the XHTML version of the previous example looks like this:
diff --git a/files/zh-cn/web/mathml/element/index.html b/files/zh-cn/web/mathml/element/index.html
index 6eabd340c79ae6..892003acc9cbca 100644
--- a/files/zh-cn/web/mathml/element/index.html
+++ b/files/zh-cn/web/mathml/element/index.html
@@ -128,7 +128,7 @@ U
- {{MathMLElement("munder")}}（下标）
- - {{MathMLElement("munderover")}}（上标-下标对）
+ - {{MathMLElement("munderover")}}（上标 - 下标对）
其他元素
diff --git a/files/zh-cn/web/mathml/element/maction/index.html b/files/zh-cn/web/mathml/element/maction/index.html
index b31cec26c6769a..db8fb919eb842e 100644
--- a/files/zh-cn/web/mathml/element/maction/index.html
+++ b/files/zh-cn/web/mathml/element/maction/index.html
@@ -15,8 +15,8 @@ 属性
actiontype
该属性描述元素上发生了哪种行为，有如下几种取值：
- statusline: 当元素被点击或屏幕阅读器的指针指向该元素时触发，message会在浏览器的状态栏中显示。语法如下：<maction actiontype="statusline"> expression message </maction>。toggle: 当子表达式被点击时触发，子表达式会依次显示。因此每次点击时selection的值都会增加。语法如下：<maction actiontype="toggle" selection="positive-integer" > expression1 expression2 expressionN </maction>。statusline: 当元素被点击或屏幕阅读器的指针指向该元素时触发，message 会在浏览器的状态栏中显示。语法如下：<maction actiontype="statusline"> expression message </maction>。toggle: 当子表达式被点击时触发，子表达式会依次显示。因此每次点击时 selection 的值都会增加。语法如下：<maction actiontype="toggle" selection="positive-integer" > expression1 expression2 expressionN </maction>。tooltip: 当指针指向表达式时触发，会在表达式附近显示一个提示框。语法如下：<maction actiontype="tooltip"> expression message </maction>。
@@ -25,9 +25,9 @@ 属性
href
用来设置标签点击后跳转的链接。
mathbackground
- 用来设置标签的背景色，可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置标签的背景色，可以使用#rgb、#rrggbb或者HTML 颜色名。
mathcolor
- 用来设置文字和分数的线的颜色，同样可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置文字和分数的线的颜色，同样可以使用#rgb、#rrggbb或者HTML 颜色名。
selection
用来设置该行为作用在哪个子元素上，默认为1，代表第一个子元素。
@@ -96,16 +96,16 @@ 浏览器兼容性
{{Compat("mathml.elements.maction")}}
-Gecko具体说明
+Gecko 具体说明
diff --git a/files/zh-cn/web/mathml/element/math/index.html b/files/zh-cn/web/mathml/element/math/index.html
index 5eada860f8d262..9ae82856fe16f5 100644
--- a/files/zh-cn/web/mathml/element/math/index.html
+++ b/files/zh-cn/web/mathml/element/math/index.html
@@ -9,7 +9,7 @@
---
{{MathMLRef}}
-MathML的顶级元素是<math>。所有有效的MathML实例必须被包括在 <math> 标记中。另外不可以在一个 <math> 元素中嵌套第二个 <math> 元素，但是 <math> 元素中可以有任意多的子元素 。
+MathML 的顶级元素是<math>。所有有效的 MathML 实例必须被包括在 <math> 标记中。另外不可以在一个 <math> 元素中嵌套第二个 <math> 元素，但是 <math> 元素中可以有任意多的子元素 。
属性
@@ -21,23 +21,23 @@ 属性
dir
公式的整体方向。取值可以是 ltr (从左到右) 或者 rtl (从右到左).
href
- 用于给公式设置一个超链接的URI。
+ 用于给公式设置一个超链接的 URI。
mathbackground
- 背景颜色。你可以使用#rgb格式、 #rrggbb 格式和 HTML颜色名。
+ 背景颜色。你可以使用#rgb格式、 #rrggbb 格式和 HTML 颜色名。
mathcolor
- 公式的文本颜色。你可以使用#rgb格式、 #rrggbb 格式和 HTML颜色名。
+ 公式的文本颜色。你可以使用#rgb格式、 #rrggbb 格式和 HTML 颜色名。
display
- 这个枚举属性指定本标记所括的MathML代码应该如何被显示。该属性有如下取值：
+ 这个枚举属性指定本标记所括的 MathML 代码应该如何被显示。该属性有如下取值：
- block, 使用该值会使该MathML元素显示于文本之外，成为一个独立的块元素，不受其所在的文本的影响。inline, 使用该值使这段MathML显示为行内元素，放置于当前文本的区域中。除非改变文本的显示，否则无法移动这个MathML的显示位置。block, 使用该值会使该 MathML 元素显示于文本之外，成为一个独立的块元素，不受其所在的文本的影响。inline, 使用该值使这段 MathML 显示为行内元素，放置于当前文本的区域中。除非改变文本的显示，否则无法移动这个 MathML 的显示位置。
如果没有指定该属性值，默认值采用 inline。
mod {{deprecated_inline}}
- 因为display属性的出现而废弃。
- 可用取值为：display (效果和display="block"一样) 和and inline.
+ 因为display 属性的出现而废弃。
+ 可用取值为：display (效果和display="block"一样) 和 and inline.
overflow
指定当该数学公式超过了其运行的范围时应该如何表现。
可能的取值为： linebreak (默认值), scroll, elide, truncate, scale.
@@ -115,7 +115,7 @@ XHTML 记号
</body>
</html>
-注意： XHTML 文档如果带有MathML，必须将文档的MIME类型设置为application/xhtml+xml进行发送。一般来说可以通过将扩展名改为.xhtml 来实现对本地文件的修改。对于Apache服务器，你可以配置.htaccess文件 来达到映射扩展名为正确的MIME类型的目的。因为MathML被放在一个XML文件中，你必须编写一个严格符合XML格式的文档。
+注意： XHTML 文档如果带有 MathML，必须将文档的 MIME 类型设置为application/xhtml+xml进行发送。一般来说可以通过将扩展名改为.xhtml 来实现对本地文件的修改。对于 Apache 服务器，你可以配置.htaccess文件 来达到映射扩展名为正确的 MIME 类型的目的。因为 MathML 被放在一个 XML 文件中，你必须编写一个严格符合 XML 格式的文档。
规范
@@ -147,9 +147,9 @@ 浏览器兼容性
Gecko-specific 注释
-Gecko 7.0 {{ geckoRelease("7.0") }} 添加了对所有MathML属性在顶级math元素上的支持。 (也就是说和添加一个{{ MathMLElement("mstyle") }}元素效果一样)。然而，displaystyle 属性直到Gecko 8.0 {{ geckoRelease("8.0") }} 才 被添加进实现。
+Gecko 7.0 {{ geckoRelease("7.0") }} 添加了对所有 MathML 属性在顶级 math 元素上的支持。 (也就是说和添加一个{{ MathMLElement("mstyle") }}元素效果一样)。然而，displaystyle 属性直到 Gecko 8.0 {{ geckoRelease("8.0") }} 才 被添加进实现。
-纯文本的fall-back (alttext) 或者指定替代图像的属性altimg, altimg-width, altimg-height 或 altimg-valign 目前都还没有在Gecko中实现。
+纯文本的 fall-back (alttext) 或者指定替代图像的属性altimg, altimg-width, altimg-height 或 altimg-valign 目前都还没有在 Gecko 中实现。
另见
diff --git a/files/zh-cn/web/mathml/element/mroot/index.html b/files/zh-cn/web/mathml/element/mroot/index.html
index 284ce119855138..c96917827a017c 100644
--- a/files/zh-cn/web/mathml/element/mroot/index.html
+++ b/files/zh-cn/web/mathml/element/mroot/index.html
@@ -5,7 +5,7 @@
---
{{MathMLRef}}
-MathML的<mroot>元素用来表示一个有明确根指数的根式。它接受两个参数，语法如下：<mroot> base index </mroot>。
+MathML 的<mroot>元素用来表示一个有明确根指数的根式。它接受两个参数，语法如下：<mroot> base index </mroot>。
属性
@@ -15,9 +15,9 @@ 属性
href
用来设置标签点击后跳转的链接。
mathbackground
- 用来设置标签的背景色，可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置标签的背景色，可以使用#rgb、#rrggbb或者HTML 颜色名。
mathcolor
- 用来设置文字（包括根底数、根指数和根号本身）的颜色，同样可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置文字（包括根底数、根指数和根号本身）的颜色，同样可以使用#rgb、#rrggbb或者HTML 颜色名。
例子
diff --git a/files/zh-cn/web/mathml/element/mspace/index.html b/files/zh-cn/web/mathml/element/mspace/index.html
index c063dc4f9f4673..b6fb4681ef1a68 100644
--- a/files/zh-cn/web/mathml/element/mspace/index.html
+++ b/files/zh-cn/web/mathml/element/mspace/index.html
@@ -20,7 +20,7 @@ 属性
Indicates a line-break at the space. Possible values: auto (default value), newline, nobreak, goodbreak, badbreak.
Starting with MathML 3, it is preferred to use {{ MathMLElement("mo") }} to control linebreaking.
mathbackground
- 用来设置背景色，可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置背景色，可以使用#rgb、#rrggbb或者HTML 颜色名。
width
空白的宽度 (参阅 length).
@@ -66,11 +66,11 @@ 浏览器兼容性
{{Compat("mathml.elements.mspace")}}
-Gecko说明
+Gecko 说明
- Indentation attributes 暂时没有实现 (for Gecko see {{ bug("534962") }}).
- - 从Gecko 23.0 {{geckoRelease("23.0")}}开始实现了对
width属性负值的支持。
+ - 从 Gecko 23.0 {{geckoRelease("23.0")}}开始实现了对
width属性负值的支持。
相关链接
diff --git a/files/zh-cn/web/mathml/element/msqrt/index.html b/files/zh-cn/web/mathml/element/msqrt/index.html
index d4b741d38f88b7..f87cd504066ec9 100644
--- a/files/zh-cn/web/mathml/element/msqrt/index.html
+++ b/files/zh-cn/web/mathml/element/msqrt/index.html
@@ -15,9 +15,9 @@ 属性
href
用来设置标签点击后跳转的链接
mathbackground
- 用来设置标签的背景色，可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置标签的背景色，可以使用#rgb、#rrggbb或者HTML 颜色名。
mathcolor
- 用来设置文字（包括根底数、根指数和根号本身）的颜色，同样可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置文字（包括根底数、根指数和根号本身）的颜色，同样可以使用#rgb、#rrggbb或者HTML 颜色名。
例子
diff --git a/files/zh-cn/web/mathml/element/msub/index.html b/files/zh-cn/web/mathml/element/msub/index.html
index edd18d677a69cd..363a5436a5ada7 100644
--- a/files/zh-cn/web/mathml/element/msub/index.html
+++ b/files/zh-cn/web/mathml/element/msub/index.html
@@ -15,9 +15,9 @@ 属性
href
用来设置标签点击后跳转的链接。
mathbackground
- 用来设置标签的背景色，可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置标签的背景色，可以使用#rgb、#rrggbb或者HTML 颜色名。
mathcolor
- 用来设置标签文字的颜色，同样可以使用#rgb、#rrggbb或者HTML颜色名。
+ 用来设置标签文字的颜色，同样可以使用#rgb、#rrggbb或者HTML 颜色名。
subscriptshift
用来设置下标相对于表达式的基线的最小距离，它是一个长度值。
@@ -66,10 +66,10 @@ 浏览器兼容性
{{Compat("mathml.elements.msub")}}
-关于Gecko的特殊说明
+关于 Gecko 的特殊说明
- - 从Gecko 26.0 {{geckoRelease("26")}}开始，不允许使用<none />作为子元素。The rendering has been made more consistent with equivalent configurations of {{MathMLElement("msup")}} and {{MathMLElement("mmultiscripts")}} and a bug with an incorrect application
of the superscriptshift attribute has been fixed (see {{bug("827713")}} for details).
+ - 从 Gecko 26.0 {{geckoRelease("26")}}开始，不允许使用<none />作为子元素。The rendering has been made more consistent with equivalent configurations of {{MathMLElement("msup")}} and {{MathMLElement("mmultiscripts")}} and a bug with an incorrect application
of the superscriptshift attribute has been fixed (see {{bug("827713")}} for details).
相关链接
diff --git a/files/zh-cn/web/mathml/element/msup/index.html b/files/zh-cn/web/mathml/element/msup/index.html
index d45ee8ec2d38c0..6cfab05f8616e0 100644
--- a/files/zh-cn/web/mathml/element/msup/index.html
+++ b/files/zh-cn/web/mathml/element/msup/index.html
@@ -75,10 +75,10 @@ 浏览器兼容性
{{Compat("mathml.elements.msup")}}
-Gecko说明
+Gecko 说明
- - 从 Gecko 26.0 {{geckoRelease("26")}} 开始，不再支持使用 <none /> 作为子元素。并且渲染结果和 {{MathMLElement("msub")}} 和 {{MathMLElement("mmultiscripts")}} 这些等价配置更加接近，同时修复了一个关于 superscriptshift 属性错误使用的问题(参阅 {{bug("827713")}}).
+ - 从 Gecko 26.0 {{geckoRelease("26")}} 开始，不再支持使用 <none /> 作为子元素。并且渲染结果和 {{MathMLElement("msub")}} 和 {{MathMLElement("mmultiscripts")}} 这些等价配置更加接近，同时修复了一个关于 superscriptshift 属性错误使用的问题 (参阅 {{bug("827713")}}).
参见
diff --git a/files/zh-cn/web/media/autoplay_guide/index.html b/files/zh-cn/web/media/autoplay_guide/index.html
index 140e8efc33e72f..104c4e9040e2ea 100644
--- a/files/zh-cn/web/media/autoplay_guide/index.html
+++ b/files/zh-cn/web/media/autoplay_guide/index.html
@@ -21,7 +21,7 @@ 自动播放 和 自动播放暂
audioElement.play();
-
以下网络功能和API可能会受到自动播放阻止的影响：
+以下网络功能和 API 可能会受到自动播放阻止的影响：
- The {{Glossary("HTML")}} {{HTMLElement("audio")}} and {{HTMLElement("video")}} elements
@@ -30,12 +30,12 @@ 自动播放 和 自动播放暂
从用户的角度来看，网页或应用程序自动地发出噪音而没有警告可能会令人讨厌、不便或令人反感。因此，浏览器通常仅允许在特定情况下进行自动播放。
-Autoplay功能
+Autoplay 功能
据新政策，媒体内容将在满足以下至少一个的条件下自动播放：
- - 音频被静音或其音量设置为0
+ - 音频被静音或其音量设置为 0
- 用户和网页已有交互行为（包括点击、触摸、按下某个键等等）
- 网站已被列入白名单；如果浏览器确定用户经常与媒体互动，这可能会自动发生，也可能通过首选项或其他用户界面功能手动发生
- 自动播放策略应用到{{HTMLElement("iframe")}}或者其文档上
@@ -46,7 +46,7 @@ Autoplay功能
详情，请参阅 Google Chrome 和 WebKit 的自动播放政策。
-
注意: 换句话说，如果在尚无任何用户交互的页面中通过编程方式启动播放，则通常会阻止任何包含音频在内的媒体的播放。
+
注意： 换句话说，如果在尚无任何用户交互的页面中通过编程方式启动播放，则通常会阻止任何包含音频在内的媒体的播放。
能自动播放的媒体元素
@@ -65,7 +65,7 @@ autoplay 属性
- 假设网络性能或带宽没有显着变化，且已收到足够的媒体流并已开始播放，继续播放直至媒体结束而不会中断。
-例子1: autoplay属性
+例子 1: autoplay 属性
使用 autoplay 属性的{{HTMLElement("audio")}}元素就像如下：
@@ -74,7 +74,7 @@ 例子1: autoplay属性
</audio>
-例子2：检测自动播放失败
+例子 2：检测自动播放失败
如果你依靠自动播放功能去做一些重要的事情，或者自动播放失败会以任何方式影响你的应用程序，那你可能会想知道自动播放什么时候没有开始。不幸的是，对于{{htmlattrxref("autoplay", "audio")}}属性，识别自动播放是否成功开始是很棘手的。自动播放失败时不会触发任何事件。也没有抛出异常或可以设置回调，甚至在媒体元素上都没有标记来告诉你自动播放是否起作用。你实际能做的就是检查一些值，然后根据这些值猜测自动播放是否起作用。
diff --git a/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.html b/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.html
index 600ea4e8b5b6ac..58fb1b97c6d977 100644
--- a/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.html
+++ b/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.html
@@ -16,17 +16,17 @@ 浏览器支持
Firefox 21 包含了针对 HTM5 WebM 视频的 DASH 实现，但默认没有启用。可以通过在“about:config”里调整“media.dash.enabled”首选项来开启。
-Firefox 23 移除了针对 HTML5 WebM 视频的 DASH 实现。此功能将被 媒体源扩展 API（MSE） 的实现取代。MSE 可实现通过 JavaScript 库（例如 dash.js）来提供对 DASH 的支持。详情参见 Bug 778617。
+Firefox 23 移除了针对 HTML5 WebM 视频的 DASH 实现。此功能将被 媒体源扩展 API（MSE）的实现取代。MSE 可实现通过 JavaScript 库（例如 dash.js）来提供对 DASH 的支持。详情参见 Bug 778617。
使用 DASH - 服务端
-首先，您需要将WebM视频转换为带有不同比特率的随附视频文件的DASH清单。根据您的需求，启动从 ffmpeg.org 的 ffmpeg 程序，就可以使用 libvpx 和 libbvorbis 支持的 WebM 视频和音频（版本2.5以上，3.2.5版本已通过测试）。
+首先，您需要将 WebM 视频转换为带有不同比特率的随附视频文件的 DASH 清单。根据您的需求，启动从 ffmpeg.org 的 ffmpeg 程序，就可以使用 libvpx 和 libbvorbis 支持的 WebM 视频和音频（版本 2.5 以上，3.2.5 版本已通过测试）。
-1. 使用现有的WebM文件创建一个音频文件和多个视频文件。
+1. 使用现有的 WebM 文件创建一个音频文件和多个视频文件。
例如：
-文件in.video可以是任何包含至少一个音频和一个视频流的容器，这些容器可以由ffmpeg解码，
+文件in.video可以是任何包含至少一个音频和一个视频流的容器，这些容器可以由 ffmpeg 解码，
创建音频：
@@ -78,11 +78,11 @@ 2. 创建清单文件
-map 参数对应输入文件的顺序（每个文件只对应一个参数）。-adaptation_sets 参数将它们分配给适配集；例如，以上命令创建一个包含 0,1,2,3 的视频集（0），而另一个（1）仅仅包含视频流 4 和音频流。
-将清单和相关的视频文件放在Web服务器或CDN上。 DASH通过HTTP来完成，因此只要您的HTTP服务器支持字节范围请求，并且DASH设置为使用 mimetype="application/dash+xml" 来支持 .mpd 文件即可。
+将清单和相关的视频文件放在 Web 服务器或 CDN 上。 DASH 通过 HTTP 来完成，因此只要您的 HTTP 服务器支持字节范围请求，并且 DASH 设置为使用 mimetype="application/dash+xml" 来支持 .mpd 文件即可。
-使用DASH-客户端
+使用 DASH-客户端
-您将需要修改网页，使其首先指向DASH清单，而不是直接指向特定的视频文件：
+您将需要修改网页，使其首先指向 DASH 清单，而不是直接指向特定的视频文件：
<video>
<source src="movie.mpd">
@@ -90,7 +90,7 @@ 使用DASH-客户端
Your browser does not support the video tag.
</video>
-如果浏览器支持DASH，则您的视频现在将自适应地流式传输。
+如果浏览器支持 DASH，则您的视频现在将自适应地流式传输。
Links
diff --git a/files/zh-cn/web/media/formats/containers/index.html b/files/zh-cn/web/media/formats/containers/index.html
index 5e0a5cd9b2419c..a329c0e02e7290 100644
--- a/files/zh-cn/web/media/formats/containers/index.html
+++ b/files/zh-cn/web/media/formats/containers/index.html
@@ -11,9 +11,9 @@
-最常用的几个媒体容器格式：MPEG-4（MP4）、QuickTime Movie（MOV）、Wavafile Audio File Format（WAV）。当然你也可能听说过：MP3, Ogg, WebM, AVI等等。下面列出了常用的几种媒体容器格式，有些仅支持音频，有些即支持音频又支持视频。
+最常用的几个媒体容器格式：MPEG-4（MP4）、QuickTime Movie（MOV）、Wavafile Audio File Format（WAV）。当然你也可能听说过：MP3, Ogg, WebM, AVI 等等。下面列出了常用的几种媒体容器格式，有些仅支持音频，有些即支持音频又支持视频。
-一个媒体文件的扩展名和MIME类型，与它的容器格式以及它的编码方式没有特定的关系。例如MP3的扩展名是.mp3，MIME类型是audio/mp3，但是它的容器格式是MPEG-1，编码方式是MPEG-1 Audio Layer III。
+一个媒体文件的扩展名和 MIME 类型，与它的容器格式以及它的编码方式没有特定的关系。例如 MP3 的扩展名是.mp3，MIME 类型是audio/mp3，但是它的容器格式是 MPEG-1，编码方式是 MPEG-1 Audio Layer III。
diff --git a/files/zh-cn/web/media/formats/image_types/index.html b/files/zh-cn/web/media/formats/image_types/index.html
index 3d3ecd9968608f..ec7dc0a4e26594 100644
--- a/files/zh-cn/web/media/formats/image_types/index.html
+++ b/files/zh-cn/web/media/formats/image_types/index.html
@@ -18,7 +18,7 @@
常见图像文件类型
-世界上有非常多的图像文件格式。下面列举了网页上常用的格式，其中BMP由于浏览器支持限制而不被推荐，通常应该避免在网页内容中使用。
+世界上有非常多的图像文件格式。下面列举了网页上常用的格式，其中 BMP 由于浏览器支持限制而不被推荐，通常应该避免在网页内容中使用。
diff --git a/files/zh-cn/web/media/formats/video_codecs/index.html b/files/zh-cn/web/media/formats/video_codecs/index.html
index 839858989ecf53..0e9086cb146bf6 100644
--- a/files/zh-cn/web/media/formats/video_codecs/index.html
+++ b/files/zh-cn/web/media/formats/video_codecs/index.html
@@ -10,9 +10,9 @@
- 全色彩的高清视频（1920x1080）每一帧为 8,294,400 字节。
- - 按照典型的每秒30帧的传播速度，高清视频每秒钟会占用 248,832,000 字节（约 249 MB）。
+ - 按照典型的每秒 30 帧的传播速度，高清视频每秒钟会占用 248,832,000 字节（约 249 MB）。
- 一分钟的高清视频将需要 14.93 GB 的存储空间。
- - 一个相当典型的30分钟视频会议将需要约 447.9 GB 的存储空间，而2小时的电影则需要将近 1.79 TB（也就是 1790 GB） 的存储空间。
+ - 一个相当典型的 30 分钟视频会议将需要约 447.9 GB 的存储空间，而 2 小时的电影则需要将近 1.79 TB（也就是 1790 GB） 的存储空间。
不仅仅是需要的存储空间很大的问题，以 249MB 每秒的速度传输这样的未压缩的视频所需要的网络带宽也很大（不包括音频和开销）。这就是为什么我们需要视频编解码器。就像音频编解码器对声音数据所做的处理一样，视频编解码器会压缩视频数据并将其编码为一种格式，以后我们可以对其进行解码，播放或者编辑。
@@ -111,7 +111,7 @@ 源视频格式对编码输出
| Color depth (bit depth) |
- 颜色位深越高，视频中颜色保真度质量就越高。除此之外，在图像饱和部分（颜色纯而强烈的，例如明亮纯红色［rgba(255,0,0,1)），低于每分量10色深(10bits色彩)允许条带化，其中，如果没有可见色阶跃就无法表示渐变。 |
+ 颜色位深越高，视频中颜色保真度质量就越高。除此之外，在图像饱和部分（颜色纯而强烈的，例如明亮纯红色［rgba(255,0,0,1)），低于每分量 10 色深 (10bits 色彩) 允许条带化，其中，如果没有可见色阶跃就无法表示渐变。 |
Depending on the codec, higher color depths may result in larger compressed file sizes. The determining factor is what internal storage format is used for the compressed data. |
diff --git a/files/zh-cn/web/media/index.html b/files/zh-cn/web/media/index.html
index a82c194f5b6802..058c77da74ced4 100644
--- a/files/zh-cn/web/media/index.html
+++ b/files/zh-cn/web/media/index.html
@@ -23,7 +23,7 @@ HTML
{{HTMLElement("audio")}}
<audio> 元素用于在 Web 上下文中播放音频。这可以用于复杂媒体的隐性目标，亦或是用户控制播放音频的可见控制。可以从 JavaScript {{domxref("HTMLAudioElement")}} 对象中访问。
{{HTMLElement("video")}}
- <video> 元素是 Web 上下文中视频内容的端点。其可以简单地用于呈现视频，亦或是流式视频的目标。<video> 也可以用于连接媒体 API 和其他 HTML 与 DOM 技术，比如 {{HTMLElement("canvas")}} （用于抓取并控制框中内容)，例如，可以通过 JavaScript {{domxref("HTMLVideoElement")}} 对象访问。
+ <video> 元素是 Web 上下文中视频内容的端点。其可以简单地用于呈现视频，亦或是流式视频的目标。<video> 也可以用于连接媒体 API 和其他 HTML 与 DOM 技术，比如 {{HTMLElement("canvas")}}（用于抓取并控制框中内容)，例如，可以通过 JavaScript {{domxref("HTMLVideoElement")}} 对象访问。
{{HTMLElement("track")}}
<track> 元素可以被放置在 {{HTMLElement("audio")}} 或者 {{HTMLElement("video")}} 元素内部，当在媒体播放时，以提供 WebVTT 格式化字幕或标题轨道的参考。可以通过 JavaScript {{domxref("HTMLTrackElement")}} 对象访问。
{{HTMLElement("source")}}
@@ -38,7 +38,7 @@ API
网络音频 API
网络音频 API 允许您生成、过滤并调节实时与预录的音频材料，并将其发送至 <audio> 元素、媒体流或磁盘中。
WebRTC
- WebRTC （网页即时通信） 可以使互联网上任意两位用户在无需媒介的情况下中串流实时音频、视频和任意数据。
+ WebRTC（网页即时通信） 可以使互联网上任意两位用户在无需媒介的情况下中串流实时音频、视频和任意数据。
diff --git a/files/zh-cn/web/performance/critical_rendering_path/index.html b/files/zh-cn/web/performance/critical_rendering_path/index.html
index 4158961c566597..751c3cf9cf3a77 100644
--- a/files/zh-cn/web/performance/critical_rendering_path/index.html
+++ b/files/zh-cn/web/performance/critical_rendering_path/index.html
@@ -19,13 +19,13 @@ 理解 CRP
Web 性能包含了服务器请求和响应、加载、执行脚本、渲染、布局和绘制每个像素到屏幕上。
-网页请求从 HTML 文件请求开始。服务器返回 HTML -- 响应头和数据。然后浏览器开始解析 HTML，转换收到的数据为 DOM 树。浏览器每次发现外部资源就初始化请求，无论是样式、脚本或者嵌入的图片引用。有时请求会阻塞，这意味着解析剩下的 HTML 会被终止直到重要的资源被处理。浏览器接着解析 HTML，发请求和构造 DOM 直到文件结尾 ，这时开始构造 CSS对象模型。等到 DOM 和 CSSOM 完成之后，浏览器构造渲染树，计算所有可见内容的样式。一旦渲染树完成布局开始，定义所有渲染树元素的位置和大小。完成之后，页面被渲染完成，或者说是绘制到屏幕上。
+网页请求从 HTML 文件请求开始。服务器返回 HTML -- 响应头和数据。然后浏览器开始解析 HTML，转换收到的数据为 DOM 树。浏览器每次发现外部资源就初始化请求，无论是样式、脚本或者嵌入的图片引用。有时请求会阻塞，这意味着解析剩下的 HTML 会被终止直到重要的资源被处理。浏览器接着解析 HTML，发请求和构造 DOM 直到文件结尾 ，这时开始构造 CSS 对象模型。等到 DOM 和 CSSOM 完成之后，浏览器构造渲染树，计算所有可见内容的样式。一旦渲染树完成布局开始，定义所有渲染树元素的位置和大小。完成之后，页面被渲染完成，或者说是绘制到屏幕上。
文本对象模型
-DOM构建是增量的。 HTML响应变成令牌（token），令牌变成节点，而节点又变成DOM树。 单个DOM节点以startTag令牌开始，以endTag令牌结束。 节点包含有关HTML元素的所有相关信息。 该信息是使用令牌描述的。 节点根据令牌层次结构连接到DOM树中。 如果另一组startTag和endTag令牌位于一组startTag和endTag之间，则您在节点内有一个节点，这就是我们定义DOM树层次结构的方式。
+DOM 构建是增量的。 HTML 响应变成令牌（token），令牌变成节点，而节点又变成 DOM 树。 单个 DOM 节点以 startTag 令牌开始，以 endTag 令牌结束。 节点包含有关 HTML 元素的所有相关信息。 该信息是使用令牌描述的。 节点根据令牌层次结构连接到 DOM 树中。 如果另一组 startTag 和 endTag 令牌位于一组 startTag 和 endTag 之间，则您在节点内有一个节点，这就是我们定义 DOM 树层次结构的方式。
-节点数量越多，关键渲染路径中的后续事件将花费的时间就越长。 测一下吧！ 几个额外的节点不会有什么区别，但“DIV癖”（divitis）可能会导致问题。
+节点数量越多，关键渲染路径中的后续事件将花费的时间就越长。 测一下吧！ 几个额外的节点不会有什么区别，但“DIV 癖”（divitis）可能会导致问题。
CSS 对象模型
diff --git a/files/zh-cn/web/performance/css_javascript_animation_performance/index.html b/files/zh-cn/web/performance/css_javascript_animation_performance/index.html
index b271fb3b5d9d87..80a4439b28d027 100644
--- a/files/zh-cn/web/performance/css_javascript_animation_performance/index.html
+++ b/files/zh-cn/web/performance/css_javascript_animation_performance/index.html
@@ -12,65 +12,65 @@ CSS 过渡和动画
CSS 中过渡和动画都可以用于编写动画，它们都有各自的使用场景：
- - CSS {{cssxref("transition","transitions")}} 提供了一个简单的的方式去创造当前样式与结束状态样式之间的动画，比如一个 button 的普通状态和 hover 状态。尽管一个元素处于过渡状态中，新的过渡动画也会立即从当前样式开始，而不是直接跳转到CSS的最终状态。浏览 Using CSS transitions 以获取更多细节。
- - 另一方面，CSS {{cssxref("animation","animations")}}, 允许开发者去通过一个初始状态属性值集合与最终状态属性值集合创造动画，而不是单单的初始和最终状态。 CSS animations 由两部分组成: 一个描述 CSS 动画的样式, 以及一个指定动画初始状态，中间状态以及最终状态样式的关键帧集合。浏览 Using CSS animations 以获取更多细节.
+ - CSS {{cssxref("transition","transitions")}} 提供了一个简单的的方式去创造当前样式与结束状态样式之间的动画，比如一个 button 的普通状态和 hover 状态。尽管一个元素处于过渡状态中，新的过渡动画也会立即从当前样式开始，而不是直接跳转到 CSS 的最终状态。浏览 Using CSS transitions 以获取更多细节。
+ - 另一方面，CSS {{cssxref("animation","animations")}}, 允许开发者去通过一个初始状态属性值集合与最终状态属性值集合创造动画，而不是单单的初始和最终状态。 CSS animations 由两部分组成：一个描述 CSS 动画的样式，以及一个指定动画初始状态，中间状态以及最终状态样式的关键帧集合。浏览 Using CSS animations 以获取更多细节。
-就性能方面来说, 无论通过CSS animations 还是 transitions 创造动画，都没有区别。在这篇文章中二者都归类为基于CSS的动画.
+就性能方面来说，无论通过 CSS animations 还是 transitions 创造动画，都没有区别。在这篇文章中二者都归类为基于 CSS 的动画。
requestAnimationFrame
-{{domxref("Window.requestAnimationFrame","requestAnimationFrame()")}}提供了一种用JavaScript代码制作动画的高效方式。本方法的回调函数在绘制下一帧之前由浏览器调用。与需要一个延迟参数的{{domxref("WindowTimers.setTimeout","setTimeout()")}}/{{domxref("WindowTimers.setInterval","setInterval()")}}相比，requestAnimationFrame()效率高得多。开发人员可以在requestAnimationFrame回调函数中通过简单地改变元素的样式(或者更新画布绘制，等等)来创建动画。
+{{domxref("Window.requestAnimationFrame","requestAnimationFrame()")}}提供了一种用 JavaScript 代码制作动画的高效方式。本方法的回调函数在绘制下一帧之前由浏览器调用。与需要一个延迟参数的{{domxref("WindowTimers.setTimeout","setTimeout()")}}/{{domxref("WindowTimers.setInterval","setInterval()")}}相比，requestAnimationFrame() 效率高得多。开发人员可以在 requestAnimationFrame 回调函数中通过简单地改变元素的样式 (或者更新画布绘制，等等) 来创建动画。
-
注意:像CSS转换和动画一样，当页面在后台运行时，requestAnimationFrame()会暂停。
+
注意:像 CSS 转换和动画一样，当页面在后台运行时，requestAnimationFrame() 会暂停。
更多细节请阅读 animating with JavaScript from setinterval to requestAnimationFrame.
-性能对比:
+性能对比：
transitions vs. requestAnimationFrame
-
事实上，大多数场景下, 基于 CSS 的 动画几乎是跟 JavaScript 动画表现一致 — 至少在 FireFox 上是如此. 一些基于 Javascript 的动画库, 像 GSAP and Velocity.JS, 甚至声称他们在性能上可以做得比 native CSS transitions/animations （原生的 CSS transitions/animations）更好. 这是可能的，因为在重绘事件发生之前，CSS transitions/animations 在主的 UI 线程仅仅是重新采集元素的样式, 这跟通过 requestAnimationFrame() 回调，获取重新采集元素样式是一样的, 也是在下一次重绘之前触发. 假如二者都是在主 UI 线程创建的动画，那它们在性能方面没有差异.
+事实上，大多数场景下，基于 CSS 的 动画几乎是跟 JavaScript 动画表现一致 — 至少在 FireFox 上是如此。一些基于 Javascript 的动画库，像 GSAP and Velocity.JS, 甚至声称他们在性能上可以做得比 native CSS transitions/animations （原生的 CSS transitions/animations）更好。这是可能的，因为在重绘事件发生之前，CSS transitions/animations 在主的 UI 线程仅仅是重新采集元素的样式，这跟通过 requestAnimationFrame() 回调，获取重新采集元素样式是一样的，也是在下一次重绘之前触发。假如二者都是在主 UI 线程创建的动画，那它们在性能方面没有差异。
在这一节，我们将会使用 FireFox 通过一个性能测试，去看看哪种动画方式更好
启用 FPS 工具
-在进行示例之前，请启用FPS工具先查看当前帧速率:
+在进行示例之前，请启用 FPS 工具先查看当前帧速率：
- - 在地址栏中，输入about:config;点击" I’ll be careful, I promise!"按钮，以输入配置屏幕。
+ - 在地址栏中，输入 about:config;点击" I’ll be careful, I promise!"按钮，以输入配置屏幕。
- - 在搜索栏中搜索layers.acceleration.draw-fps首选项
- - 双击该条目将值设置为true。.现在您可以在Firefox窗口的左上角看到三个紫色的框。第一个框代表FPS。
+ - 在搜索栏中搜索 layers.acceleration.draw-fps 首选项
+ - 双击该条目将值设置为 true。.现在您可以在 Firefox 窗口的左上角看到三个紫色的框。第一个框代表 FPS。
运行性能测试
-开始在下面的测试中，总共1000个{{htmlelement("div")}}元素通过css动画进行坐标转换。
+开始在下面的测试中，总共 1000 个{{htmlelement("div")}}元素通过 css 动画进行坐标转换。
{{JSFiddleEmbed("https://jsfiddle.net/zt94oew2/1/","","480")}}
动画可以通过点击"toggle"按钮切换到 requestAnimationFrame() 。
-试着两个都运行一下，比较两者的FPS值（第一个紫色框），可以看到CSS动画和requestAnimationFrame()是非常接近的。
+试着两个都运行一下，比较两者的 FPS 值（第一个紫色框），可以看到 CSS 动画和requestAnimationFrame() 是非常接近的。
脱离主线程的动画
-即使是上面给出的测试结果，我们仍然认为CSS动画是更好的选择。为什么？关键是只要动画涉及的属性不引起reflow（重新布局）（参考CSS triggers获得更多信息），我们可以把采用操作移出主线程。最常见的属性是CSS transform。如果一个元素被提升为一个layer，transform属性动画就可以在GPU中进行。这意味着更好地性能，特别实在移动设备上。在OffMainThreadCompositing上寻找更多细节。
+即使是上面给出的测试结果，我们仍然认为 CSS 动画是更好的选择。为什么？关键是只要动画涉及的属性不引起 reflow（重新布局）（参考CSS triggers获得更多信息），我们可以把采用操作移出主线程。最常见的属性是 CSS transform。如果一个元素被提升为一个layer，transform 属性动画就可以在 GPU 中进行。这意味着更好地性能，特别实在移动设备上。在OffMainThreadCompositing上寻找更多细节。
-要在火狐中激活OMTA (脱离主线程的动画) ，你需要前往about:config然后搜索 layers.offmainthreadcomposition.async-animations 。切换到 true.
+要在火狐中激活 OMTA (脱离主线程的动画) ，你需要前往about:config 然后搜索 layers.offmainthreadcomposition.async-animations 。切换到 true.
-激活之后，再次运行上面的例子。可以看到CSS动画的帧速率现在高多了。
+激活之后，再次运行上面的例子。可以看到 CSS 动画的帧速率现在高多了。
-
注意: 在Nightly/Developer 版本，你可能看到OMTA缺省就是激活的，所以你需要反过来测试。（先测试激活OMTA的情况，然后是没有激活的情况）
+
注意: 在 Nightly/Developer 版本，你可能看到 OMTA 缺省就是激活的，所以你需要反过来测试。（先测试激活 OMTA 的情况，然后是没有激活的情况）
总结
-浏览器可以优化渲染流程。总之，我们总是可以尽可能通过CSS过渡/动画创建动画。如果你的动画真的很复杂，你可能不得不依赖于JavaScript动画。
+浏览器可以优化渲染流程。总之，我们总是可以尽可能通过 CSS 过渡/动画创建动画。如果你的动画真的很复杂，你可能不得不依赖于 JavaScript 动画。
diff --git a/files/zh-cn/web/performance/dns-prefetch/index.html b/files/zh-cn/web/performance/dns-prefetch/index.html
index 78eaa5486072b1..3a2fecce305487 100644
--- a/files/zh-cn/web/performance/dns-prefetch/index.html
+++ b/files/zh-cn/web/performance/dns-prefetch/index.html
@@ -36,23 +36,23 @@ 最佳实践
请记住以下三点：
-首先，dns-prefetch 仅对跨域域上的 DNS查找有效，因此请避免使用它来指向您的站点或域。这是因为，到浏览器看到提示时，您站点域背后的 IP 已经被解析。
+首先，dns-prefetch 仅对跨域域上的 DNS 查找有效，因此请避免使用它来指向您的站点或域。这是因为，到浏览器看到提示时，您站点域背后的 IP 已经被解析。
-其次，还可以通过使用 HTTP 链接字段将 dns-prefetch（以及其他资源提示）指定为 HTTP标头：
+其次，还可以通过使用 HTTP 链接字段将 dns-prefetch（以及其他资源提示）指定为 HTTP 标头：
Link: <https://fonts.gstatic.com/>; rel=dns-prefetch
-第三，考虑将 dns-prefetch 与 preconnect(预连接)提示配对。尽管 dns-prefetch 仅执行 DNS查找，但preconnect 会建立与服务器的连接。如果站点是通过 HTTPS 服务的，则此过程包括 DNS 解析，建立 TCP 连接以及执行 TLS 握手。将两者结合起来可提供进一步减少跨域请求的感知延迟的机会。您可以安全地将它们一起使用，如下所示：
+第三，考虑将 dns-prefetch 与 preconnect(预连接)提示配对。尽管 dns-prefetch 仅执行 DNS 查找，但preconnect 会建立与服务器的连接。如果站点是通过 HTTPS 服务的，则此过程包括 DNS 解析，建立 TCP 连接以及执行 TLS 握手。将两者结合起来可提供进一步减少跨域请求的感知延迟的机会。您可以安全地将它们一起使用，如下所示：
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com/">
-
Note: 如果页面需要建立与许多第三方域的连接，则将它们预先连接会适得其反。 preconnect 提示最好仅用于最关键的连接。对于其他的，只需使用 <link rel="dns-prefetch"> 即可节省第一步的时间-DNS查找。
+
Note: 如果页面需要建立与许多第三方域的连接，则将它们预先连接会适得其反。 preconnect 提示最好仅用于最关键的连接。对于其他的，只需使用 <link rel="dns-prefetch"> 即可节省第一步的时间-DNS 查找。
配对这些提示的逻辑是因为对 dns-prefetch 的支持比对预连接的支持要好。不支持预连接的浏览器仍然可以通过回退到dns-prefetch来获得更多好处。由于这是HTML功能，因此非常容错。如果不支持的浏览器遇到 dns-prefetch 提示（或任何其他资源提示），则您的网站不会中断。您只是不会获得它提供的好处。
+配对这些提示的逻辑是因为对 dns-prefetch 的支持比对预连接的支持要好。不支持预连接的浏览器仍然可以通过回退到 dns-prefetch 来获得更多好处。由于这是 HTML 功能，因此非常容错。如果不支持的浏览器遇到 dns-prefetch 提示（或任何其他资源提示），则您的网站不会中断。您只是不会获得它提供的好处。
一些资源（如字体）以匿名模式加载。在这种情况下，应使用预连接提示设置 crossorigin 属性。如果您省略它，则浏览器将仅执行 DNS 查找。
diff --git a/files/zh-cn/web/performance/how_browsers_work/index.md b/files/zh-cn/web/performance/how_browsers_work/index.md
index 39cdbd3a880b18..2a43ac7dc4c3c8 100644
--- a/files/zh-cn/web/performance/how_browsers_work/index.md
+++ b/files/zh-cn/web/performance/how_browsers_work/index.md
@@ -26,7 +26,7 @@ original_slug: Web/Performance/浏览器渲染页面的工作原理
等待资源加载时间和大部分情况下的浏览器单线程执行是影响 Web 性能的两大主要原因。
-等待时间是需要去克服来让浏览器快速加载资源的主要威胁. 为了实现快速加载，开发者的目标就是尽可能快的发送请求的信息，至少看起来相当快。网络等待时间是在链路上传送二进制到电脑端所消耗的链路传输时间。Web 性能优化需要做的就是尽可能快的使页面加载完成。
+等待时间是需要去克服来让浏览器快速加载资源的主要威胁。为了实现快速加载，开发者的目标就是尽可能快的发送请求的信息，至少看起来相当快。网络等待时间是在链路上传送二进制到电脑端所消耗的链路传输时间。Web 性能优化需要做的就是尽可能快的使页面加载完成。
大部分情况下，浏览器是单线程执行的。为了有流畅的交互，开发者的目标是确保网站从流畅的页面滚动到点击响应的交互性能。渲染时间是关键要素，确保主线程可以完成所有给它的任务并且仍然一直可以处理用户的交互。通过了解浏览器单线程的本质与最小化主线程的责任可以优化 Web 性能，来确保渲染的流畅和交互响应的及时。
@@ -96,7 +96,7 @@ TCP 的“三次握手”技术经常被称为“SYN-SYN-ACK”——更确切
第一个响应数据包是 14KB 大小的。这是慢启动的一部分，慢启动是一种均衡网络连接速度的算法。慢启动逐渐增加发送数据的数量直到达到网络的最大带宽。
-在 {{glossary('TCP slow start', "TCP 慢启动")}} 中，在收到初始包之后, 服务器会将下一个数据包的大小加倍到大约 28KB。后续的数据包依次是前一个包大小的二倍直到达到预定的阈值，或者遇到拥塞。
+在 {{glossary('TCP slow start', "TCP 慢启动")}} 中，在收到初始包之后，服务器会将下一个数据包的大小加倍到大约 28KB。后续的数据包依次是前一个包大小的二倍直到达到预定的阈值，或者遇到拥塞。
@@ -143,7 +143,7 @@ DOM 树描述了文档的内容。[``](/zh-CN/docs/Web/HTML/Element/html)
### 构建 CSSOM 树
-第二步是处理 CSS 并构建 CSSOM 树。CSS 对象模型和 DOM 是相似的。DOM 和 CSSOM 是两棵树. 它们是独立的数据结构。浏览器将 CSS 规则转换为可以理解和使用的样式映射。浏览器遍历 CSS 中的每个规则集，根据 CSS 选择器创建具有父、子和兄弟关系的节点树。
+第二步是处理 CSS 并构建 CSSOM 树。CSS 对象模型和 DOM 是相似的。DOM 和 CSSOM 是两棵树。它们是独立的数据结构。浏览器将 CSS 规则转换为可以理解和使用的样式映射。浏览器遍历 CSS 中的每个规则集，根据 CSS 选择器创建具有父、子和兄弟关系的节点树。
与 HTML 一样，浏览器需要将接收到的 CSS 规则转换为可以使用的内容。因此，它重复了 HTML 到对象的过程，但对于 CSS。
@@ -205,7 +205,7 @@ CSSOM 树包括来自用户代理样式表的样式。浏览器从适用于节
一旦主线程绘制页面完成，你会认为我们已经“准备好了”，但事实并非如此。如果加载包含 JavaScript（并且延迟到 [`onload`](/zh-CN/docs/Web/API/GlobalEventHandlers/onload) 事件激发后执行），则主线程可能很忙，无法用于滚动、触摸和其他交互。
-{{glossary('Time to Interactive')}}（TTI）是测量从第一个请求导致 DNS 查询和 SSL 连接到页面可交互时所用的时间——可交互是 {{glossary('First Contentful Paint')}} 之后的时间点，页面在 50ms 内响应用户的交互。如果主线程正在解析、编译和执行 JavaScript，则它不可用，因此无法及时（小于50ms）响应用户交互。
+{{glossary('Time to Interactive')}}（TTI）是测量从第一个请求导致 DNS 查询和 SSL 连接到页面可交互时所用的时间——可交互是 {{glossary('First Contentful Paint')}} 之后的时间点，页面在 50ms 内响应用户的交互。如果主线程正在解析、编译和执行 JavaScript，则它不可用，因此无法及时（小于 50ms）响应用户交互。
在我们的示例中，可能图像加载很快，但 `anotherscript.js` 文件可能是 2MB，而且用户的网络连接很慢。在这种情况下，用户可以非常快地看到页面，但是在下载、解析和执行脚本之前，就无法滚动。这不是一个好的用户体验。避免占用主线程，如下面的网页测试示例所示：
diff --git a/files/zh-cn/web/performance/index.html b/files/zh-cn/web/performance/index.html
index bafbc9f83fbb84..234fd9e05e3096 100644
--- a/files/zh-cn/web/performance/index.html
+++ b/files/zh-cn/web/performance/index.html
@@ -28,23 +28,23 @@ 初学者教程
- Web 性能：概述
- - Web性能学习路径概述。 在这里开始您的旅程。
- - 什么是 Web 性能?
+ - Web 性能学习路径概述。 在这里开始您的旅程。
+ - 什么是 Web 性能？
- 该文从一个模块开始，很好地讲述了性能到底是什么——包括我们在考虑性能时需要考虑的工具、指标、API、网络和人群，以及如何使性能成为 Web 开发工作流程的一部分。
- 用户如何看待性能？
- 比网站在毫秒内响应速度更重要的是，用户对网站的感知速度有多快。这些感知受到页面实际加载时间、空闲、用户交互响应以及滚动和其他动画的平滑度的影响。在本文中，我们将随着最佳练习来提升用户感知（而不是实际时间）并讨论各种加载指标、动画和响应性指标。
- Web 性能基础
- - 除了HTML，CSS，JavaScript和媒体文件这些前端模块之外，还有其他影响Web性能的因素，它们可能会导致应用程序变慢，或在主观和客观上使应用程序变快。有许多与Web性能相关的API、开发人员工具、最佳实践和不当做法。我们将在基础层面上介绍这些影响因素，并提供进阶优化其中每一项性能的链接。
+ - 除了 HTML，CSS，JavaScript 和媒体文件这些前端模块之外，还有其他影响 Web 性能的因素，它们可能会导致应用程序变慢，或在主观和客观上使应用程序变快。有许多与 Web 性能相关的 API、开发人员工具、最佳实践和不当做法。我们将在基础层面上介绍这些影响因素，并提供进阶优化其中每一项性能的链接。
- HTML 性能特性
- - 标签的某些属性和顺序可能会影响网站性能。 通过最大程度地减少DOM节点的数量，确保使用最佳顺序和属性，包括样式、脚本、媒体和第三方脚本等内容，可以大大改善用户体验。 该文详细介绍了如何使用 HTML 来确保最佳性能。
+ - 标签的某些属性和顺序可能会影响网站性能。 通过最大程度地减少 DOM 节点的数量，确保使用最佳顺序和属性，包括样式、脚本、媒体和第三方脚本等内容，可以大大改善用户体验。 该文详细介绍了如何使用 HTML 来确保最佳性能。
- 多媒体：图像与视频
- Web 性能的最小代价通常是媒体优化。基于每个用户代理的能力、大小和像素密度来服务不同的媒体文件已成为可能。另外，如从背景图像中删除音频轨迹，可进一步提升性能。该文讨论视频、音频和图像内容对性能的影响，以及确保影响尽可能小的方法。
- CSS 性能特性
- CSS 对于提高性能来说可能是一个不太重要的优化点，但是某些 CSS 特性对性能的影响比其他特性更大。在该文中，我们将研究一些影响性能的 CSS 属性，并提供样式处理的建议方法，以确保性能不受负面影响。
- JavaScript 性能最佳实践
- - 如果正确使用JavaScript，则可以提供交互式和身临其境的 Web 体验——否则可能会严重损害下载时间、渲染时间、应用内性能、电池寿命和用户体验。 该文概述了一些值得思考的 JavaScript 最佳实践，以确保即使复杂的内容也尽可能地具有高性能。
+ - 如果正确使用 JavaScript，则可以提供交互式和身临其境的 Web 体验——否则可能会严重损害下载时间、渲染时间、应用内性能、电池寿命和用户体验。 该文概述了一些值得思考的 JavaScript 最佳实践，以确保即使复杂的内容也尽可能地具有高性能。
- 移动端性能
- - 随着移动设备上的Web访问普及，并且所有移动平台都具有功能完善的Web浏览器，但由于受限于带宽、CPU、电池续航等因素，因此考虑这些平台上Web内容的性能非常重要。 本文着眼于特定于移动设备的性能注意事项。
+ - 随着移动设备上的 Web 访问普及，并且所有移动平台都具有功能完善的 Web 浏览器，但由于受限于带宽、CPU、电池续航等因素，因此考虑这些平台上 Web 内容的性能非常重要。 本文着眼于特定于移动设备的性能注意事项。
@@ -55,11 +55,11 @@
@@ -252,7 +252,7 @@
跨源数据存储访问
访问存储在浏览器中的数据，如 localStorage 和 IndexedDB，是以源进行分割。每个源都拥有自己单独的存储空间，一个源中的 JavaScript 脚本不能对属于其它源的数据进行读写操作。
-
{{glossary("Cookie", "Cookies")}} 使用不同的源定义方式。一个页面可以为本域和其父域设置 cookie，只要是父域不是公共后缀（public suffix）即可。Firefox 和 Chrome 使用 Public Suffix List 检测一个域是否是公共后缀（public suffix）。Internet Explorer 使用其内部的方法来检测域是否是公共后缀。不管使用哪个协议（HTTP/HTTPS）或端口号，浏览器都允许给定的域以及其任何子域名(sub-domains) 访问 cookie。当你设置 cookie 时，你可以使用 Domain、Path、Secure、和 HttpOnly 标记来限定其可访问性。当你读取 cookie 时，你无法知道它是在哪里被设置的。 即使您只使用安全的 https 连接，您看到的任何 cookie 都有可能是使用不安全的连接进行设置的。
+
{{glossary("Cookie", "Cookies")}} 使用不同的源定义方式。一个页面可以为本域和其父域设置 cookie，只要是父域不是公共后缀（public suffix）即可。Firefox 和 Chrome 使用 Public Suffix List 检测一个域是否是公共后缀（public suffix）。Internet Explorer 使用其内部的方法来检测域是否是公共后缀。不管使用哪个协议（HTTP/HTTPS）或端口号，浏览器都允许给定的域以及其任何子域名 (sub-domains) 访问 cookie。当你设置 cookie 时，你可以使用 Domain、Path、Secure、和 HttpOnly 标记来限定其可访问性。当你读取 cookie 时，你无法知道它是在哪里被设置的。 即使您只使用安全的 https 连接，您看到的任何 cookie 都有可能是使用不安全的连接进行设置的。
参见
diff --git a/files/zh-cn/web/security/secure_contexts/index.html b/files/zh-cn/web/security/secure_contexts/index.html
index 7941750f069a36..18c5d22b2786e6 100644
--- a/files/zh-cn/web/security/secure_contexts/index.html
+++ b/files/zh-cn/web/security/secure_contexts/index.html
@@ -3,16 +3,16 @@
slug: Web/Security/Secure_Contexts
translation_of: Web/Security/Secure_Contexts
---
-
安全上下文是 Window 与 Worker 中的概念满足了最低标准的身份验证和机密性. 许多Web APIs的访问仅能在安全上下文中. 安全上下文的主要目标是防止 {{interwiki("wikipedia", "man-in-the-middle attack", "MITM attackers")}} 强大的APIs被坏人利用.
+
安全上下文是 Window 与 Worker 中的概念满足了最低标准的身份验证和机密性。许多 Web APIs 的访问仅能在安全上下文中. 安全上下文的主要目标是防止 {{interwiki("wikipedia", "man-in-the-middle attack", "MITM attackers")}} 强大的 APIs 被坏人利用。
-
为什么要限制某些功能?
+
为什么要限制某些功能？
-
有些APIs是非常强大的, 能给攻击者更强的能力以及更多的操作:
+
有些 APIs 是非常强大的，能给攻击者更强的能力以及更多的操作：
- - 侵犯用户隐私.
- - 获得对用户计算机的低级访问权限.
- - 获得对数据的访问权限，例如用户凭证.
+ - 侵犯用户隐私。
+ - 获得对用户计算机的低级访问权限。
+ - 获得对数据的访问权限，例如用户凭证。
When is a context considered secure?
diff --git a/files/zh-cn/web/security/securing_your_site/index.html b/files/zh-cn/web/security/securing_your_site/index.html
index 0d4c93c9251fda..73c71f36c8b449 100644
--- a/files/zh-cn/web/security/securing_your_site/index.html
+++ b/files/zh-cn/web/security/securing_your_site/index.html
@@ -17,22 +17,22 @@
用户信息安全
- 如何关闭表单的自动完成功能
- - 在Gecko中表单字段支持自动完成功能; 因此他们的值可以被记住，并且在下一次用户访问你的网站时自动被填充. 对于某些特定类型的数据, 你可能希望禁止这个功能.
- - 隐私和:visited选择器
- - 这篇文章讨论对于
getComputedStyle()方法的改动, 消除恶意站点获取用户浏览历史的能力.
+ - 在 Gecko 中表单字段支持自动完成功能; 因此他们的值可以被记住，并且在下一次用户访问你的网站时自动被填充。对于某些特定类型的数据，你可能希望禁止这个功能。
+ - 隐私和:visited 选择器
+ - 这篇文章讨论对于
getComputedStyle()方法的改动，消除恶意站点获取用户浏览历史的能力。
内容安全
- 正确配置服务器的 MIME 类型
- - 不正确的 MIME 类型有几种方式可以对您的站点造成潜在的安全问题. 这篇文章解释了其中的几种方式, 并且向您展示如何配置您的服务器，以让它使用正确的 MIME 类型提供文件服务.
+ - 不正确的 MIME 类型有几种方式可以对您的站点造成潜在的安全问题。这篇文章解释了其中的几种方式，并且向您展示如何配置您的服务器，以让它使用正确的 MIME 类型提供文件服务。
- HTTP Strict Transport Security
- Strict-Transport-Security: 这个HTTP头允许站点只能使用 HTTPS。Strict-Transport-Security: 这个 HTTP 头允许站点只能使用 HTTPS。- HTTP 访问控制
- 跨源资源共享标准提供了一种指定可从其他域加载的内容的方法。 您可以使用它来防止您的网站被不正当地使用; 此外，您可以使用它来建立明确允许其他站点使用的资源。
- 内容安全策略
- - 一种附加的安全层，有助于检测和减轻某些类型的攻击，包括跨站脚本(XSS) 以及数据注入攻击。 这些攻击用于从数据窃取到站点破坏或恶意软件分发的所有内容。
+ - 一种附加的安全层，有助于检测和减轻某些类型的攻击，包括跨站脚本 (XSS) 以及数据注入攻击。 这些攻击用于从数据窃取到站点破坏或恶意软件分发的所有内容。
- X-Frame-Options 响应头
-
X-Frame-Options:该HTTP 响应头可用于指示是否应允许浏览器在{{HTMLElement("frame")}}中呈现页面。站点可以通过确保其内容未嵌入到其他站点中来避免点击劫持攻击。
@@ -42,5 +42,5 @@ 内容安全
另外参考
diff --git a/files/zh-cn/web/security/securing_your_site/turning_off_form_autocompletion/index.html b/files/zh-cn/web/security/securing_your_site/turning_off_form_autocompletion/index.html
index 736645bc9916ab..98d214a3007383 100644
--- a/files/zh-cn/web/security/securing_your_site/turning_off_form_autocompletion/index.html
+++ b/files/zh-cn/web/security/securing_your_site/turning_off_form_autocompletion/index.html
@@ -16,7 +16,7 @@
这些功能通常是默认启用的，但可能涉及用户的隐私，因此浏览器允许用户禁用这些功能。然而，一些数据可能会在将来失效（例如一次性密码）或包含敏感信息（例如唯一的政府身份识别码或信用卡安全码）。作为网站作者，你可能更希望浏览器不去记住这些字段的值，即使浏览器的自动填充功能已开启。
-重要的是，如果你关闭了自动填充，你就违反了这一条规则，1.3.5: Identify Input Purpose in WCAG 2.1。如果你制作的网站应该遵守WCAG，你就应该使用自动填充和自动补全。
+重要的是，如果你关闭了自动填充，你就违反了这一条规则，1.3.5: Identify Input Purpose in WCAG 2.1。如果你制作的网站应该遵守 WCAG，你就应该使用自动填充和自动补全。
禁用自动填充
@@ -68,6 +68,6 @@ 使用 autocomplete
如果你定义了一个用户管理页面，其中用户可以为其他人指定新的密码，因此你想阻止密码字段的自动填充，你可以使用 autocomplete="new-password"。
-这只是一个提示，浏览器不一定要遵守。但现代浏览器都已停止在设置了 autocomplete="new-password" 的 <input> 元素上使用自动填充。例如，Firefox 67 版（见 {{bug(1119063)}}）在这种情况下会停止自动填充；而 Firefox 70版（见 {{bug(1565407)}}）则可以建议一个安全生成的密码，而不自动填充已保存的密码。更多细节参见 autocomplete compat table。
+这只是一个提示，浏览器不一定要遵守。但现代浏览器都已停止在设置了 autocomplete="new-password" 的 <input> 元素上使用自动填充。例如，Firefox 67 版（见 {{bug(1119063)}}）在这种情况下会停止自动填充；而 Firefox 70 版（见 {{bug(1565407)}}）则可以建议一个安全生成的密码，而不自动填充已保存的密码。更多细节参见 autocomplete compat table。
{{QuickLinksWithSubpages("/en-US/docs/Web/Security")}}
diff --git a/files/zh-cn/web/security/subresource_integrity/index.html b/files/zh-cn/web/security/subresource_integrity/index.html
index 825d29d9a80381..852990fb918b9a 100644
--- a/files/zh-cn/web/security/subresource_integrity/index.html
+++ b/files/zh-cn/web/security/subresource_integrity/index.html
@@ -10,11 +10,11 @@
translation_of: Web/Security/Subresource_Integrity
original_slug: Web/Security/子资源完整性
---
-子资源完整性(SRI)是允许浏览器检查其获得的资源（例如从 CDN 获得的）是否被篡改的一项安全特性。它通过验证获取文件的哈希值是否和你提供的哈希值一样来判断资源是否被篡改。
+子资源完整性(SRI) 是允许浏览器检查其获得的资源（例如从 CDN 获得的）是否被篡改的一项安全特性。它通过验证获取文件的哈希值是否和你提供的哈希值一样来判断资源是否被篡改。
SRI 如何工作
-使用 {{Glossary("CDN", "内容分发网络 (CDNs)")}} 在多个站点之间共享脚本和样式表等文件可以提高站点性能并节省带宽。然而，使用CDN也存在风险，如果攻击者获得对 CDN 的控制权，则可以将任意恶意内容注入到 CDN 上的文件中 （或完全替换掉文件)
+
使用 {{Glossary("CDN", "内容分发网络 (CDNs)")}} 在多个站点之间共享脚本和样式表等文件可以提高站点性能并节省带宽。然而，使用 CDN 也存在风险，如果攻击者获得对 CDN 的控制权，则可以将任意恶意内容注入到 CDN 上的文件中（或完全替换掉文件)
），因此可能潜在地攻击所有从该 CDN 获取文件的站点。
子资源完整性通过确保 Web 应用程序获得的文件未经第三方注入或其他任何形式的修改来降低这种攻击的风险。
@@ -22,7 +22,7 @@ SRI 如何工作
-
Note: SRI并不能规避所有的风险。第三方库经常会自己请求额外的信息，这就有可能会携带用户的账号密码等关键信息。这些经常需要js功能的支持，比如一个地图库会需要取<svg>数据来渲染，但是包含点击事件。
+
Note: SRI 并不能规避所有的风险。第三方库经常会自己请求额外的信息，这就有可能会携带用户的账号密码等关键信息。这些经常需要 js 功能的支持，比如一个地图库会需要取<svg>数据来渲染，但是包含点击事件。
如何使用 SRI
diff --git a/files/zh-cn/web/security/transport_layer_security/index.html b/files/zh-cn/web/security/transport_layer_security/index.html
index 72a208fa48b2b7..f6c6da9f8d8b35 100644
--- a/files/zh-cn/web/security/transport_layer_security/index.html
+++ b/files/zh-cn/web/security/transport_layer_security/index.html
@@ -8,12 +8,12 @@
translation_of: Web/Security/Transport_Layer_Security
original_slug: Web/Security/传输层安全协议
---
-使用传输层安全性协议（TLS）进行的任何连接的安全性在很大程度上取决于密码套件和所选的安全性参数。 本文的目的是帮助您确保客户端和服务器之间的机密性和完整性通信。Mozilla运营安全团队（OpSec）维护了 服务器端TLS参考配置的Wiki条目。
+使用传输层安全性协议（TLS）进行的任何连接的安全性在很大程度上取决于密码套件和所选的安全性参数。 本文的目的是帮助您确保客户端和服务器之间的机密性和完整性通信。Mozilla 运营安全团队（OpSec）维护了 服务器端 TLS 参考配置的 Wiki 条目。
-传输层安全性协议（Transport Layer Security protocol，TLS）是使两个联网应用程序或设备能够安全可靠地交换信息的标准。使用TLS的应用程序可以自行选择安全性参数，这可能会对数据的安全性和可靠性产生重大影响。本文对TLS进行了概述，并提供了多种在保护内容时需要做出的决策。
+传输层安全性协议（Transport Layer Security protocol，TLS）是使两个联网应用程序或设备能够安全可靠地交换信息的标准。使用 TLS 的应用程序可以自行选择安全性参数，这可能会对数据的安全性和可靠性产生重大影响。本文对 TLS 进行了概述，并提供了多种在保护内容时需要做出的决策。
另请参阅
