From 6d3234e3f9ff37cbd766dc00c607828ad6f34a53 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Wed, 28 Jul 2021 12:32:33 -0400 Subject: remove link 'title' attributes that's just the 'href' (zh-cn, part 2) (#1730) * remove link 'title' attributes that's just the 'href' (zh-cn, part 2) * more fixes --- .../learn/forms/advanced_form_styling/index.html | 12 ++++++------ .../forms/basic_native_form_controls/index.html | 2 +- files/zh-cn/learn/forms/form_validation/index.html | 4 ++-- .../how_to_build_custom_form_controls/index.html | 10 +++++----- .../forms/how_to_structure_a_web_form/index.html | 4 ++-- .../forms/html_forms_in_legacy_browsers/index.html | 14 +++++++------- .../sending_and_retrieving_form_data/index.html | 4 ++-- files/zh-cn/learn/forms/styling_web_forms/index.html | 4 ++-- .../howto/author_fast-loading_html_pages/index.html | 4 ++-- files/zh-cn/mozilla/firefox/releases/12/index.html | 4 ++-- files/zh-cn/mozilla/firefox/releases/14/index.html | 8 ++++---- files/zh-cn/mozilla/firefox/releases/15/index.html | 10 +++++----- files/zh-cn/mozilla/firefox/releases/16/index.html | 2 +- files/zh-cn/mozilla/firefox/releases/17/index.html | 4 ++-- files/zh-cn/mozilla/firefox/releases/26/index.html | 2 +- files/zh-cn/mozilla/firefox/releases/3.6/index.html | 4 ++-- files/zh-cn/mozilla/firefox/releases/3/index.html | 2 +- files/zh-cn/tools/3d_view/index.html | 2 +- .../index.html | 2 +- .../remote_debugging/firefox_for_android/index.html | 6 +++--- files/zh-cn/web/css/@charset/index.html | 2 +- files/zh-cn/web/css/_colon_is/index.html | 2 +- .../css/_doublecolon_-webkit-scrollbar/index.html | 2 +- files/zh-cn/web/css/color_value/index.html | 12 ++++++------ .../css_transforms/using_css_transforms/index.html | 2 +- .../css_transitions/using_css_transitions/index.html | 2 +- files/zh-cn/web/css/font-feature-settings/index.html | 2 +- files/zh-cn/web/css/frequency/index.html | 2 +- files/zh-cn/web/css/integer/index.html | 2 +- files/zh-cn/web/css/opacity/index.html | 2 +- files/zh-cn/web/css/text-rendering/index.html | 2 +- files/zh-cn/web/css/url()/index.html | 2 +- .../web/demos_of_open_web_technologies/index.html | 8 ++++---- files/zh-cn/web/html/element/col/index.html | 2 +- files/zh-cn/web/html/element/input/index.html | 2 +- files/zh-cn/web/html/element/keygen/index.html | 10 +++++----- files/zh-cn/web/html/element/time/index.html | 4 ++-- files/zh-cn/web/html/element/track/index.html | 2 +- files/zh-cn/web/html/element/video/index.html | 2 +- .../list_of_default_accept_values/index.html | 12 ++++++------ files/zh-cn/web/http/headers/index.html | 2 +- files/zh-cn/web/mathml/authoring/index.html | 20 ++++++++++---------- files/zh-cn/web/mathml/element/math/index.html | 2 +- .../responsive_design_building_blocks/index.html | 14 +++++++------- files/zh-cn/web/security/index.html | 2 +- .../zh-cn/web/security/same-origin_policy/index.html | 6 +++--- .../web/svg/attribute/alignment-baseline/index.html | 2 +- files/zh-cn/web/svg/attribute/calcmode/index.html | 2 +- .../web/svg/attribute/dominant-baseline/index.html | 2 +- files/zh-cn/web/svg/attribute/order/index.html | 2 +- .../web/svg/attribute/primitiveunits/index.html | 2 +- files/zh-cn/web/svg/attribute/repeatcount/index.html | 2 +- files/zh-cn/web/svg/attribute/result/index.html | 2 +- files/zh-cn/web/svg/attribute/scale/index.html | 2 +- files/zh-cn/web/svg/attribute/seed/index.html | 2 +- .../web/svg/attribute/shape-rendering/index.html | 2 +- files/zh-cn/web/svg/attribute/width/index.html | 16 ++++++++-------- files/zh-cn/web/svg/index.html | 4 ++-- .../web/svg/svg_1.1_support_in_firefox/index.html | 2 +- .../web/svg/tutorial/fills_and_strokes/index.html | 4 ++-- files/zh-cn/web/svg/tutorial/index.html | 2 +- .../zh-cn/web/svg/tutorial/tools_for_svg/index.html | 4 ++-- files/zh-cn/web/xpath/index.html | 2 +- 63 files changed, 140 insertions(+), 140 deletions(-) (limited to 'files') diff --git a/files/zh-cn/learn/forms/advanced_form_styling/index.html b/files/zh-cn/learn/forms/advanced_form_styling/index.html index 67d3b8f068..338712fd7e 100644 --- a/files/zh-cn/learn/forms/advanced_form_styling/index.html +++ b/files/zh-cn/learn/forms/advanced_form_styling/index.html @@ -24,7 +24,7 @@ original_slug: Learn/HTML/Forms/Advanced_styling_for_HTML_forms

HTML和CSS最新的发展扩展了CSS的表现力：

@@ -404,7 +404,7 @@ original_slug: Learn/HTML/Forms/How_to_build_custom_form_widgets

在我们将要构建的代码之中，我们将会使用标准的 DOM API 来完成我们所要做的所有工作。尽管 DOM API 在浏览器中得到了更好支持，但是在旧的浏览器上还是会出现问题。( 特别是非常老的 Internet Explorer）。

-

如果你想要避免旧浏览器带来的麻烦，这儿有两种解决方案：使用专门的框架，比如 jQuery, $dom, prototype, Dojo, YUI, 或者类似的框架，或者通过填充你想使用的缺失的特性 （这可以通过条件加载轻松完成——例如使用 yepnope 这样的库。

+

如果你想要避免旧浏览器带来的麻烦，这儿有两种解决方案：使用专门的框架，比如 jQuery, $dom, prototype, Dojo, YUI, 或者类似的框架，或者通过填充你想使用的缺失的特性 （这可以通过条件加载轻松完成——例如使用 yepnope 这样的库。

我们打算使用的特性如下所示（按照风险程度从高到低排列）：

@@ -673,7 +673,7 @@ window.addEventListener('load', function () {

我们构建了一个能够生效的东西，尽管这离一个特性齐全的选择框还差得远，但是它效果不错。但是我们已经完成的事情只不过是摆弄DOM。这个组件并没有真正的语义，即使它看起来像一个选择框，但是从浏览器的角度来看并不是，所以辅助技术并不能明白这是一个选择框。简单来说，这个全新的选择框并不具备可访问性！

-

幸运的是，有一种解决方案叫做 ARIA。ARIA代表"无障碍富互联网应用"。这是一个专为我们现在做的事情设计的 W3C 规范：使网络应用和自定义组件易于访问，它本质上是一组用来拓展 HTML 的属性集，以便我们能够更好的描述角色，状态和属性，就像我们刚才设计的元素是是它试图传递的原生元素一样。使用这些属性非常简单，所以让我们来试试看。

+

幸运的是，有一种解决方案叫做 ARIA。ARIA代表"无障碍富互联网应用"。这是一个专为我们现在做的事情设计的 W3C 规范：使网络应用和自定义组件易于访问，它本质上是一组用来拓展 HTML 的属性集，以便我们能够更好的描述角色，状态和属性，就像我们刚才设计的元素是是它试图传递的原生元素一样。使用这些属性非常简单，所以让我们来试试看。

 role 属性

@@ -725,7 +725,7 @@ window.addEventListener('load', function () { highlightOption(select, optionList[index]); }; -

这是经过所有的改变之后的最终结果。 ( 藉由 NVDA or VoiceOver 这样的辅助技术尝试它，你会对此有更好的体会)：

+

这是经过所有的改变之后的最终结果。 ( 藉由 NVDA or VoiceOver 这样的辅助技术尝试它，你会对此有更好的体会)：

diff --git a/files/zh-cn/learn/forms/how_to_structure_a_web_form/index.html b/files/zh-cn/learn/forms/how_to_structure_a_web_form/index.html index 970fe99cb7..607792bb45 100644 --- a/files/zh-cn/learn/forms/how_to_structure_a_web_form/index.html +++ b/files/zh-cn/learn/forms/how_to_structure_a_web_form/index.html @@ -43,7 +43,7 @@ original_slug: Learn/HTML/Forms/How_to_structure_an_HTML_form

{{HTMLElement("fieldset")}}元素是一种方便的用于创建具有相同目的的小部件组的方式，出于样式和语义目的。 你可以在<fieldset>开口标签后加上一个 {{HTMLElement("legend")}}元素来给{{HTMLElement("fieldset")}} 标上标签。 {{HTMLElement("legend")}}的文本内容正式地描述了{{HTMLElement("fieldset")}}里所含有部件的用途。

-

许多辅助技术将使用{{HTMLElement("legend")}} 元素，就好像它是相应的 {{HTMLElement("fieldset")}} 元素里每个部件的标签的一部分。例如，在说出每个小部件的标签之前，像Jaws或NVDA这样的屏幕阅读器会朗读出legend的内容。

+

许多辅助技术将使用{{HTMLElement("legend")}} 元素，就好像它是相应的 {{HTMLElement("fieldset")}} 元素里每个部件的标签的一部分。例如，在说出每个小部件的标签之前，像Jaws或NVDA这样的屏幕阅读器会朗读出legend的内容。

这里有一个小例子:

@@ -285,7 +285,7 @@ original_slug: Learn/HTML/Forms/How_to_structure_an_HTML_form

另见

{{PreviousMenuNext("Learn/HTML/Forms/Your_first_HTML_form", "Learn/HTML/Forms/The_native_form_widgets", "Learn/HTML/Forms")}}

diff --git a/files/zh-cn/learn/forms/html_forms_in_legacy_browsers/index.html b/files/zh-cn/learn/forms/html_forms_in_legacy_browsers/index.html index eb3a7aa1bc..6e371e694f 100644 --- a/files/zh-cn/learn/forms/html_forms_in_legacy_browsers/index.html +++ b/files/zh-cn/learn/forms/html_forms_in_legacy_browsers/index.html @@ -6,7 +6,7 @@ original_slug: Learn/HTML/Forms/HTML_forms_in_legacy_browsers ---
{{LearnSidebar}}{{PreviousMenuNext("Learn/HTML/Forms/Sending_forms_through_JavaScript", "Learn/HTML/Forms/Styling_HTML_forms", "Learn/HTML/Forms")}}
-

所有 web 开发者很快就会（有时候是痛苦地）发现网络是一个令人不快的地方。我们碰到的最恶毒的诅咒是旧式浏览器。好吧，让我们承认吧，当我们提到 “旧式浏览器” 时，脑海中出现就是 老版本的 Internet Explorer ……但是，这远远不是全部。只发布一年的 Firefox 比如 the ESR version 也是旧式浏览器。那么，在移动世界呢？当浏览器和 OS（操作系统） 都不能更新时？是的，有非常多老版本的 Android 手机或 iPhone 没有更新到最新的浏览器。它们同样是旧式浏览器。

+

所有 web 开发者很快就会（有时候是痛苦地）发现网络是一个令人不快的地方。我们碰到的最恶毒的诅咒是旧式浏览器。好吧，让我们承认吧，当我们提到 “旧式浏览器” 时，脑海中出现就是 老版本的 Internet Explorer ……但是，这远远不是全部。只发布一年的 Firefox 比如 the ESR version 也是旧式浏览器。那么，在移动世界呢？当浏览器和 OS（操作系统） 都不能更新时？是的，有非常多老版本的 Android 手机或 iPhone 没有更新到最新的浏览器。它们同样是旧式浏览器。

可悲的是，处理这些传统浏览器的问题是工作的一部分。幸运的是，有一些技巧可以帮助您解决旧式浏览器导致的大约80％的问题。

@@ -21,7 +21,7 @@ original_slug: Learn/HTML/Forms/HTML_forms_in_legacy_browsers
  • Microsoft: Internet Explorer Standards Support Documentation
  • WebKit: 由于有多个版本的引擎，稍微有点棘手. @@ -32,18 +32,18 @@ original_slug: Learn/HTML/Forms/HTML_forms_in_legacy_browsers

    让事情变得更简单

    -

    由于HTML forms 包含复杂的交互，所以有一条法则: keep it as simple as possible。很多时候，我们想让表单更美观或想使用更高级的技术，然而，构建高效的HTML表单不只是设计和技术问题。记得花时间读一下这篇文章t forms usability on UX For The Masses.

    +

    由于HTML forms 包含复杂的交互，所以有一条法则: keep it as simple as possible。很多时候，我们想让表单更美观或想使用更高级的技术，然而，构建高效的HTML表单不只是设计和技术问题。记得花时间读一下这篇文章t forms usability on UX For The Masses.

    优雅地降级(Graceful degradation)是web开发者最好的朋友

    -

    Graceful degradation and progressive enhancement 是一个开发模式，它允许你通过同时支持多种浏览器来构建优秀内容。当你为现代浏览器构建内容时，你想确保它能在旧式浏览器中以某种方式工作，这就是优雅地降级（graceful degradation）.

    +

    Graceful degradation and progressive enhancement 是一个开发模式，它允许你通过同时支持多种浏览器来构建优秀内容。当你为现代浏览器构建内容时，你想确保它能在旧式浏览器中以某种方式工作，这就是优雅地降级（graceful degradation）.

    让我们看一些关于HTML表单的例子：

    @@ -157,7 +157,7 @@ input.button {

    有很多情形，好的"polyfill"能通过提供缺少的API以提供帮助。一个 polyfill 是一些JavaScript(脚本) 用于填补旧式浏览器中的功能缺失。虽然它们可以用来改进对任何功能的支持，并且使用它们Nederland风险小于CSS和HTML，然而，JS仍然会在很多情况下不工作（网络问题，脚本冲突等）。但是对于JavaScript，如果你总是记住和unobetructive的Javascript一起工作，不适用polyfill也没什么大不了。

    -

    最好的polyfill缺失API的方式是使用Modernizr 库以及它的子项目 YepNope. Modernizr 库允许您测试功能可用性，以便采取相应的行动。YepNope 是一个条件加载库。

    +

    最好的polyfill缺失API的方式是使用Modernizr 库以及它的子项目 YepNope. Modernizr 库允许您测试功能可用性，以便采取相应的行动。YepNope 是一个条件加载库。

    下面是一个例子:

    @@ -180,7 +180,7 @@ input.button {

    Modernizr 团队按照惯例维护着a list of great polyfills。仅仅按需使用即可。

    -

    Note: Modernizr还有其他很棒的功能可以帮助您处理unobstructive的JavaScript和优雅的降级技术。请阅读 Modernizr documentation.

    +

    Note: Modernizr还有其他很棒的功能可以帮助您处理unobstructive的JavaScript和优雅的降级技术。请阅读 Modernizr documentation.

    注意性能

    diff --git a/files/zh-cn/learn/forms/sending_and_retrieving_form_data/index.html b/files/zh-cn/learn/forms/sending_and_retrieving_form_data/index.html index 5c1925c943..3533f53fb2 100644 --- a/files/zh-cn/learn/forms/sending_and_retrieving_form_data/index.html +++ b/files/zh-cn/learn/forms/sending_and_retrieving_form_data/index.html @@ -36,7 +36,7 @@ original_slug: Learn/HTML/Forms/Sending_and_retrieving_form_data

    客户端/服务器体系结构

    -

    web基于非常基本的客户端/服务器体系结构，可以总结如下:客户端(通常是web浏览器)向服务器发送请求(大多数情况下是Apache、Nginx、IIS、Tomcat等web服务器)，使用HTTP 协议。服务器使用相同的协议来回答请求。

    +

    web基于非常基本的客户端/服务器体系结构，可以总结如下:客户端(通常是web浏览器)向服务器发送请求(大多数情况下是Apache、Nginx、IIS、Tomcat等web服务器)，使用HTTP 协议。服务器使用相同的协议来回答请求。

    A basic schema of the Web client/server architecture

    @@ -237,7 +237,7 @@ if __name__ == "__main__":

    其他语言和框架

    -

    还有许多其他的服务器端技术可以用于表单处理，包括Perl、Java、 .Net、Ruby等。只挑你最喜欢的用就好。话虽如此，但值得注意的是，直接使用这些技术并不常见，因为这可能很棘手。更常见的是使用许多优秀的框架，这些框架使处理表单变得更容易，例如：

    +

    还有许多其他的服务器端技术可以用于表单处理，包括Perl、Java、 .Net、Ruby等。只挑你最喜欢的用就好。话虽如此，但值得注意的是，直接使用这些技术并不常见，因为这可能很棘手。更常见的是使用许多优秀的框架，这些框架使处理表单变得更容易，例如：

    • -

    Note: This data type was initially introduced in CSS Level 2 for the now-obsolete aural media type, where it was used to define the pitch of the voice. However, the <frequency> data type has been reintroduced in CSS3, though no CSS property is using it at the moment.

    +

    Note: This data type was initially introduced in CSS Level 2 for the now-obsolete aural media type, where it was used to define the pitch of the voice. However, the <frequency> data type has been reintroduced in CSS3, though no CSS property is using it at the moment.

    浏览器兼容性

    diff --git a/files/zh-cn/web/css/integer/index.html b/files/zh-cn/web/css/integer/index.html index 51a43fdf3a..b0b71a76a5 100644 --- a/files/zh-cn/web/css/integer/index.html +++ b/files/zh-cn/web/css/integer/index.html @@ -23,7 +23,7 @@ translation_of: Web/CSS/integer

    Interpolation

    -

    When animated, values of the <integer> data type are interpolated using discrete, whole steps. The calculation is done as if they were real, floating-point numbers; the discrete value is obtained using the floor function. The speed of the interpolation is determined by the timing function associated with the animation.
    +

    When animated, values of the <integer> data type are interpolated using discrete, whole steps. The calculation is done as if they were real, floating-point numbers; the discrete value is obtained using the floor function. The speed of the interpolation is determined by the timing function associated with the animation.
    设置动画时，<integer>数据类型的值将使用离散的完整步骤进行插值。计算过程就像是实数，浮点数一样；离散值是使用floor函数得到的。插值的速度由与动画相关联的定时函数确定。

    示例

    diff --git a/files/zh-cn/web/css/opacity/index.html b/files/zh-cn/web/css/opacity/index.html index e1c57194f3..2e8b90e1ae 100644 --- a/files/zh-cn/web/css/opacity/index.html +++ b/files/zh-cn/web/css/opacity/index.html @@ -150,5 +150,5 @@ img.opacity:hover {

    阅读更多

    diff --git a/files/zh-cn/web/css/text-rendering/index.html b/files/zh-cn/web/css/text-rendering/index.html index 1b48fa93f9..bf97d31b3a 100644 --- a/files/zh-cn/web/css/text-rendering/index.html +++ b/files/zh-cn/web/css/text-rendering/index.html @@ -149,7 +149,7 @@ body { text-rendering: optimizeLegibility; } Basic support for Windows and Linux -

    4.0 but the implementation known bugs on Windows and Linux which can break font substitition, small-caps, letter-spacing or cause text to overlap

    +

    4.0 but the implementation known bugs on Windows and Linux which can break font substitition, small-caps, letter-spacing or cause text to overlap

    3.0 (1.9) {{ CompatNo() }} diff --git a/files/zh-cn/web/css/url()/index.html b/files/zh-cn/web/css/url()/index.html index ed5d7cb5fd..12dc49ca05 100644 --- a/files/zh-cn/web/css/url()/index.html +++ b/files/zh-cn/web/css/url()/index.html @@ -13,7 +13,7 @@ original_slug: Web/CSS/url
    URI 和 URL?

    -URI（统一资源标识符） 与 URL（统一资源定位符） 不同。URL 描述资源的位置，而 URI 描述资源的 id。URI 可以是一个资源的 URL（地址）、或 URN（统一资源名称）。
    +URI（统一资源标识符） 与 URL（统一资源定位符） 不同。URL 描述资源的位置，而 URI 描述资源的 id。URI 可以是一个资源的 URL（地址）、或 URN（统一资源名称）。

    在 CSS Level 1 中，url() 函数被引入并用于描述 URL，即地址（虽然没有明确定义，但指一个 CSS 数据类型 <url>）

    diff --git a/files/zh-cn/web/demos_of_open_web_technologies/index.html b/files/zh-cn/web/demos_of_open_web_technologies/index.html index a63be23067..f330fd6634 100644 --- a/files/zh-cn/web/demos_of_open_web_technologies/index.html +++ b/files/zh-cn/web/demos_of_open_web_technologies/index.html @@ -22,11 +22,11 @@ original_slug: Web/演示说明

    Canvas

    @@ -54,7 +54,7 @@ original_slug: Web/演示说明
  • Transformers Movie Trailer
  • A Scanner Darkly Movie Trailer（自带控制功能）
  • Events firing and volume control
    • -
  • Dragable and sizable videos
    • +
  • Dragable and sizable videos

    • 3D 图像

    diff --git a/files/zh-cn/web/html/element/col/index.html b/files/zh-cn/web/html/element/col/index.html index 0a1303dcff..317a35f680 100644 --- a/files/zh-cn/web/html/element/col/index.html +++ b/files/zh-cn/web/html/element/col/index.html @@ -135,7 +135,7 @@ translation_of: Web/HTML/Element/col
    {{htmlattrdef("valign")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}
    This attribute specifies the vertical alignment of the text within each cell of the column. Possible values for this attribute are:
      -
    • baseline, which will put the text as close to the bottom of the cell as it is possible, but align it on the baseline of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as bottom.
      • +
    • baseline, which will put the text as close to the bottom of the cell as it is possible, but align it on the baseline of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as bottom.
    • bottom, which will put the text as close to the bottom of the cell as it is possible;
    • middle, which will center the text in the cell;
    • and top, which will put the text as close to the top of the cell as it is possible.
      • diff --git a/files/zh-cn/web/html/element/input/index.html b/files/zh-cn/web/html/element/input/index.html index 3efd79c60f..6747278313 100644 --- a/files/zh-cn/web/html/element/input/index.html +++ b/files/zh-cn/web/html/element/input/index.html @@ -726,7 +726,7 @@ translation_of: Web/HTML/Element/input
      {{ htmlattrdef("usemap") }} {{ HTMLVersionInline(4) }} only, {{ obsoleteGeneric("inline", "HTML5") }}
      作为图像映射的{{ HTMLElement("map") }}元素的名称.
      {{ htmlattrdef("value") }}
      -
      控件的初始值. 此属性是可选的，除非type 属性是radio或checkbox。注意，当重新加载页面时，如果在重新加载之前更改了值，Gecko和IE将忽略HTML源代码中指定的值。
      +
      控件的初始值. 此属性是可选的，除非type 属性是radio或checkbox。注意，当重新加载页面时，如果在重新加载之前更改了值，Gecko和IE将忽略HTML源代码中指定的值。
      {{ htmlattrdef("width") }} {{ HTMLVersionInline(5) }}
      如果type属性的值是image，这个属性定义了按钮图片的宽度。
      diff --git a/files/zh-cn/web/html/element/keygen/index.html b/files/zh-cn/web/html/element/keygen/index.html index ddcf5ab6dd..906579be49 100644 --- a/files/zh-cn/web/html/element/keygen/index.html +++ b/files/zh-cn/web/html/element/keygen/index.html @@ -68,7 +68,7 @@ translation_of: Web/HTML/Element/keygen

      For DSA keys, the keyparams parameter specifies the DSA PQG parameters which are to be used in the keygen process. The value of the pqg parameter is the the BASE64 encoded, DER encoded Dss-Parms as specified in IETF RFC 3279. The user may be given a choice of DSA key sizes, allowing the user to choose one of the sizes defined in the DSA standard.

      -

      For EC keys, the keyparams parameter specifies the name of the elliptic curve on which the key will be generated. It is normally a string from the table in nsKeygenHandler.cpp. (Note that only a subset of the curves named there may actually be supported in any particular browser.) If the keyparams parameter string is not a recognized curve name string, then a curve is chosen according to the user's chosen key strength (low, medium, high), using the curve named "secp384r1" for high, and the curve named "secp256r1" for medium keys. (Note: choice of the number of key strengths, default values for each strength, and the UI by which the user is offered a choice, are outside of the scope of this specification.)

      +

      For EC keys, the keyparams parameter specifies the name of the elliptic curve on which the key will be generated. It is normally a string from the table in nsKeygenHandler.cpp. (Note that only a subset of the curves named there may actually be supported in any particular browser.) If the keyparams parameter string is not a recognized curve name string, then a curve is chosen according to the user's chosen key strength (low, medium, high), using the curve named "secp384r1" for high, and the curve named "secp256r1" for medium keys. (Note: choice of the number of key strengths, default values for each strength, and the UI by which the user is offered a choice, are outside of the scope of this specification.)

      The <keygen> element is only valid within an HTML form. It will cause some sort of selection to be presented to the user for selecting key size. The UI for the selection may be a menu, radio buttons, or possibly something else. The browser presents several possible key strengths. Currently, two strengths are offered, high and medium. If the user's browser is configured to support cryptographic hardware (e.g. "smart cards") the user may also be given a choice of where to generate the key, i.e., in a smart card or in software and stored on disk.

      @@ -95,10 +95,10 @@ translation_of: Web/HTML/Element/keygen

      Examples

      Specifications

      diff --git a/files/zh-cn/web/html/element/time/index.html b/files/zh-cn/web/html/element/time/index.html index 7c96c6d567..3679df8d0f 100644 --- a/files/zh-cn/web/html/element/time/index.html +++ b/files/zh-cn/web/html/element/time/index.html @@ -5,13 +5,13 @@ translation_of: Web/HTML/Element/time ---

      概述

      -

       HTML time 标签(<time>) 用来表示24小时制时间或者公历日期，若表示日期则也可包含时间和时区。

      +

       HTML time 标签(<time>) 用来表示24小时制时间或者公历日期，若表示日期则也可包含时间和时区。

      此元素意在以机器可读的格式表示日期和时间。 有安排日程表功能的应用可以利用这一点。

      用法提示： 如果给定的日期不是正常日期或者在公历中最早的日期之前，请不要使用此元素。
      -
      状态提示： 该元素仍在设计和讨论中(http://blog.whatwg.org/weekly-time-data)
      +
      状态提示： 该元素仍在设计和讨论中(http://blog.whatwg.org/weekly-time-data)

      使用场景

      diff --git a/files/zh-cn/web/html/element/track/index.html b/files/zh-cn/web/html/element/track/index.html index e93803188c..0b0f80a474 100644 --- a/files/zh-cn/web/html/element/track/index.html +++ b/files/zh-cn/web/html/element/track/index.html @@ -88,7 +88,7 @@ translation_of: Web/HTML/Element/track
      {{htmlattrdef("src")}}
      track的地址。必须是合法的URL。该属性必须定义。
      {{htmlattrdef("srclang")}}
      -
      track文本数据的语言。它必须是合法的 BCP 47 语言标签。如果 kind 属性被设为 subtitles, 那么srclang 必须定义。
      +
      track文本数据的语言。它必须是合法的 BCP 47 语言标签。如果 kind 属性被设为 subtitles, 那么srclang 必须定义。

      用法说明

      diff --git a/files/zh-cn/web/html/element/video/index.html b/files/zh-cn/web/html/element/video/index.html index 350d9e4e41..544f902feb 100644 --- a/files/zh-cn/web/html/element/video/index.html +++ b/files/zh-cn/web/html/element/video/index.html @@ -282,7 +282,7 @@ AddType video/ogg .ogg
    • 使用 HTML5 audio 和video
    • 用canvas操作video
    • nsIDOMHTMLMediaElement
      • -
    • TinyVid - 在HTML5中使用ogg文件的例子。
      • +
    • TinyVid - 在HTML5中使用ogg文件的例子。
    • video 元素 (HTML5 规范)
    • Ogg 格式媒体文件的服务器配置
    diff --git a/files/zh-cn/web/http/content_negotiation/list_of_default_accept_values/index.html b/files/zh-cn/web/http/content_negotiation/list_of_default_accept_values/index.html index ad0ac618da..0da28e9bf9 100644 --- a/files/zh-cn/web/http/content_negotiation/list_of_default_accept_values/index.html +++ b/files/zh-cn/web/http/content_negotiation/list_of_default_accept_values/index.html @@ -23,14 +23,14 @@ original_slug: Web/HTTP/Content_negotiation/Accept_默认值 Firefox text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
      - 这个值可以通过network.http.accept.default 参数来修改。 + 这个值可以通过network.http.accept.default 参数来修改。 Safari, Chrome

    application/xml,application/xhtml+xml,text/html;q=0.9, text/plain;q=0.8,image/png,*/*;q=0.5

    - source + source Safari 5 @@ -116,7 +116,7 @@ original_slug: Web/HTTP/Content_negotiation/Accept_默认值 Firefox 3.6 及以上版本 audio/webm, audio/ogg, audio/wav, audio/*;q=0.9, application/ogg;q=0.7, video/*;q=0.6; */*;q=0.5 -  请参见bug 489071 +  请参见bug 489071 Chrome @@ -145,7 +145,7 @@ original_slug: Web/HTTP/Content_negotiation/Accept_默认值 Firefox 3.6 及以上版本 audio/webm,audio/ogg,audio/wav,audio/*;q=0.9,application/ogg;q=0.7,video/*;q=0.6,*/*;q=0.5 - See bug 489071 + See bug 489071 Safari, Chrome @@ -179,7 +179,7 @@ original_slug: Web/HTTP/Content_negotiation/Accept_默认值 Firefox */* -  请参见bug 170789 +  请参见bug 170789 Safari, Chrome @@ -213,7 +213,7 @@ original_slug: Web/HTTP/Content_negotiation/Accept_默认值 Firefox 4 text/css,*/*;q=0.1 -  请参见bug 170789 +  请参见bug 170789 Safari 5 diff --git a/files/zh-cn/web/http/headers/index.html b/files/zh-cn/web/http/headers/index.html index 3c2c75751b..8a7cdd0e13 100644 --- a/files/zh-cn/web/http/headers/index.html +++ b/files/zh-cn/web/http/headers/index.html @@ -315,7 +315,7 @@ translation_of: Web/HTTP/Headers

    For the rel=prefetch case, see Link Prefetching FAQ

    -

    Introduced in HTTP 1.1's RFC 2068, section 19.6.2.4, it was removed in the final HTTP 1.1 spec, then reintroduced, with some extensions, in RFC 5988

    +

    Introduced in HTTP 1.1's RFC 2068, section 19.6.2.4, it was removed in the final HTTP 1.1 spec, then reintroduced, with some extensions, in RFC 5988

    diff --git a/files/zh-cn/web/mathml/authoring/index.html b/files/zh-cn/web/mathml/authoring/index.html index 48fe7f24bf..c06ce73a54 100644 --- a/files/zh-cn/web/mathml/authoring/index.html +++ b/files/zh-cn/web/mathml/authoring/index.html @@ -49,7 +49,7 @@ translation_of: Web/MathML/Authoring 
    <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>
    @@ -125,9 +125,9 @@ m|math {

    电子邮件和即时通讯客户端中的 MathML

    -

    Modern mail clients may send and receive emails in the HTML5 format and thus can use MathML expressions. Be sure to have the "send as HTML" and "view as HTML" options enabled. In Thunderbird, you can use the "Insert HTML" command to paste your HTML+MathML code. MathBird is a convenient add-on for Thunderbird to insert such MathML expressions using the AsciiMath input syntax. Moreover, a LaTeX-to-MathML input box has also been integrated into SeaMonkey since version 2.28 and into Thunderbird since version 31. Again, the way MathML is handled and the quality of the MathML rendering depend on the mail clients. Even if your browser supports MathML, your Webmail may prevent you to send or receive mails with MathML inside.

    +

    Modern mail clients may send and receive emails in the HTML5 format and thus can use MathML expressions. Be sure to have the "send as HTML" and "view as HTML" options enabled. In Thunderbird, you can use the "Insert HTML" command to paste your HTML+MathML code. MathBird is a convenient add-on for Thunderbird to insert such MathML expressions using the AsciiMath input syntax. Moreover, a LaTeX-to-MathML input box has also been integrated into SeaMonkey since version 2.28 and into Thunderbird since version 31. Again, the way MathML is handled and the quality of the MathML rendering depend on the mail clients. Even if your browser supports MathML, your Webmail may prevent you to send or receive mails with MathML inside.

    -

    Gecko-based instant messaging clients can integrate a Javascript-based text-to-MathML converter (mentioned below) and then render the MathML expressions generated from the (plaintext) instant messages. For example, there is an Instantbird add-on that handles LaTeX expressions.

    +

    Gecko-based instant messaging clients can integrate a Javascript-based text-to-MathML converter (mentioned below) and then render the MathML expressions generated from the (plaintext) instant messages. For example, there is an Instantbird add-on that handles LaTeX expressions.

    从简单句法转换

    @@ -177,7 +177,7 @@ m|math {

    and get it automatically converted into MathML. This is still a work-in-progress, but could be improved in the future thanks to Web Components and shadow DOM. Alternatively, you can use the more traditional Javascript parsing of expressions at load time as all the other tools in this section do.

    -

    One simple client-side conversion tools is ASCIIMathML. Just download the ASCIIMathML.js script and copy it to your Web site. Then on your Web pages, add a <script> tag to load ASCIIMathML and the mathematical expressions delimited by ` (grave accent) will be automatically parsed and converted to MathML:

    +

    One simple client-side conversion tools is ASCIIMathML. Just download the ASCIIMathML.js script and copy it to your Web site. Then on your Web pages, add a <script> tag to load ASCIIMathML and the mathematical expressions delimited by ` (grave accent) will be automatically parsed and converted to MathML:

    <html>
 <head>
@@ -191,7 +191,7 @@ m|math {
 ...
    -

    LaTeXMathML is a similar script that allows to parse more LaTeX commands. The installation is similar: copy LaTeXMathML.js and LaTeXMathML.standardarticle.css, add links in the header of your document and the LaTeX content of your Web page marked by the "LaTeX" class will be automatically parsed and converted to HTML+MathML:

    +

    LaTeXMathML is a similar script that allows to parse more LaTeX commands. The installation is similar: copy LaTeXMathML.js and LaTeXMathML.standardarticle.css, add links in the header of your document and the LaTeX content of your Web page marked by the "LaTeX" class will be automatically parsed and converted to HTML+MathML:

    <head>
 ...
@@ -223,9 +223,9 @@ This is a sample LaTeXML document.
 </div>
 ...
    -

    jqMath is another script to parse a simple LaTeX-like syntax but which also accepts non-ASCII characters like  √{∑↙{n=1}↖{+∞} 6/n^2} = π  to write ∑ n = 1 + ∞ 6 n 2 = π . The installation is similar: download and copy the relevant Javascript and CSS files on your Web site and reference them in your page header (see the COPY-ME.html file from the zip archive for an example). One of the advantage of jqMath over the previous scripts is that it will automatically add some simple CSS rules to do the mathematical layout and make the formulas readable on browsers with limited MathML support.

    +

    jqMath is another script to parse a simple LaTeX-like syntax but which also accepts non-ASCII characters like  √{∑↙{n=1}↖{+∞} 6/n^2} = π  to write ∑ n = 1 + ∞ 6 n 2 = π . The installation is similar: download and copy the relevant Javascript and CSS files on your Web site and reference them in your page header (see the COPY-ME.html file from the zip archive for an example). One of the advantage of jqMath over the previous scripts is that it will automatically add some simple CSS rules to do the mathematical layout and make the formulas readable on browsers with limited MathML support.

    -

    Another way to work around the lack of MathML support in some browsers is to use MathJax. However, note that you may find conflicts and synchronization issues between MathJax and the Javascript libraries previously mentioned. So if you really want to use MathJax as a MathML polyfill, you'd better use its own LaTeX/ASCIIMath parsers too. Note that on the one hand MathJax has better parsing and rendering support but on the other hand it is much bigger, more complex and slower than the previous Javascript libraries. Fortunately, you can use MathJax's CDN so that you don't need to install it on your Web server. Also, the slowest part of MathJax is currently its HTML-CSS / SVG output modes so we recommend to use the Native MathML output for Gecko-based browsers. Hence a typical configuration to use the AMS-LaTeX input is:

    +

    Another way to work around the lack of MathML support in some browsers is to use MathJax. However, note that you may find conflicts and synchronization issues between MathJax and the Javascript libraries previously mentioned. So if you really want to use MathJax as a MathML polyfill, you'd better use its own LaTeX/ASCIIMath parsers too. Note that on the one hand MathJax has better parsing and rendering support but on the other hand it is much bigger, more complex and slower than the previous Javascript libraries. Fortunately, you can use MathJax's CDN so that you don't need to install it on your Web server. Also, the slowest part of MathJax is currently its HTML-CSS / SVG output modes so we recommend to use the Native MathML output for Gecko-based browsers. Hence a typical configuration to use the AMS-LaTeX input is:

    ...
     <script type="text/x-mathjax-config">
@@ -242,7 +242,7 @@ This is a sample LaTeXML document.
 ...
    -

    Note that the dollar delimiters are not used by default. To use the ASCIIMathML input instead, just replace TeX-AMS-MML_HTMLorMML by AM-MML_HTMLorMML.  MathJax has many other features, see the MathJax documentation for further details.

    +

    Note that the dollar delimiters are not used by default. To use the ASCIIMathML input instead, just replace TeX-AMS-MML_HTMLorMML by AM-MML_HTMLorMML.  MathJax has many other features, see the MathJax documentation for further details.

    命令行程序

    @@ -267,7 +267,7 @@ This is a sample LaTeXML document.

    TeXZilla can be used from the command line and will essentially have the same support as itex2MML described below. However, the stream filter behavior is not implemented yet.

    -

    If you only want to parse simple LaTeX mathematical expressions, you might want to try tools like itex2MML or Blahtex. The latter is often available on Linux distributions. Let's consider the former, which was originally written by Paul Gartside at the beginning of the Mozilla MathML project and has been maintained by Jacques Distler since then. It's a small stream filter written in C/C++ and generated with flex and bison ; in particular it is very fast. Install flex/bison as well as the classical compiler and make tools. On Unix, you can then download itex2MML, build and install it:

    +

    If you only want to parse simple LaTeX mathematical expressions, you might want to try tools like itex2MML or Blahtex. The latter is often available on Linux distributions. Let's consider the former, which was originally written by Paul Gartside at the beginning of the Mozilla MathML project and has been maintained by Jacques Distler since then. It's a small stream filter written in C/C++ and generated with flex and bison ; in particular it is very fast. Install flex/bison as well as the classical compiler and make tools. On Unix, you can then download itex2MML, build and install it:

    wget http://golem.ph.utexas.edu/~distler/blog/files/itexToMML.tar.gz; \
 tar -xzf itexToMML.tar.gz; \
@@ -360,7 +360,7 @@ sudo make install
 
 
    Inftyreader is able to perform some Optical Character Recognition, including translation of mathematical equations into MathML. Other tools can do handwriting recognition such as the Windows Math Input Panel
    
 
-
    or the online converter Web Equation.
    
+
    or the online converter Web Equation.
    
 
 
    
 
    原始文件信息
    
diff --git a/files/zh-cn/web/mathml/element/math/index.html b/files/zh-cn/web/mathml/element/math/index.html
index dcbef71b23..27acb09303 100644
--- a/files/zh-cn/web/mathml/element/math/index.html
+++ b/files/zh-cn/web/mathml/element/math/index.html
@@ -299,7 +299,7 @@ translation_of: Web/MathML/Element/math
 
 
    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中实现。
    
 
diff --git a/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html b/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
index 0c644f8724..fa8fc121d3 100644
--- a/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
+++ b/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
@@ -26,7 +26,7 @@ translation_of: Web/Progressive_web_apps/Responsive/responsive_design_building_b
 
    We've written a simple-but-fun prototype for an application called Snapshot, which takes a video stream from your webcam (using {{domxref("navigator.getUserMedia", "getUserMedia()")}}) then allows you to capture stills from that video stream (using HTML5 {{HTMLElement("canvas")}}), and save them to a gallery. You can then view previously-captured images and delete them. Other articles will discuss the functionality in more detail, but here we're interested in the layout.
    
 
 
    
-
    Note: You can find the Snapshot app on Github; check out the code and help improve it. You can also see Snapshot running live. Note that getUserMedia() is an experimental technology, which currently only works in Google Chrome and Firefox desktop. More functionality and a clean up of the styling of Snapshot are planned for a future date.
    
+
    Note: You can find the Snapshot app on Github; check out the code and help improve it. You can also see Snapshot running live. Note that getUserMedia() is an experimental technology, which currently only works in Google Chrome and Firefox desktop. More functionality and a clean up of the styling of Snapshot are planned for a future date.
    
 
    
 
 
    Our desktop layout for Snapshot is three columns, containing the camera viewer, image capture view, and gallery, respectively.
    
@@ -48,7 +48,7 @@ translation_of: Web/Progressive_web_apps/Responsive/responsive_design_building_b
 </x-deck>
    -

    Note: These weird x- elements may be unfamiliar; they are part of Brick, Mozilla's UI element library for mobile web apps. We have used Brick to create the mobile layout for Snapshot, which you will read more about below.

    +

    Note: These weird x- elements may be unfamiliar; they are part of Brick, Mozilla's UI element library for mobile web apps. We have used Brick to create the mobile layout for Snapshot, which you will read more about below.

    To get these sitting side-by-side we have used the following rules:

    @@ -232,7 +232,7 @@ x-card:nth-child(3) {

    Last, we have used flex: 1; to make the buttons always take up the same proportion of space on the line. Let's have a look at the mobile layout, in the below image.

    -

    single column layout for mobile app view, with three buttons to navigate between cards, an image viewer, and a Save Picture button at the button.But there are more tricks up our sleeves for this mobile app layout! As mentioned above, we used Mozilla Brick, a collection of ready-rolled mobile UI components, in the making of the mobile app layout. In particular, we used the deck component for the nice transition effect between cards when the buttons are pressed. For more on using Brick, read Mozilla Brick: ready made UI components.

    +

    single column layout for mobile app view, with three buttons to navigate between cards, an image viewer, and a Save Picture button at the button.But there are more tricks up our sleeves for this mobile app layout! As mentioned above, we used Mozilla Brick, a collection of ready-rolled mobile UI components, in the making of the mobile app layout. In particular, we used the deck component for the nice transition effect between cards when the buttons are pressed. For more on using Brick, read Mozilla Brick: ready made UI components.

    What's more relevant to this article is that we didn't want the Brick CSS and JavaScript files being applied to the markup unless we were looking at the mobile app view. To achieve this, we applied the Brick CSS to the page using a separate {{HTMLElement("link")}} element with a media attribute:

    @@ -393,13 +393,13 @@ x-card:nth-child(3) {

    This all sounds good. But those solutions are definitely not ready for production yet — both are in a very early stage of standardization, and have no support across browsers. Currently we have to rely on various polyfills and other solutions, none of which are perfect for all situations, so you need to decide which one is right for your particular situation. Some available solutions are as follows:

    -
    HiSRC
    +
    HiSRC
    A jQuery plugin that allows you to create small, medium, and large versions of an image, and then serves the appropriate one according to the browser's resolution and available network speed.
    -
    Mobify.js capturing
    +
    Mobify.js capturing
    A very clever technique from Mozilla that allows you to capture the source of the page before it's parsed. This way, you can swap out image src values with JavaScript depending on browser features, circumventing browser preloading issues. This is promising, but doesn't work very well across older browsers.
    -
    Picturefill
    +
    Picturefill
    A JavaScript-based polyfill for <picture>, which works nicely, but it does require a lot of custom markup.
    -
    Adaptive images
    +
    Adaptive images
    A server-side solution, which records the viewport size in a cookie, then resizes images via a combination of PHP and .htaccess to a more appropriate size, if appropriate. This doesn't require markup or scripting, but has a number of limitations.
    diff --git a/files/zh-cn/web/security/index.html b/files/zh-cn/web/security/index.html index d054db1354..7fd77d839b 100644 --- a/files/zh-cn/web/security/index.html +++ b/files/zh-cn/web/security/index.html @@ -18,7 +18,7 @@ translation_of: Web/Security
    信息安全基本原理
    了解安全基本原理会帮助你理解在 web 开发生命周期中安全的角色和重要性。它将帮助你避免使用不必要的、允许攻击者利用缺陷获得经济收益或其他恶意目的非完全软件。以下文章提供了一些基本的 web 安全理论和定义。
    不安全的密码
    -
    HTTPS 协议旨在保护用户数据在网络上不被窃听（机密性） 和不被篡改（完整性）。处理用户数据的网站应该使用 HTTPS 协议保护他们的用户不受黑客的侵害。如果网站使用 HTTP 协议而不是 HTTPS 协议，窃取用户信息（比如他们的登录凭证）将会轻而易举。这曾经被 Firesheep 很好地演示过。
    +
    HTTPS 协议旨在保护用户数据在网络上不被窃听（机密性） 和不被篡改（完整性）。处理用户数据的网站应该使用 HTTPS 协议保护他们的用户不受黑客的侵害。如果网站使用 HTTP 协议而不是 HTTPS 协议，窃取用户信息（比如他们的登录凭证）将会轻而易举。这曾经被 Firesheep 很好地演示过。
    混合内容
    当用户访问通过 HTTPS 协议传输的页面时，他们与 web 服务器的连接被 TLS 加密保护，因而免受嗅探器和中间人攻击。如果这个通过 HTTPS 访问的页面包含通过定期的明文 HTTP 获取的内容，那么该连接就只是部分加密；没有加密的内容可以被嗅探器获取、被中间人攻击篡改，因此该连接不受安全保证。当网页表现出这样的行为，就称为混合内容页面。
    diff --git a/files/zh-cn/web/security/same-origin_policy/index.html b/files/zh-cn/web/security/same-origin_policy/index.html index 56b8d35992..1e39d736b5 100644 --- a/files/zh-cn/web/security/same-origin_policy/index.html +++ b/files/zh-cn/web/security/same-origin_policy/index.html @@ -104,14 +104,14 @@ translation_of: Web/Security/Same-origin_policy

    以下是可能嵌入跨源的资源的一些示例：

    diff --git a/files/zh-cn/web/svg/svg_1.1_support_in_firefox/index.html b/files/zh-cn/web/svg/svg_1.1_support_in_firefox/index.html index 974ac82527..30b6e79c63 100644 --- a/files/zh-cn/web/svg/svg_1.1_support_in_firefox/index.html +++ b/files/zh-cn/web/svg/svg_1.1_support_in_firefox/index.html @@ -671,7 +671,7 @@ translation_of: Web/SVG/SVG_1.1_Support_in_Firefox Font Module - font + font