From 01b845e6d402777fe03cc4dd7ed5f21af400eed1 Mon Sep 17 00:00:00 2001 From: Jason Lee Date: Tue, 4 Jan 2022 17:38:26 +0800 Subject: Improve copywriting for add spaces between Chinese and English words for files/zh-cn/web/html/element. --- files/zh-cn/web/html/element/a/index.html | 56 +++++++------- files/zh-cn/web/html/element/abbr/index.html | 4 +- files/zh-cn/web/html/element/acronym/index.html | 18 ++--- files/zh-cn/web/html/element/address/index.html | 4 +- files/zh-cn/web/html/element/applet/index.html | 36 ++++----- files/zh-cn/web/html/element/area/index.html | 46 ++++++------ files/zh-cn/web/html/element/aside/index.html | 2 +- files/zh-cn/web/html/element/audio/index.html | 14 ++-- files/zh-cn/web/html/element/b/index.html | 4 +- files/zh-cn/web/html/element/base/index.html | 12 +-- files/zh-cn/web/html/element/basefont/index.html | 26 +++---- files/zh-cn/web/html/element/bdi/index.html | 6 +- files/zh-cn/web/html/element/bdo/index.html | 22 +++--- files/zh-cn/web/html/element/bgsound/index.html | 16 ++-- files/zh-cn/web/html/element/big/index.html | 8 +- files/zh-cn/web/html/element/blink/index.html | 10 +-- files/zh-cn/web/html/element/blockquote/index.html | 6 +- files/zh-cn/web/html/element/body/index.html | 4 +- files/zh-cn/web/html/element/br/index.html | 2 +- files/zh-cn/web/html/element/button/index.html | 44 +++++------ files/zh-cn/web/html/element/canvas/index.html | 18 ++--- files/zh-cn/web/html/element/caption/index.html | 10 +-- files/zh-cn/web/html/element/center/index.html | 4 +- files/zh-cn/web/html/element/cite/index.html | 12 +-- files/zh-cn/web/html/element/code/index.html | 6 +- files/zh-cn/web/html/element/col/index.html | 10 +-- files/zh-cn/web/html/element/colgroup/index.html | 4 +- files/zh-cn/web/html/element/data/index.html | 2 +- files/zh-cn/web/html/element/datalist/index.html | 12 +-- files/zh-cn/web/html/element/del/index.html | 4 +- files/zh-cn/web/html/element/details/index.html | 4 +- files/zh-cn/web/html/element/dfn/index.html | 4 +- files/zh-cn/web/html/element/dialog/index.html | 2 +- files/zh-cn/web/html/element/div/index.html | 6 +- files/zh-cn/web/html/element/dl/index.html | 10 +-- files/zh-cn/web/html/element/em/index.html | 4 +- files/zh-cn/web/html/element/embed/index.html | 2 +- files/zh-cn/web/html/element/fieldset/index.html | 8 +- files/zh-cn/web/html/element/figcaption/index.html | 2 +- files/zh-cn/web/html/element/figure/index.html | 2 +- files/zh-cn/web/html/element/font/index.html | 2 +- files/zh-cn/web/html/element/footer/index.html | 2 +- files/zh-cn/web/html/element/form/index.html | 16 ++-- files/zh-cn/web/html/element/frameset/index.html | 4 +- .../web/html/element/heading_elements/index.html | 6 +- files/zh-cn/web/html/element/hgroup/index.html | 4 +- files/zh-cn/web/html/element/hr/index.html | 10 +-- files/zh-cn/web/html/element/html/index.html | 10 +-- files/zh-cn/web/html/element/i/index.html | 2 +- files/zh-cn/web/html/element/iframe/index.html | 28 +++---- files/zh-cn/web/html/element/image/index.html | 4 +- files/zh-cn/web/html/element/img/index.html | 10 +-- files/zh-cn/web/html/element/index.html | 4 +- .../zh-cn/web/html/element/input/button/index.html | 6 +- .../web/html/element/input/checkbox/index.html | 14 ++-- .../zh-cn/web/html/element/input/color/index.html | 30 ++++---- files/zh-cn/web/html/element/input/date/index.html | 62 ++++++++-------- .../html/element/input/datetime-local/index.html | 36 ++++----- .../zh-cn/web/html/element/input/email/index.html | 12 +-- files/zh-cn/web/html/element/input/file/index.html | 18 ++--- .../zh-cn/web/html/element/input/hidden/index.html | 18 ++--- files/zh-cn/web/html/element/input/index.html | 58 +++++++-------- .../zh-cn/web/html/element/input/month/index.html | 22 +++--- .../zh-cn/web/html/element/input/number/index.html | 22 +++--- .../web/html/element/input/password/index.html | 24 +++--- .../zh-cn/web/html/element/input/radio/index.html | 6 +- .../zh-cn/web/html/element/input/range/index.html | 70 +++++++++--------- .../zh-cn/web/html/element/input/reset/index.html | 14 ++-- .../zh-cn/web/html/element/input/search/index.html | 40 +++++----- .../zh-cn/web/html/element/input/submit/index.html | 38 +++++----- files/zh-cn/web/html/element/input/tel/index.html | 28 +++---- files/zh-cn/web/html/element/input/text/index.html | 50 ++++++------- files/zh-cn/web/html/element/input/time/index.html | 20 ++--- files/zh-cn/web/html/element/input/url/index.html | 2 +- files/zh-cn/web/html/element/input/week/index.html | 46 ++++++------ files/zh-cn/web/html/element/ins/index.html | 2 +- files/zh-cn/web/html/element/kbd/index.html | 4 +- files/zh-cn/web/html/element/keygen/index.html | 2 +- files/zh-cn/web/html/element/label/index.html | 6 +- files/zh-cn/web/html/element/li/index.html | 4 +- files/zh-cn/web/html/element/link/index.html | 86 +++++++++++----------- files/zh-cn/web/html/element/main/index.html | 4 +- files/zh-cn/web/html/element/map/index.html | 4 +- files/zh-cn/web/html/element/mark/index.html | 10 +-- files/zh-cn/web/html/element/marquee/index.html | 4 +- files/zh-cn/web/html/element/menu/index.html | 2 +- files/zh-cn/web/html/element/menuitem/index.html | 8 +- files/zh-cn/web/html/element/meta/index.html | 22 +++--- files/zh-cn/web/html/element/meta/name/index.html | 4 +- files/zh-cn/web/html/element/meter/index.html | 22 +++--- files/zh-cn/web/html/element/nav/index.html | 10 +-- files/zh-cn/web/html/element/noembed/index.html | 2 +- files/zh-cn/web/html/element/noscript/index.html | 6 +- files/zh-cn/web/html/element/ol/index.html | 12 +-- files/zh-cn/web/html/element/optgroup/index.html | 6 +- files/zh-cn/web/html/element/option/index.html | 6 +- files/zh-cn/web/html/element/output/index.html | 8 +- files/zh-cn/web/html/element/p/index.html | 2 +- files/zh-cn/web/html/element/param/index.html | 8 +- files/zh-cn/web/html/element/picture/index.html | 8 +- files/zh-cn/web/html/element/pre/index.html | 12 +-- files/zh-cn/web/html/element/progress/index.html | 28 +++---- files/zh-cn/web/html/element/q/index.html | 6 +- files/zh-cn/web/html/element/rb/index.html | 10 +-- files/zh-cn/web/html/element/rtc/index.html | 4 +- files/zh-cn/web/html/element/ruby/index.html | 4 +- files/zh-cn/web/html/element/script/index.html | 28 +++---- files/zh-cn/web/html/element/section/index.html | 6 +- files/zh-cn/web/html/element/select/index.html | 6 +- files/zh-cn/web/html/element/slot/index.html | 4 +- files/zh-cn/web/html/element/small/index.html | 8 +- files/zh-cn/web/html/element/span/index.html | 2 +- files/zh-cn/web/html/element/strong/index.html | 14 ++-- files/zh-cn/web/html/element/style/index.html | 12 +-- files/zh-cn/web/html/element/summary/index.html | 6 +- files/zh-cn/web/html/element/table/index.html | 26 +++---- files/zh-cn/web/html/element/template/index.html | 18 ++--- files/zh-cn/web/html/element/textarea/index.html | 26 +++---- files/zh-cn/web/html/element/tfoot/index.html | 24 +++--- files/zh-cn/web/html/element/th/index.html | 40 +++++----- files/zh-cn/web/html/element/thead/index.html | 6 +- files/zh-cn/web/html/element/time/index.html | 12 +-- files/zh-cn/web/html/element/title/index.html | 12 +-- files/zh-cn/web/html/element/tr/index.html | 4 +- files/zh-cn/web/html/element/track/index.html | 16 ++-- files/zh-cn/web/html/element/u/index.html | 12 +-- files/zh-cn/web/html/element/ul/index.html | 24 +++--- files/zh-cn/web/html/element/var/index.html | 4 +- files/zh-cn/web/html/element/video/index.html | 82 ++++++++++----------- files/zh-cn/web/html/element/xmp/index.html | 10 +-- 130 files changed, 961 insertions(+), 961 deletions(-) (limited to 'files/zh-cn') diff --git a/files/zh-cn/web/html/element/a/index.html b/files/zh-cn/web/html/element/a/index.html index 1434cbf360..95a1a03873 100644 --- a/files/zh-cn/web/html/element/a/index.html +++ b/files/zh-cn/web/html/element/a/index.html @@ -54,38 +54,38 @@ translation_of: Web/HTML/Element/a
{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}
此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。如果属性有一个值，那么此值将在下载保存过程中作为预填充的文件名（如果用户需要，仍然可以更改文件名）。此属性对允许的值没有限制，但是 / 和 \ 会被转换为下划线。大多数文件系统限制了文件名中的标点符号，故此，浏览器将相应地调整建议的文件名。 -
注意: +
注意：
  • 此属性仅适用于同源 URL。
  • 尽管 HTTP URL 需要位于同一源中，但是可以使用 blob: URL 和 data: URL ，以方便用户下载使用 JavaScript 生成的内容（例如使用在线绘图 Web 应用程序创建的照片）。
  • 如果 HTTP 头中的 Content-Disposition 属性赋予了一个不同于此属性的文件名，HTTP 头属性优先于此属性。
    • -
  • 如果 HTTP 头属性 Content-Disposition 被设置为inline（即 Content-Disposition='inline'），那么 Firefox 优先考虑 HTTP 头 Content-Dispositiondownload 属性。
    • +
  • 如果 HTTP 头属性 Content-Disposition 被设置为 inline（即 Content-Disposition='inline'），那么 Firefox 优先考虑 HTTP 头 Content-Dispositiondownload 属性。
{{htmlattrdef("href")}}
包含超链接指向的 URL 或 URL 片段。
-
URL 片段是哈希标记（#）前面的名称，哈希标记指定当前文档中的内部目标位置（HTML 元素的 ID）。URL 不限于基于 Web（HTTP）的文档，也可以使用浏览器支持的任何协议。例如，在大多数浏览器中正常工作的file:、ftp:和mailto：。 +
URL 片段是哈希标记（#）前面的名称，哈希标记指定当前文档中的内部目标位置（HTML 元素的 ID）。URL 不限于基于 Web（HTTP）的文档，也可以使用浏览器支持的任何协议。例如，在大多数浏览器中正常工作的file:、ftp:和 mailto：。
-

注意: 可以使用 href="#top" 或者 href="#" 链接返回到页面顶部。这种行为是 HTML5 的特性。

+

注意： 可以使用 href="#top" 或者 href="#" 链接返回到页面顶部。这种行为是 HTML5 的特性。

{{htmlattrdef("hreflang")}}
-
该属性用于指定链接文档的人类语言。其仅提供建议，并没有内置的功能。hreflang 允许的值取决于HTML5 BCP47。
+
该属性用于指定链接文档的人类语言。其仅提供建议，并没有内置的功能。hreflang 允许的值取决于 HTML5 BCP47。
{{htmlattrdef("ping")}}
-
包含一个以空格分隔的url列表，当跟随超链接时，将由浏览器(在后台)发送带有正文 PING 的 POST 请求。通常用于跟踪。
+
包含一个以空格分隔的 url 列表，当跟随超链接时，将由浏览器 (在后台) 发送带有正文 PING 的 POST 请求。通常用于跟踪。
{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
-
表明在获取URL时发送哪个提交者（referrer）: +
表明在获取 URL 时发送哪个提交者（referrer）:
  • "no-referrer" 表示 Referer: 头将不会被发送。
    • -
  • "no-referrer-when-downgrade" 表示当从使用HTTPS的页面导航到不使用 TLS(HTTPS)的来源 时不会发送 Referer: 头。如果没有指定策略，这将是用户代理的默认行为。
    • -
  • "origin" 表示 referrer将会是页面的来源，大致为这样的组合：主机和端口（不包含具体的路径和参数的信息）。
    • -
  • "origin-when-cross-origin" 表示导航到其它源将会限制为这种组合：主机 + 端口，而导航到相同的源将会只包含 referrer的路径。
    • +
  • "no-referrer-when-downgrade" 表示当从使用 HTTPS 的页面导航到不使用 TLS(HTTPS) 的来源 时不会发送 Referer: 头。如果没有指定策略，这将是用户代理的默认行为。
    • +
  • "origin" 表示 referrer 将会是页面的来源，大致为这样的组合：主机和端口（不包含具体的路径和参数的信息）。
    • +
  • "origin-when-cross-origin" 表示导航到其它源将会限制为这种组合：主机 + 端口，而导航到相同的源将会只包含 referrer 的路径。
  • 'strict-origin-when-cross-origin'
    • -
  • "unsafe-url" 表示 referrer将会包含源和路径（domain + path）（但是不包含密码或用户名的片段）。这种情况是不安全的，因为它可能会将安全的URLs数据泄露给不安全的源。
    • +
  • "unsafe-url" 表示 referrer 将会包含源和路径（domain + path）（但是不包含密码或用户名的片段）。这种情况是不安全的，因为它可能会将安全的 URLs 数据泄露给不安全的源。
@@ -94,12 +94,12 @@ translation_of: Web/HTML/Element/a
{{htmlattrdef("rel")}}
该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值。
{{htmlattrdef("target")}}
-
该属性指定在何处显示链接的资源。 取值为标签（tab），窗口（window），或框架（iframe）等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义: +
该属性指定在何处显示链接的资源。 取值为标签（tab），窗口（window），或框架（iframe）等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义：
@@ -118,17 +118,17 @@ translation_of: Web/HTML/Element/a

过时的

{{htmlattrdef("charset")}} {{obsoleteGeneric("inline","HTML5")}}
-
此属性定义链接资源的字符编码。该值是一个空格- 和/或逗号分隔的RFC 2045中定义的字符集列表。默认值是ISO-8859-1。 +
此属性定义链接资源的字符编码。该值是一个空格- 和/或逗号分隔的RFC 2045中定义的字符集列表。默认值是 ISO-8859-1。
-

使用说明: 在 HTML5 中该属性已作废，不应使用。 为了实现其效果，使用HTTP content - type header的链接资源。

+

使用说明：在 HTML5 中该属性已作废，不应使用。 为了实现其效果，使用 HTTP content - type header 的链接资源。

{{htmlattrdef("coords")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}
对于使用对象的形状，此属性使用逗号分隔的数字列表来定义对象在页面上的坐标。
{{htmlattrdef("name")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}
-
该属性在页面中定义锚点的目标位置时是必须的。 name 的值类似于ID核心属性值，该属性值在文档中是唯一的且由数字字母标示符所组成的。在 HTML 4.01 规范中, id 和 name 都可以使用 <a> 元素，只要他们有相同的值。 +
该属性在页面中定义锚点的目标位置时是必须的。 name 的值类似于 ID 核心属性值，该属性值在文档中是唯一的且由数字字母标示符所组成的。在 HTML 4.01 规范中，id 和 name 都可以使用 <a> 元素，只要他们有相同的值。
-

使用说明: 该属性在 HTML5中是过时的, 使用 全局属性 id 来代替。

+

使用说明： 该属性在 HTML5 中是过时的，使用 全局属性 id 来代替。

{{htmlattrdef("rev")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}
@@ -137,7 +137,7 @@ translation_of: Web/HTML/Element/a
{{htmlattrdef("shape")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}
-
此属性用于定义一个可选的超链接相关的一个数字来创建图像映射区域，该属性的值是圆，默认情况下，多边形，矩形。 所述的coords 属性的格式取决于形状的值。对于圆，该值的x，y，r其中x和y为圆心像素坐标，r是像素值半径。对于矩形，该coords 属性应该是x，y，w，h。x，y值定义的矩形的左上角的位置，而w和h分别定义宽度和高度。多边形形状的值需要x1，y1，x2，y2，......值来定义coords。每对x，y定义多边形的一个点，连续点由直线接合和，最后一个点连接到第一个点。默认为形状的值需要将整个封闭区域，典型的图像，可以使用。 +
此属性用于定义一个可选的超链接相关的一个数字来创建图像映射区域，该属性的值是圆，默认情况下，多边形，矩形。 所述的coords 属性的格式取决于形状的值。对于圆，该值的 x，y，r 其中 x 和 y 为圆心像素坐标，r 是像素值半径。对于矩形，该coords 属性应该是 x，y，w，h。x，y 值定义的矩形的左上角的位置，而 w 和 h 分别定义宽度和高度。多边形形状的值需要 x1，y1，x2，y2，......值来定义 coords。每对 x，y 定义多边形的一个点，连续点由直线接合和，最后一个点连接到第一个点。默认为形状的值需要将整个封闭区域，典型的图像，可以使用。
说明：建议使用 使用 map 属性在 {{HTMLElement("img")}} 元素和相关的{{HTMLElement("map")}}元素中来定义热点而不是用形状属性。
@@ -169,7 +169,7 @@ Description of Same-Page Links

创建一个可点击的图片

-

这个小例子使用图像链接到MDN主页。主页将在新的浏览环境，这是一个新的页面或新标签中打开研究。

+

这个小例子使用图像链接到 MDN 主页。主页将在新的浏览环境，这是一个新的页面或新标签中打开研究。

<a href="https://developer.mozilla.org/en-US/">
   <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png"
@@ -183,16 +183,16 @@ Description of Same-Page Links
 
{{EmbedLiveSample("创建一个可点击的图片", "320", "64")}}

 
 
-
创建一个email链接

+
创建一个 email 链接

 
-
这是常见的创建按钮或链接，将用户的电子邮件程序打开，让他们发送新邮件。这是通过使用一个mailto链接完成的。这里有一个简单的例子：

+
这是常见的创建按钮或链接，将用户的电子邮件程序打开，让他们发送新邮件。这是通过使用一个 mailto 链接完成的。这里有一个简单的例子：

 
 
<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>
 

 
-
生成这样的链接: Send email to nowhere.

+
生成这样的链接：Send email to nowhere.

 
-
有关mailto URL方案的更多细节，比如如何包含主题，正文，或其他预定内容，参考 Email links or {{RFC(6068)}}.

+
有关 mailto URL 方案的更多细节，比如如何包含主题，正文，或其他预定内容，参考 Email links or {{RFC(6068)}}.

 
 
创建电话链接

 
@@ -205,7 +205,7 @@ Description of Same-Page Links
 
 
使用 download 属性将 <canvas> 保存为 PNG 格式

 
-
如果你想允许用户下载一个HTML画布，你可以创建一个下载属性和画布数据作为文件URL链接图像：

+
如果你想允许用户下载一个 HTML 画布，你可以创建一个下载属性和画布数据作为文件 URL 链接图像：

 
 
var link = document.createElement('a');
 link.innerHTML = 'download image';
@@ -221,7 +221,7 @@ document.body.appendChild(link);

 
 
备注

 
-
html 3.2 只定义 name, href, rel, rev, 和 title 属性。

+
html 3.2 只定义 name, href, rel, rev，和 title 属性。

 
 
无障碍建议

 
diff --git a/files/zh-cn/web/html/element/abbr/index.html b/files/zh-cn/web/html/element/abbr/index.html
index a59a429de1..cf2fb9da5d 100644
--- a/files/zh-cn/web/html/element/abbr/index.html
+++ b/files/zh-cn/web/html/element/abbr/index.html
@@ -101,7 +101,7 @@ translation_of: Web/HTML/Element/abbr
 
 
缩写样式

 
-
你可以像这个简单的例子一样，用CSS来为缩写做一个样式。

+
你可以像这个简单的例子一样，用 CSS 来为缩写做一个样式。

 
 
HTML

 
@@ -153,7 +153,7 @@ accessed.</p>

{{EmbedLiveSample("Defining_an_abbreviation", 600, 120)}}

-

可以在 How to mark abbreviations and make them understandable 中浏览更多深层次的实例.

+

可以在 How to mark abbreviations and make them understandable 中浏览更多深层次的实例。

可访问性问题

diff --git a/files/zh-cn/web/html/element/acronym/index.html b/files/zh-cn/web/html/element/acronym/index.html index 5d6cf1d8ae..ec8bbd958b 100644 --- a/files/zh-cn/web/html/element/acronym/index.html +++ b/files/zh-cn/web/html/element/acronym/index.html @@ -9,21 +9,21 @@ translation_of: Web/HTML/Element/acronym

简介

-

HTML Acronym  元素 (<acronym>) 允许作者明确地声明一个字符序列,，它们构成一个单词的首字母缩写或简略语。

+

HTML Acronym  元素 (<acronym>) 允许作者明确地声明一个字符序列，，它们构成一个单词的首字母缩写或简略语。

-

用法提示: . 该元素已从HTML5中移除，不应再被使用。Web开发者应使用 {{HTMLElement("abbr")}} 元素.

+

用法提示：. 该元素已从 HTML5 中移除，不应再被使用。Web 开发者应使用 {{HTMLElement("abbr")}} 元素。

属性

-

该元素除了 global attributes, 所有其他元素的公共属性之外没有其他属性.

+

该元素除了 global attributes, 所有其他元素的公共属性之外没有其他属性。

DOM 接口

-

该元素实现了 {{domxref('HTMLElement')}} 接口.

+

该元素实现了 {{domxref('HTMLElement')}} 接口。

-
实现提示: 直到 Gecko 1.9.2（包含），Firefox 为这个元素实现了 {{domxref('HTMLSpanElement')}} 接口。
+
实现提示：直到 Gecko 1.9.2（包含），Firefox 为这个元素实现了 {{domxref('HTMLSpanElement')}} 接口。

例子

@@ -32,15 +32,15 @@ translation_of: Web/HTML/Element/acronym

默认样式

-

尽管这个标签的目的纯粹是为了方便作者，它的默认样式却在各个浏览器中不尽相同:

+

尽管这个标签的目的纯粹是为了方便作者，它的默认样式却在各个浏览器中不尽相同：

-

因此强烈建议Web作者们不要依赖默认的样式.

+

因此强烈建议 Web 作者们不要依赖默认的样式。

规范

diff --git a/files/zh-cn/web/html/element/address/index.html b/files/zh-cn/web/html/element/address/index.html index 0de11f9078..ad5e81e21f 100644 --- a/files/zh-cn/web/html/element/address/index.html +++ b/files/zh-cn/web/html/element/address/index.html @@ -14,7 +14,7 @@ translation_of: Web/HTML/Element/address -

       由<address>元素中任何形式的内容所提供的联系信息适用于上下文的背景信息,可以是必要的任何一种联系方式,比如真实地址、URL、电子邮箱、电话号码、社交媒体账号、地理坐标等等。此元素应该包含联系信息对应的个人、团体或组织的名称。

+

       由<address>元素中任何形式的内容所提供的联系信息适用于上下文的背景信息，可以是必要的任何一种联系方式，比如真实地址、URL、电子邮箱、电话号码、社交媒体账号、地理坐标等等。此元素应该包含联系信息对应的个人、团体或组织的名称。

      <address>可以使用在多种语境中，例如在文章开头提供商务的联系方式，或者放在{{HTMLElement("article")}}元素内，指明该文章的作者。

@@ -26,7 +26,7 @@ translation_of: Web/HTML/Element/address 允许的内容 - Flow content, 但是不能嵌套<address>元素, 不能是头部内容 ({{HTMLElement("hgroup")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}), 不能是区块内容 ({{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}), 不能是{{HTMLElement("header")}} 或 {{HTMLElement("footer")}}元素. + Flow content, 但是不能嵌套<address>元素, 不能是头部内容 ({{HTMLElement("hgroup")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}), 不能是区块内容 ({{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}), 不能是{{HTMLElement("header")}} 或 {{HTMLElement("footer")}}元素。 标签省略 diff --git a/files/zh-cn/web/html/element/applet/index.html b/files/zh-cn/web/html/element/applet/index.html index 410e432bb9..0c9ae20904 100644 --- a/files/zh-cn/web/html/element/applet/index.html +++ b/files/zh-cn/web/html/element/applet/index.html @@ -12,45 +12,45 @@ translation_of: Web/HTML/Element/applet

概要

-

HTML中的Applet元素(<applet>) 标志着包含了Java的applet。

+

HTML 中的 Applet 元素 (<applet>) 标志着包含了 Java 的 applet。

-

注解： 这个元素在HTML5中已经废弃了，不能再被使用。网页开发者应该使用更为通用的元素。

+

注解： 这个元素在 HTML5 中已经废弃了，不能再被使用。网页开发者应该使用更为通用的元素。

属性（Attributes）

{{htmlattrdef("align")}}
-
该属性被用来定义网页上applet相对于周围内容的对齐方式。HTML4.01规范定义了bottom, left, middle, right和 top的值，而Microsoft（微软）和Netscaple（网景）也可能支持absbottom, absmiddle, baseline, center和texttop。
+
该属性被用来定义网页上 applet 相对于周围内容的对齐方式。HTML4.01 规范定义了 bottom, left, middle, right 和 top 的值，而 Microsoft（微软）和 Netscaple（网景）也可能支持absbottom, absmiddle, baseline, center和texttop。
{{htmlattrdef("alt")}}
-
该属性造成在不支持Java的浏览器上显示出一段替代的描述性文字。 页面设计者应该记住在<applet> 元素中封闭的内容也可以呈现为替代性文本。
+
该属性造成在不支持 Java 的浏览器上显示出一段替代的描述性文字。 页面设计者应该记住在<applet> 元素中封闭的内容也可以呈现为替代性文本。
{{htmlattrdef("archive")}}
-
该属性涉及到applet的存档或压缩版本及其相关类文件，这可能会减少下载时间。
+
该属性涉及到 applet 的存档或压缩版本及其相关类文件，这可能会减少下载时间。
{{htmlattrdef("code")}}
-
该属性指定被加载和执行的applet类文件的URL。Applet文件名由一个.class文件扩展名定义。由code指定的URL可能与codebase属性有关。
+
该属性指定被加载和执行的 applet 类文件的 URL。Applet 文件名由一个.class 文件扩展名定义。由 code 指定的 URL 可能与 codebase 属性有关。
{{htmlattrdef("codebase")}}
-
该属性给出绝对或相对的，由code属性引用的applet的.class文件储存的目录的URL。
+
该属性给出绝对或相对的，由 code 属性引用的 applet 的.class 文件储存的目录的 URL。
{{htmlattrdef("datafld")}}
-
该属性支持Internet Explorer4及更高的版本，指定提供边界数据的数据源对象的列名。该属性可以用来指定各种传递到Java的{{HTMLElement("param")}} 元素。
+
该属性支持 Internet Explorer4 及更高的版本，指定提供边界数据的数据源对象的列名。该属性可以用来指定各种传递到 Java 的{{HTMLElement("param")}} 元素。
{{htmlattrdef("datasrc")}}
-
就像datafld，该属性被用于Internet Explorer 4版本以下的数据绑定（data binding）。它指明了数据源对象的id，这个数据对象提供了被与applet有关的元素约束的数据。
+
就像 datafld，该属性被用于 Internet Explorer 4 版本以下的数据绑定（data binding）。它指明了数据源对象的 id，这个数据对象提供了被与 applet 有关的元素约束的数据。
{{htmlattrdef("height")}}
-
该属性提供了applet所需的高度，以像素为单位。
+
该属性提供了 applet 所需的高度，以像素为单位。
{{htmlattrdef("hspace")}}
-
该属性指定了保存在applet两侧的额外横向空间，以像素为单位。
+
该属性指定了保存在 applet 两侧的额外横向空间，以像素为单位。
{{htmlattrdef("mayscript")}}
-
在Netscape中，该属性允许使用在文档中嵌入的脚本语言程序访问applet。
+
在 Netscape 中，该属性允许使用在文档中嵌入的脚本语言程序访问 applet。
{{htmlattrdef("name")}}
-
该属性为applet分配一个名称，以便它可以被其他资源识别，尤其是脚本语言。
+
该属性为 applet 分配一个名称，以便它可以被其他资源识别，尤其是脚本语言。
{{htmlattrdef("object")}}
-
该属性指定一个序列化表示的applet的URL。
+
该属性指定一个序列化表示的 applet 的 URL。
{{htmlattrdef("src")}}
-
为Internet Explorer 4 及更高版本制定, 该属性为applet相关文件指定一个URL。 该定义及使用是不明确的，也不属于HTML标准。
+
为 Internet Explorer 4 及更高版本制定，该属性为 applet 相关文件指定一个 URL。 该定义及使用是不明确的，也不属于 HTML 标准。
{{htmlattrdef("vspace")}}
-
该属性指定了保存在applet以上或以下的额外垂直空间，以像素为单位。
+
该属性指定了保存在 applet 以上或以下的额外垂直空间，以像素为单位。
{{htmlattrdef("width")}}
-
该属性指定了applet所需的宽度，以像素为单位。
+
该属性指定了 applet 所需的宽度，以像素为单位。

例子

@@ -115,6 +115,6 @@ translation_of: Web/HTML/Element/applet

注意

-

W3C规范不鼓励使用<applet>，更倾向于使用{{HTMLElement("object")}}标签。因为HTML 4.01的严格定义，这个元素已经完全过时，在HTML5中不再被使用。

+

W3C 规范不鼓励使用<applet>，更倾向于使用{{HTMLElement("object")}}标签。因为 HTML 4.01 的严格定义，这个元素已经完全过时，在 HTML5 中不再被使用。

{{HTMLRef}}
diff --git a/files/zh-cn/web/html/element/area/index.html b/files/zh-cn/web/html/element/area/index.html index 62fe488405..f30e273215 100644 --- a/files/zh-cn/web/html/element/area/index.html +++ b/files/zh-cn/web/html/element/area/index.html @@ -27,29 +27,29 @@ translation_of: Web/HTML/Element/area
{{htmlattrdef("accesskey")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}
-
为元素指定一个获取焦点的快捷键。在与指定字符关联的情况下，按ALT或类似键选择与该键序列相关联的表单控件。页面设计人员避免使用已经绑定到浏览器的快捷键。这个属性自HTML5以来是全局性的。
+
为元素指定一个获取焦点的快捷键。在与指定字符关联的情况下，按 ALT 或类似键选择与该键序列相关联的表单控件。页面设计人员避免使用已经绑定到浏览器的快捷键。这个属性自 HTML5 以来是全局性的。
{{htmlattrdef("alt")}}
-
在未显示图像的浏览器上显示代替的文本字符串。这个文本应该能传达给用户与显示图像而没有文本的情况下同等的选择（译者注：就是字和图片表达一个意思）。在HTML4中， 这个属性时必需的, 但是可以是一个空的串("")。在HTML5中, 这个属性只有在href 属性被使用的时候才是必需的。
+
在未显示图像的浏览器上显示代替的文本字符串。这个文本应该能传达给用户与显示图像而没有文本的情况下同等的选择（译者注：就是字和图片表达一个意思）。在 HTML4 中， 这个属性时必需的，但是可以是一个空的串 ("")。在 HTML5 中，这个属性只有在href 属性被使用的时候才是必需的。
{{htmlattrdef("coords")}}
-
给热点区域设定具体的坐标值。这个值的数值和意义取决于这个值所描述的形状属性.。对于矩形或长方形, 这个coords 值为两个X,Y对：左上、右下。 对于圆形, 这个值是 x,y,r ，这里的 x,y 是一对确定圆的中心的坐标而 r 则表示的是半径值.。对于多边和多边形，这个值是用x,y对表示的多边形的每一个点：x1,y1,x2,y2,x3,y3,等等。HTML4里, 值可能是像素数量或者百分比, 区别是不是有%出现; HTML5里, 只可能是像素的数量.
+
给热点区域设定具体的坐标值。这个值的数值和意义取决于这个值所描述的形状属性.。对于矩形或长方形，这个coords 值为两个 X,Y 对：左上、右下。 对于圆形，这个值是 x,y,r ，这里的 x,y 是一对确定圆的中心的坐标而 r 则表示的是半径值.。对于多边和多边形，这个值是用 x,y 对表示的多边形的每一个点：x1,y1,x2,y2,x3,y3,等等。HTML4 里， 值可能是像素数量或者百分比，区别是不是有%出现; HTML5 里，只可能是像素的数量。
{{htmlattrdef("download")}} {{HTMLVersionInline("5")}}
-
这个属性如果存在的话, 表明作者想把超链接用于下载一个资源。请查看{{HTMLElement("a")}} 获得关于 {{htmlattrxref("download", "a")}}属性的完整描述。
+
这个属性如果存在的话，表明作者想把超链接用于下载一个资源。请查看{{HTMLElement("a")}} 获得关于 {{htmlattrxref("download", "a")}}属性的完整描述。
{{htmlattrdef("href")}}
-
area的超链接, 值为一个URL. HTML4里, 这个值不管是不是有值都要明确指定出来. HTML5里则不需要.
+
area 的超链接，值为一个 URL. HTML4 里，这个值不管是不是有值都要明确指定出来. HTML5 里则不需要。
{{htmlattrdef("hreflang")}} {{HTMLVersionInline("5")}}
-
指明链接资源的语言类型, 值的范围参考BCP47. 这个属性只能在指明href属性之后使用.
+
指明链接资源的语言类型，值的范围参考BCP47. 这个属性只能在指明 href 属性之后使用。
@@ -59,14 +59,14 @@ translation_of: Web/HTML/Element/area
{{htmlattrdef("media")}} {{HTMLVersionInline("5")}}
-
指明链接资源的媒体类型，例：print and screen。如果此属性省略，默认全部。仅在href属性存在情况下使用。
+
指明链接资源的媒体类型，例：print and screen。如果此属性省略，默认全部。仅在 href 属性存在情况下使用。
{{htmlattrdef("nohref")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}
-
指明此区域没有超链接。在<area>中必须存在nohref或者href。 +
指明此区域没有超链接。在<area>中必须存在 nohref 或者 href。
-

用法提示: 此属性在html5中是废弃的，而忽略href属性就足够了。

+

用法提示：此属性在 html5 中是废弃的，而忽略 href 属性就足够了。

@@ -79,28 +79,28 @@ translation_of: Web/HTML/Element/area
{{htmlattrdef("rel")}} {{HTMLVersionInline("5")}}
-
对于包含href属性的锚，该属性指定目标对象与链接对象的关系。该值是一个逗号分隔的链接类型值列表。这些值及其语义将由一些可能对文档作者有意义的权威进行注册。如果没有其他的关系，默认的关系是无效的。只有当href属性是presen时才使用该属性
+
对于包含 href 属性的锚，该属性指定目标对象与链接对象的关系。该值是一个逗号分隔的链接类型值列表。这些值及其语义将由一些可能对文档作者有意义的权威进行注册。如果没有其他的关系，默认的关系是无效的。只有当 href 属性是 presen 时才使用该属性
{{htmlattrdef("shape")}}
-
相关联的热点的形状。HTML 5和HTML 4的规范定义了值rect，它定义了一个矩形区域;圆圈，它定义了一个圆形区域;多边形，它定义了一个多边形;默认情况下，这表示整个区域超出了任何定义的形状。许多浏览器，特别是Internet Explorer 4和更高版本，支持弧形、多边形和矩形作为形状的有效值;这些值{ { Non-standard_inline } }。
+
相关联的热点的形状。HTML 5 和 HTML 4 的规范定义了值 rect，它定义了一个矩形区域;圆圈，它定义了一个圆形区域;多边形，它定义了一个多边形;默认情况下，这表示整个区域超出了任何定义的形状。许多浏览器，特别是 Internet Explorer 4 和更高版本，支持弧形、多边形和矩形作为形状的有效值;这些值{ { Non-standard_inline } }。
{{htmlattrdef("tabindex")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}
-
用于指定浏览器tab键获取焦点的顺序。在html5中是全局属性。
+
用于指定浏览器 tab 键获取焦点的顺序。在 html5 中是全局属性。
{{htmlattrdef("target")}}
-
本属性指明了在什么地方显示链接的资源. HTML4里, 这个值是一个frame的链接或者关键字. HTML5里, 它是一个浏览器上下文(比如: 标签, 窗口或者内嵌的frame)的链接或者关键字. 值的含义: +
本属性指明了在什么地方显示链接的资源. HTML4 里，这个值是一个 frame 的链接或者关键字. HTML5 里，它是一个浏览器上下文 (比如：标签，窗口或者内嵌的 frame) 的链接或者关键字。值的含义：
    -
  • _self: 在当前区域加载链接指向的资源. 这个是默认值.
    • -
  • _blank: 在新的未命名的窗口或者tab里加载超链接资源.
    • -
  • _parent: 在父级加载超链接资源. HTML4里, 是当前frame的父级, HTML5里是当前的浏览器上下文, 如果当前环境没有父级, 行为和_self一样.
    • -
  • _top: HTML4里: 将响应加载到完整的原始窗口中，取消所有其他帧。在HTML5中:将响应加载到顶级浏览上下文(也就是说，浏览上下文是当前版本的祖先，并且没有父类)。如果没有父类，这个选项的行为方式与self相同
    • +
  • _self: 在当前区域加载链接指向的资源。这个是默认值。
    • +
  • _blank: 在新的未命名的窗口或者 tab 里加载超链接资源。
    • +
  • _parent: 在父级加载超链接资源. HTML4 里，是当前 frame 的父级，HTML5 里是当前的浏览器上下文，如果当前环境没有父级，行为和_self一样。
    • +
  • _top: HTML4 里：将响应加载到完整的原始窗口中，取消所有其他帧。在 HTML5 中：将响应加载到顶级浏览上下文 (也就是说，浏览上下文是当前版本的祖先，并且没有父类)。如果没有父类，这个选项的行为方式与 self 相同
- 本属性只能在指明href属性之后使用.
+ 本属性只能在指明 href 属性之后使用。
{{htmlattrdef("type")}}
-
该属性指定了用于链接目标的MIME类型的媒体类型。一般来说，这是严格的咨询信息;然而，在未来，浏览器可能会为多媒体类型添加一个小图标。例如，当类型设置为音频/wav时，浏览器可能会添加一个小的扬声器图标。公认的MIME类型的完整列表,请参阅http://www.w3.org/TR/html4/references.html ref-MIMETYPES。只有当href属性存在时才使用该属性。
+
该属性指定了用于链接目标的 MIME 类型的媒体类型。一般来说，这是严格的咨询信息;然而，在未来，浏览器可能会为多媒体类型添加一个小图标。例如，当类型设置为音频/wav 时，浏览器可能会添加一个小的扬声器图标。公认的 MIME 类型的完整列表，请参阅 http://www.w3.org/TR/html4/references.html ref-MIMETYPES。只有当 href 属性存在时才使用该属性。

例子

@@ -194,13 +194,13 @@ translation_of: Web/HTML/Element/area

注意

-

HTML 3.2, 4.0, 和HTML 5 规范中, 不允许有 </area> 单闭合标签.

+

HTML 3.2, 4.0，和 HTML 5 规范中，不允许有 </area> 单闭合标签。

-

XHTML 1.0 规范要求有尾部的斜线: <area />.

+

XHTML 1.0 规范要求有尾部的斜线：<area />.

-

id, class, 和style 属性和其他的HTML4属性一样, 但是只有Netscape和Microsoft定义了这些属性.

+

id, class, 和style 属性和其他的 HTML4 属性一样，但是只有 Netscape 和 Microsoft 定义了这些属性。

-

Netscape 1–level 浏览器不能解析target 链接到frames的属性.

+

Netscape 1–level 浏览器不能解析target 链接到 frames 的属性。

HTML 3.2 只定义了alt, coords, href, nohref, 和shape.

diff --git a/files/zh-cn/web/html/element/aside/index.html b/files/zh-cn/web/html/element/aside/index.html index 9f61c067cf..f422d04a49 100644 --- a/files/zh-cn/web/html/element/aside/index.html +++ b/files/zh-cn/web/html/element/aside/index.html @@ -32,7 +32,7 @@ translation_of: Web/HTML/Element/aside 所有元素接受流式元素。注意 <aside> 不能是{{HTMLElement("address")}} 元素的后代 - 允许的ARIA角色 + 允许的 ARIA 角色 {{ARIARole("feed")}}, {{ARIARole("note")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}, {{ARIARole("search")}} diff --git a/files/zh-cn/web/html/element/audio/index.html b/files/zh-cn/web/html/element/audio/index.html index 22fbb99308..d90c1fe2f9 100644 --- a/files/zh-cn/web/html/element/audio/index.html +++ b/files/zh-cn/web/html/element/audio/index.html @@ -33,7 +33,7 @@ translation_of: Web/HTML/Element/audio
{{htmlattrdef("controls")}}
如果声明了该属性，浏览器将提供一个包含声音，播放进度，播放暂停的控制面板，让用户可以控制音频的播放。
{{htmlattrdef("crossorigin")}}
-
枚举属性  展示音频资源是否可以通过CORS加载。支持CORS的资源  可以被 {{HTMLElement("canvas")}} 元素复用而不污染. 可选值如下： +
枚举属性  展示音频资源是否可以通过 CORS 加载。支持 CORS 的资源  可以被 {{HTMLElement("canvas")}} 元素复用而不污染。可选值如下：
anonymous
在发送跨域请求时不携带验证信息。换句话说，浏览器在发送Origin: HTTP 请求首部时将不携带 cookie、 X.509 安全令牌、也不会执行任何 HTTP 基本认证。如果服务器没有给予源站信任（也就是说没有设置 Access-Control-Allow-Origin: 响应首部），那么图片就被认为是污染的，它就会被限制使用。
@@ -48,7 +48,7 @@ translation_of: Web/HTML/Element/audio

如果音频是以流的形式加载的，并且数据超出了媒体的缓冲区（buffer），{{Glossary("user agent")}} 可能无法获取资源的某些部分。另一些音频的时间轴可能并非从 0 秒开始，所以设置 currentTime 到一个开始时间之前的时间可能会失败。举个例子，如果音频媒体的时间轴从 12 小时开始，把 currentTime 设置到 3600 将会尝试把当前播放位置设置到媒体的开始位置之前，从而导致错误。{{domxref("HTMLMediaElement.getStartDate", "getStartDate()")}} 方法能够用于确定媒体时间轴的开始位置。

{{htmlattrdef("disableRemotePlayback")}} {{experimental_inline}}
-
这是一个布尔值，用来禁用在远程设备上进行进度控制的能力。这些设备通过有线（比如 HDMI, DVI）或无线技术（比如Miracast, Chromecast, DLNA, AirPlay,）来与 web 连接。请参考  this proposed specification 来获取更多信息。 +
这是一个布尔值，用来禁用在远程设备上进行进度控制的能力。这些设备通过有线（比如 HDMI, DVI）或无线技术（比如 Miracast, Chromecast, DLNA, AirPlay,）来与 web 连接。请参考  this proposed specification 来获取更多信息。

在 Safari 中，你能使用 x-webkit-airplay="deny" 作为兜底方案。

@@ -80,7 +80,7 @@ translation_of: Web/HTML/Element/audio
{{htmlattrdef("src")}}
-
嵌入的音频的URL。 该URL应遵从 HTTP access controls. 这是一个可选属性；你可以在audio元素中使用 {{htmlelement("source")}} 元素来替代该属性指定嵌入的音频。
+
嵌入的音频的 URL。 该 URL 应遵从 HTTP access controls. 这是一个可选属性；你可以在 audio 元素中使用 {{htmlelement("source")}} 元素来替代该属性指定嵌入的音频。

事件

@@ -248,7 +248,7 @@ translation_of: Web/HTML/Element/audio
-

注意:尽管是 <audio> 元素，但它依然有视频以及文字的轨道列表，并且实际上能够用来展示视频，尽管应用接口的使用可能显得很古怪。 

+

注意：尽管是 <audio> 元素，但它依然有视频以及文字的轨道列表，并且实际上能够用来展示视频，尽管应用接口的使用可能显得很古怪。 

举个例子，为了侦测何时音轨从一个 <audio> 元素中添加或者移除，你可以使用如下代码：

@@ -296,7 +296,7 @@ elem.audioTrackList.onremovetrack = function(event) {

<audio> 与多个 <source> 元素

-

这个例子包含了多个 <source> 元素。如果能够播放的话，浏览器就会试图去加载第一个 source 元素（Opus 后缀名）；如果不行，那就退而求其次去加载第二个(Vorbis 后缀名)，最终退到了 MP3 格式：

+

这个例子包含了多个 <source> 元素。如果能够播放的话，浏览器就会试图去加载第一个 source 元素（Opus 后缀名）；如果不行，那就退而求其次去加载第二个 (Vorbis 后缀名)，最终退到了 MP3 格式：

<audio controls>
  <source src="foo.opus" type="audio/ogg; codecs=opus"/>
@@ -376,11 +376,11 @@ Welcome to the Time Keeper's podcast! In this episode we're discussing which Swi
    任何能够作为容器的元素
   
   
-   隐式ARIA role
+   隐式 ARIA role
    No corresponding role
   
   
-   合法de ARIA roles
+   合法 de ARIA roles
    {{ARIARole("application")}}
   
   
diff --git a/files/zh-cn/web/html/element/b/index.html b/files/zh-cn/web/html/element/b/index.html
index e01455a131..a9758d7016 100644
--- a/files/zh-cn/web/html/element/b/index.html
+++ b/files/zh-cn/web/html/element/b/index.html
@@ -11,7 +11,7 @@ tags:
   - 参考
 translation_of: Web/HTML/Element/b
 ---
-
HTML提醒注意（Bring Attention To）元素（<b>）用于吸引读者的注意到该元素的内容上（如果没有另加特别强调）。这个元素过去被认为是粗体（Boldface）元素，并且大多数浏览器仍然将文字显示为粗体。尽管如此，你不应将 <b> 元素用于显示粗体文字；替代方案是使用 CSS {{cssxref("font-weight")}} 属性来创建粗体文字。

+
HTML 提醒注意（Bring Attention To）元素（<b>）用于吸引读者的注意到该元素的内容上（如果没有另加特别强调）。这个元素过去被认为是粗体（Boldface）元素，并且大多数浏览器仍然将文字显示为粗体。尽管如此，你不应将 <b> 元素用于显示粗体文字；替代方案是使用 CSS {{cssxref("font-weight")}} 属性来创建粗体文字。

 
 
@@ -56,7 +56,7 @@ translation_of: Web/HTML/Element/b
   
不要将<b>元素与 {{HTMLElement("strong")}}、{{HTMLElement("em")}}或{{HTMLElement("mark")}}元素混淆。 {{HTMLElement("strong")}}元素表示某些重要性的文本，{{HTMLElement("em")}}强调文本，而{{HTMLElement("mark")}}元素表示某些相关性的文本。 <b>元素不传达这样的特殊语义信息；仅在没有其他合适的元素时使用它。
  • 类似的，也不要用 <b> 元素来标记标题。如果需要表示标题，请使用 {{HTMLElement("h1")}} 到 {{HTMLElement("h6")}} 标签。此外，可以通过样式表来改变这些元素的的默认样式，结果就是它们并不一定都是粗体。
    • 
- 
  • 通过在 <b> 元素上添加 {{htmlattrxref("class")}} 属性来表示额外的语义信息是一个很好的方式（例如 <b class="lead"> 来表示段落中的第一句）。这可以在样式需要变动的情况下更轻松地处理不同应用场合的 <b> 元素，无须改动HTML。
    • 
+ 
  • 通过在 <b> 元素上添加 {{htmlattrxref("class")}} 属性来表示额外的语义信息是一个很好的方式（例如 <b class="lead"> 来表示段落中的第一句）。这可以在样式需要变动的情况下更轻松地处理不同应用场合的 <b> 元素，无须改动 HTML。
  • 以前 <b> 元素的意思就是让文本变成粗体。但从 HTML4 开始，不赞成标签表示带样式信息，于是 <b> 元素的含义发生了变化。
  • 如果不是出于语义目的而使用 <b> 元素，那么让文本显示粗体更好的方式是使用将 CSS 的 {{cssxref("font-weight")}} 属性设置为 "bold"。
    • 
diff --git a/files/zh-cn/web/html/element/base/index.html b/files/zh-cn/web/html/element/base/index.html
index 5793365ed3..f0e84d8e82 100644
--- a/files/zh-cn/web/html/element/base/index.html
+++ b/files/zh-cn/web/html/element/base/index.html
@@ -11,7 +11,7 @@ translation_of: Web/HTML/Element/base
 
 
    HTML <base> 元素 指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。
    
 
-
    一个文档的基本 URL, 可以通过使用 {{domxref('document.baseURI')}} 的 JS 脚本查询。如果文档不包含 <base> 元素，baseURI 默认为 {{domxref("document.location.href")}}。
    
+
    一个文档的基本 URL，可以通过使用 {{domxref('document.baseURI')}} 的 JS 脚本查询。如果文档不包含 <base> 元素，baseURI 默认为 {{domxref("document.location.href")}}。
    
  
  
  
  
  
 
 
 
    
@@ -46,11 +46,11 @@ translation_of: Web/HTML/Element/base
 
 
    该标签包含全局属性。
    
 
-
    如果指定了以下任一属性，这个元素必须在其他任何属性是URL的元素之前。例如：{{HTMLElement("link")}} 的 href 属性。
    
+
    如果指定了以下任一属性，这个元素必须在其他任何属性是 URL 的元素之前。例如：{{HTMLElement("link")}} 的 href 属性。
    
  
    {{htmlattrdef("href")}}
    
- 
    用于文档中相对 URL 地址的基础 URL。允许绝对和相对URL。
    
+ 
    用于文档中相对 URL 地址的基础 URL。允许绝对和相对 URL。
    
  
    {{htmlattrdef("target")}}
    
  
    默认浏览上下文的关键字或作者定义的名称，当没有明确目标的链接 {{HTMLElement("a")}} 或表单 {{HTMLElement("form")}} 导致导航被激活时显示其结果。该属性值定位到浏览上下文（例如选项卡，窗口或内联框 {{HTMLElement("iframe")}} ）。
    
  
    以下的关键字指定特殊的意思：
@@ -58,7 +58,7 @@ translation_of: Web/HTML/Element/base
   
  • _self: 载入结果到当前浏览上下文中。（该值是元素的默认值）。
    • 
   
  • _blank: 载入结果到一个新的未命名的浏览上下文。
    • 
   
  • _parent: 载入结果到父级浏览上下文（如果当前页是内联框）。如果没有父级结构，该选项的行为和_self一样。
    • 
-  
  • _top: 载入结果到顶级浏览上下文（该浏览上下文是当前上下文的最顶级上下文）。如果没有父级，该选项的行为和_self一样。
    • 
+  
  • _top: 载入结果到顶级浏览上下文（该浏览上下文是当前上下文的最顶级上下文）。如果没有父级，该选项的行为和_self 一样。
    • 
  
  
    
 
    
@@ -67,7 +67,7 @@ translation_of: Web/HTML/Element/base
 
 
    多个 <base> 元素
    
 
-
    如果指定了多个 <base> 元素，只会使用第一个 href 和 target 值, 其余都会被忽略。
    
+
    如果指定了多个 <base> 元素，只会使用第一个 href 和 target 值，其余都会被忽略。
    页内锚
    
 
@@ -81,7 +81,7 @@ translation_of: Web/HTML/Element/base
 
 
    Open Graph
    
 
-
    Open Graph 标签不接受 <base>，并且应该始终具有完整的绝对URL。例如：
    
+
    Open Graph 标签不接受 <base>，并且应该始终具有完整的绝对 URL。例如：
    <meta property="og:image" content="https://example.com/thumbnail.jpg">
    
 
diff --git a/files/zh-cn/web/html/element/basefont/index.html b/files/zh-cn/web/html/element/basefont/index.html
index 9270e149c9..f8cffd6ba2 100644
--- a/files/zh-cn/web/html/element/basefont/index.html
+++ b/files/zh-cn/web/html/element/basefont/index.html
@@ -10,32 +10,32 @@ translation_of: Web/HTML/Element/basefont
 
 
    概要
    
 
-
    HTML标签<basefont>用来设置文档的默认字体大小。使用{{HTMLElement("font")}}可以相对于默认字体大小进行变化。
    
+
    HTML 标签<basefont>用来设置文档的默认字体大小。使用{{HTMLElement("font")}}可以相对于默认字体大小进行变化。
    
-
    使用说明: 
    
+
    使用说明：
    
 
-
    不要再使用这个标签！ 尽管在HTML 3.2中曾经（不严格地）标准化，但是它并不被主流的浏览器所支持。而且，不同的浏览器、甚至同一浏览器的相邻版本，都没有使用相同的实现方式； 实际上，使用这个标签总是导致不确定的结果。
    
+
    不要再使用这个标签！ 尽管在 HTML 3.2 中曾经（不严格地）标准化，但是它并不被主流的浏览器所支持。而且，不同的浏览器、甚至同一浏览器的相邻版本，都没有使用相同的实现方式； 实际上，使用这个标签总是导致不确定的结果。
    
 
-
    <basefont>元素，同其他只与样式相关的元素一起，在标准中不被建议使用。从HTML 4起，HTML不再传递样式信息（除{{HTMLElement("style")}} 元素和所有元素的style属性内容外）。在HTML5，这个元素已经被彻底移除。对于所有新的网页开发，样式只应该写在CSS中。
    
+
    <basefont>元素，同其他只与样式相关的元素一起，在标准中不被建议使用。从 HTML 4 起，HTML 不再传递样式信息（除{{HTMLElement("style")}} 元素和所有元素的style属性内容外）。在 HTML5，这个元素已经被彻底移除。对于所有新的网页开发，样式只应该写在 CSS 中。
    
 
 
    使用CSS Fonts属性，同样能够实现 {{HTMLElement("font")}}的效果，甚至更好控制。
    
 
    属性
    
 
-
    如同其他HTML元素一样，它支持全局属性.
    
+
    如同其他 HTML 元素一样，它支持全局属性.
    
  
    {{htmlattrdef("color")}}
    
- 
    该属性使用颜色名称或者形如#RRGGBB的十六进制格式设置字体的颜色。
    
+ 
    该属性使用颜色名称或者形如#RRGGBB 的十六进制格式设置字体的颜色。
    
  
    {{htmlattrdef("face")}}
    
  
    该属性包含一个或多个字体名称。文档文字默认按照第一个浏览器支持的字体进行渲染。如果所有列出的字体本地系统都未安装，浏览器默认使用该系统上的定比或者定宽字体。
    
  
    {{htmlattrdef("size")}}
    
- 
    该属性定义了字体大小的，使用数值或者相对值。数值值域为1～7，1最小，默认值为3。
    
+ 
    该属性定义了字体大小的，使用数值或者相对值。数值值域为 1～7，1 最小，默认值为 3。
    
 
    
 
-
    DOM接口
    
+
    DOM 接口
    该元素实现了HTMLBaseFontElement接口.
    
 
@@ -101,11 +101,11 @@ translation_of: Web/HTML/Element/basefont
 
    备注
    {{HTMLRef}}
    
diff --git a/files/zh-cn/web/html/element/bdi/index.html b/files/zh-cn/web/html/element/bdi/index.html
index 03d0f69f37..334cd83013 100644
--- a/files/zh-cn/web/html/element/bdi/index.html
+++ b/files/zh-cn/web/html/element/bdi/index.html
@@ -13,13 +13,13 @@ translation_of: Web/HTML/Element/bdi
 
    Summary
    {{HTMLRef}}
    
- HTML 双向隔离元素( <bdi> ) 告诉浏览器的双向算法将其包含的文本与周围的文本隔离，当网站动态插入一些文本且不知道所插入文本的方向性时，此功能特别有用。
    
+ HTML 双向隔离元素 ( <bdi> ) 告诉浏览器的双向算法将其包含的文本与周围的文本隔离，当网站动态插入一些文本且不知道所插入文本的方向性时，此功能特别有用。
    {{EmbedInteractiveExample("pages/tabbed/bdi.html", "tabbed-standard")}}
    
 
 
 
-
    尽管同样的显示效果可以通过使用CSS规则 {{cssxref("unicode-bidi")}}：隔离{{HTMLElement("span")}}或者其他文本格式化元素，但语义信息只能通过<bdi>元素传递。特别是，当浏览器允许忽略CSS样式时，在这种情况下，使用<bdi>仍然可以保证文本正确显示，而使用CSS样式来传递语义时就显得毫无用处。
    
+
    尽管同样的显示效果可以通过使用 CSS 规则 {{cssxref("unicode-bidi")}}：隔离{{HTMLElement("span")}}或者其他文本格式化元素，但语义信息只能通过<bdi>元素传递。特别是，当浏览器允许忽略 CSS 样式时，在这种情况下，使用<bdi>仍然可以保证文本正确显示，而使用 CSS 样式来传递语义时就显得毫无用处。
    
  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
    
@@ -50,7 +50,7 @@ translation_of: Web/HTML/Element/bdi
 
 
    {{htmlattrdef("dir")}}
    
 
-
    如同其他HTML元素一样，它包含全局属性，但是有一些语义上的细微差别：dir属性不继承父元素。如果没有设置，默认值即为auto，以便浏览器根据元素内容决定元素内容的方向。
    
+
    如同其他 HTML 元素一样，它包含全局属性，但是有一些语义上的细微差别：dir属性不继承父元素。如果没有设置，默认值即为 auto，以便浏览器根据元素内容决定元素内容的方向。
    示例
    
 
diff --git a/files/zh-cn/web/html/element/bdo/index.html b/files/zh-cn/web/html/element/bdo/index.html
index 6037c4b619..5d55b4eebc 100644
--- a/files/zh-cn/web/html/element/bdo/index.html
+++ b/files/zh-cn/web/html/element/bdo/index.html
@@ -7,19 +7,19 @@ translation_of: Web/HTML/Element/bdo
 
 
    
 
-
    HTML 双向文本替代元素(<bdo>)改写了文本的方向性, 使文本以不同的方向渲染呈现出来(override可以翻译很多意思，编程语言中多用覆盖，重载；这里采用了Google的整体翻译，取替代替换改写之意)
    
+
    HTML 双向文本替代元素 (<bdo>) 改写了文本的方向性，使文本以不同的方向渲染呈现出来(override 可以翻译很多意思，编程语言中多用覆盖，重载；这里采用了 Google 的整体翻译，取替代替换改写之意)
    {{EmbedInteractiveExample("pages/tabbed/bdo.html", "tabbed-standard")}}
    
 
 
 
-
    文本的字符是从给定方向的起始点绘制的; 各个字符的方向不受影响 (因此字符集不会向后拉, 例如).
    
+
    文本的字符是从给定方向的起始点绘制的; 各个字符的方向不受影响 (因此字符集不会向后拉， 例如).
    
  
 
 
 
 
 
 
    
-   
+   
@@ -34,16 +34,16 @@ translation_of: Web/HTML/Element/bdo
    
-   
+   
-   
+   
-   
+   
    
  
   
    
    内容分类流式元素, 短语元素, 显式元素.流式元素, 短语元素, 显式元素。
   
    
   
    
    许可内容接受短语元素的任何元素
   
    
   
    隐式ARIA角色隐式 ARIA 角色
    No corresponding role
   
    
   
    许可ARIA角色许可 ARIA 角色
    任何
   
    
   
    
    DOM 接口{{domxref("HTMLElement")}}直到Gecko 1.9.2 (包括Firefox 4)为止，Firefox均为此元素实现HTMLSpanElement接口。{{domxref("HTMLElement")}}直到 Gecko 1.9.2 (包括 Firefox 4) 为止，Firefox 均为此元素实现 HTMLSpanElement 接口。
   
    
      
 
    
@@ -55,11 +55,11 @@ translation_of: Web/HTML/Element/bdo
 
    
  
    {{htmlattrdef("dir")}}
    
  
    
- 
        在此元素内容中呈现文本的方向.可能的值是:
    
+ 
        在此元素内容中呈现文本的方向。可能的值是：
    
 
  
      
-  
    • ltr: 指示文本应从左到右的方向.
      • 
-  
    • rtl: 指示文本应从右到左的方向.
      • 
+  
    • ltr: 指示文本应从左到右的方向。
      • 
+  
    • rtl: 指示文本应从右到左的方向。
      • 
  
    
  
    
 
    
@@ -78,7 +78,7 @@ to left.</bdo></p>
 
 
    注意
    
 
-
    HTML 4规范未指定此元素的事件。 它们是在XHTML中添加的。 这很可能是疏忽。
    
+
    HTML 4 规范未指定此元素的事件。 它们是在 XHTML 中添加的。 这很可能是疏忽。
    
 
 
    规范
    
 
@@ -118,5 +118,5 @@ to left.</bdo></p>
 
    另参见
    
 
 
diff --git a/files/zh-cn/web/html/element/bgsound/index.html b/files/zh-cn/web/html/element/bgsound/index.html
index 5bc998b303..6aa97f9f7c 100644
--- a/files/zh-cn/web/html/element/bgsound/index.html
+++ b/files/zh-cn/web/html/element/bgsound/index.html
@@ -7,23 +7,23 @@ translation_of: Web/HTML/Element/bgsound
 
 
    概要
    
 
-
    <bgsound>是IE浏览器中设置网页背景音乐的元素。
    
+
    <bgsound>是 IE 浏览器中设置网页背景音乐的元素。
    
 
 
    
-
    不要使用它!想要在网页中嵌入音频，应当使用{{HTMLElement("audio")}}.
    
+
    不要使用它！想要在网页中嵌入音频，应当使用{{HTMLElement("audio")}}.
    
 
    
 
 
    属性
    
 
 
    
  
    {{htmlattrdef("balance")}}
    
- 
    该属性取值在-10,000到+10,000，它决定扬声器之间的音量如何分配。
    
+ 
    该属性取值在-10,000 到 +10,000，它决定扬声器之间的音量如何分配。
    
  
    {{htmlattrdef("loop")}}
    
- 
    该属性表明音频被播放的次数，是一个数值或者关键字infinite。
    
+ 
    该属性表明音频被播放的次数，是一个数值或者关键字 infinite。
    
  
    {{htmlattrdef("src")}}
    
- 
    该属性定义了音频文件的URL，必须是以下格式之一：.wav，.au，.mid
    
+ 
    该属性定义了音频文件的 URL，必须是以下格式之一：.wav，.au，.mid
    
  
    {{htmlattrdef("volume")}}
    
- 
    该属性值域为-10,000到0，它决定背景音乐的音量大小。
    
+ 
    该属性值域为-10,000 到 0，它决定背景音乐的音量大小。
    
 
    
 
 
    示例
    
@@ -35,9 +35,9 @@ translation_of: Web/HTML/Element/bgsound
 
 
    备注
    
 
-
    类似的功能在一些版本的Netscape中使用<embed>标签来调用音频播放器。
    
+
    类似的功能在一些版本的 Netscape 中使用<embed>标签来调用音频播放器。
    
 
-
    你可以使用自闭合标签<bgsound />。然后由于它并非标准的一部分，XHTML会认为它无效。
    
+
    你可以使用自闭合标签<bgsound />。然后由于它并非标准的一部分，XHTML 会认为它无效。
    
 
 
    浏览器兼容
    
 
diff --git a/files/zh-cn/web/html/element/big/index.html b/files/zh-cn/web/html/element/big/index.html
index 2136192d9e..eff8d2cc7c 100644
--- a/files/zh-cn/web/html/element/big/index.html
+++ b/files/zh-cn/web/html/element/big/index.html
@@ -7,10 +7,10 @@ translation_of: Web/HTML/Element/big
 
 
    概要
    
 
-
    The HTML Big Element (<big>) 会使字体加大一号（例如从小号(small)到中号(medium)，从大号(large)到加大(x-large)），最大不超过浏览器的最大字体。
    
+
    The HTML Big Element (<big>) 会使字体加大一号（例如从小号 (small) 到中号 (medium)，从大号 (large) 到加大 (x-large)），最大不超过浏览器的最大字体。
    
 
 
    
-
    使用备注: 由于它是纯显示性的，该元素在HTML5中已经被移除，不应当再使用。取而代之，网页开发者应当使用CSS属性。 
    
+
    使用备注：由于它是纯显示性的，该元素在HTML5中已经被移除，不应当再使用。取而代之，网页开发者应当使用 CSS 属性。 
    
 
    
 
 
    属性
    
@@ -37,9 +37,9 @@ translation_of: Web/HTML/Element/big
 
 
    DOM 接口
    
 
-
    该元素实现了 {{domxref('HTMLElement')}}接口.
    
+
    该元素实现了 {{domxref('HTMLElement')}}接口。
    
 
-
    实现备注: 直到 Gecko 1.9.2, Firefox 为该元素实现了{{domxref('HTMLSpanElement')}}接口.
    
+
    实现备注：直到 Gecko 1.9.2, Firefox 为该元素实现了{{domxref('HTMLSpanElement')}}接口。
    
 
 
    浏览器兼容
    
 
diff --git a/files/zh-cn/web/html/element/blink/index.html b/files/zh-cn/web/html/element/blink/index.html
index 43dffb7fe4..93fb766928 100644
--- a/files/zh-cn/web/html/element/blink/index.html
+++ b/files/zh-cn/web/html/element/blink/index.html
@@ -5,28 +5,28 @@ translation_of: Web/HTML/Element/blink
 ---
 
    {{Deprecated_header}} {{obsolete_header}}
    
 
-
    HTML Blink Element (<blink>)不是标准元素，它会使包含其中的文本闪烁。
    
+
    HTML Blink Element (<blink>) 不是标准元素，它会使包含其中的文本闪烁。
    
 
 
    
-
    警告: 不要使用这个元素，它已经被淘汰。闪烁字体不符合无障碍标准，CSS规范允许浏览器忽略闪烁值。
    
+
    警告： 不要使用这个元素，它已经被淘汰。闪烁字体不符合无障碍标准，CSS 规范允许浏览器忽略闪烁值。
    
 
    
 
 
    DOM 接口
    
 
-
    该元素不被支持，因而实现了{{domxref("HTMLUnknownElement")}} 接口.
    
+
    该元素不被支持，因而实现了{{domxref("HTMLUnknownElement")}} 接口。
    
 
 
    示例
    
 
 
    <blink>Why would somebody use this?</blink>
 
    
 
-
    结果 (淡化!)
    
+
    结果 (淡化！)
    
 
 
    Image:HTMLBlinkElement.gif
    
 
 
    规范
    
 
-
    该元素不是标准元素，不属于规范的一部分. 不信的话， 你自己来看HTML规范文档.
    
+
    该元素不是标准元素，不属于规范的一部分。不信的话， 你自己来看 HTML 规范文档.
    
 
 
    浏览器兼容
    
 
diff --git a/files/zh-cn/web/html/element/blockquote/index.html b/files/zh-cn/web/html/element/blockquote/index.html
index 4bd40652b7..f6d8d2e06e 100644
--- a/files/zh-cn/web/html/element/blockquote/index.html
+++ b/files/zh-cn/web/html/element/blockquote/index.html
@@ -49,7 +49,7 @@ translation_of: Web/HTML/Element/blockquote
 
 
    
  
    {{htmlattrdef("cite")}}
    
- 
    是一个标注引用的信息的来源文档或者相关信息的URL。通常用来描述能够解释引文的上下文或者引用的信息。
    
+ 
    是一个标注引用的信息的来源文档或者相关信息的 URL。通常用来描述能够解释引文的上下文或者引用的信息。
    
 
    
 
 
@@ -63,7 +63,7 @@ translation_of: Web/HTML/Element/blockquote
 
 
    例子
    
 
-
    下面的这个例子演示了使用 <blockquote> 元素引用一段来自 {{RFC(1149)}} 的内容，以禽类作为载体的IP 数据包传输标准。
    
+
    下面的这个例子演示了使用 <blockquote> 元素引用一段来自 {{RFC(1149)}} 的内容，以禽类作为载体的 IP 数据包传输标准。
    
 
 
    <blockquote cite="https://tools.ietf.org/html/rfc1149">
   <p>Avian carriers can provide high delay, low
@@ -80,7 +80,7 @@ translation_of: Web/HTML/Element/blockquote
 </blockquote>
 
    
 
-
    上面的HTML代码将会生成:
    
+
    上面的 HTML 代码将会生成：
    
 
 
    {{EmbedLiveSample("Example", 640, 180)}}
    
 
diff --git a/files/zh-cn/web/html/element/body/index.html b/files/zh-cn/web/html/element/body/index.html
index b92f290bbb..f53ced2910 100644
--- a/files/zh-cn/web/html/element/body/index.html
+++ b/files/zh-cn/web/html/element/body/index.html
@@ -55,7 +55,7 @@ translation_of: Web/HTML/Element/body
  
    {{htmlattrdef("alink")}} {{obsolete_inline}}
    
  
    超链接选中之后的文本颜色。此方法不符合规范，请使用 CSS 的 {{cssxref("color")}} 属性和 {{cssxref(":active")}} 伪类替代。
    
  
    {{htmlattrdef("background")}} {{obsolete_inline}}
    
- 
    将URI所指向的图片作为背景。此方法不符合规范，请使用 CSS 的 {{cssxref("background")}} 属性替代。
    
+ 
    将 URI 所指向的图片作为背景。此方法不符合规范，请使用 CSS 的 {{cssxref("background")}} 属性替代。
    
  
    {{htmlattrdef("bgcolor")}} {{obsolete_inline}}
    
  
    文档的背景颜色。此方法不符合规范，请使用 CSS 的 {{cssxref("background-color")}} 属性替代。
    
  
    {{htmlattrdef("bottommargin")}} {{obsolete_inline}}
    
@@ -77,7 +77,7 @@ translation_of: Web/HTML/Element/body
  
    {{htmlattrdef("onfocus")}}
    
  
    文档获得焦点时调用的函数。
    
  
    {{htmlattrdef("onhashchange")}}
    
- 
    文档当前地址的片段标识部分（以('#')开始的部分）发生改变时调用的函数。
    
+ 
    文档当前地址的片段标识部分（以 ('#') 开始的部分）发生改变时调用的函数。
    
  
    {{htmlattrdef("onlanguagechange")}} {{experimental_inline}}
    
  
    用户选择的语言发生改变时调用的函数。
    
  
    {{htmlattrdef("onload")}}
    
diff --git a/files/zh-cn/web/html/element/br/index.html b/files/zh-cn/web/html/element/br/index.html
index aa3e6ea144..36700d3550 100644
--- a/files/zh-cn/web/html/element/br/index.html
+++ b/files/zh-cn/web/html/element/br/index.html
@@ -17,7 +17,7 @@ translation_of: Web/HTML/Element/br
   
   
    标签略写
-   必须有一个开始标签，并且一定不能有结束标签。在 XHTML中将元素写为 <br />。
+   必须有一个开始标签，并且一定不能有结束标签。在 XHTML 中将元素写为 <br />。
   
   
    允许的父元素
diff --git a/files/zh-cn/web/html/element/button/index.html b/files/zh-cn/web/html/element/button/index.html
index 11b4d5d7a3..9d59b22a2d 100644
--- a/files/zh-cn/web/html/element/button/index.html
+++ b/files/zh-cn/web/html/element/button/index.html
@@ -3,7 +3,7 @@ title:

    结果

    Regular text. This is code. Regular text.

    -

    (中文的等宽字和正常字看起来区别不大, 因为汉字本身就是方块行. 但是仍能看出几行文字之间的对齐差异)

    +

    (中文的等宽字和正常字看起来区别不大，因为汉字本身就是方块行。但是仍能看出几行文字之间的对齐差异)

    注意

    -

    CSS 规则可以覆盖浏览器默认的 code 标签字体样式. 但用户设置的浏览器字体选项可能会超过 CSS 的优先级, 使之无效.

    +

    CSS 规则可以覆盖浏览器默认的 code 标签字体样式。但用户设置的浏览器字体选项可能会超过 CSS 的优先级，使之无效。

    Specifications

    diff --git a/files/zh-cn/web/html/element/col/index.html b/files/zh-cn/web/html/element/col/index.html index 28eb2b5fb4..367ae6d8b8 100644 --- a/files/zh-cn/web/html/element/col/index.html +++ b/files/zh-cn/web/html/element/col/index.html @@ -7,7 +7,7 @@ translation_of: Web/HTML/Element/col

    HTML <col> 元素 定义表格中的列，并用于定义所有公共单元格上的公共语义。它通常位于{{HTMLElement("colgroup")}}元素内。

    -

    此元素允许使用CSS进行样式列，但只有少数属性将对该列产生影响（请参阅列表的CSS 2.1规范）。

    +

    此元素允许使用 CSS 进行样式列，但只有少数属性将对该列产生影响（请参阅列表的CSS 2.1 规范）。

    @@ -108,7 +108,7 @@ translation_of: Web/HTML/Element/col
    -
    注意: 不要使用这个属性, 它是非标准的，并且只实现了IE浏览器中的部分版本: {{HTMLElement("col")}} 元素的样式应该使用 CSS. 在{{HTMLElement("td")}}元素上使用 CSS 的 {{cssxref("background-color")}} 属性即可实现相同效果。
    +
    注意：不要使用这个属性, 它是非标准的，并且只实现了 IE 浏览器中的部分版本: {{HTMLElement("col")}} 元素的样式应该使用 CSS. 在{{HTMLElement("td")}}元素上使用 CSS 的 {{cssxref("background-color")}} 属性即可实现相同效果。
    @@ -128,7 +128,7 @@ translation_of: Web/HTML/Element/col
    {{htmlattrdef("span")}}
    -
    该属性值为一个正整数，表示该 <col> 元素横跨的列数。默认值为1
    +
    该属性值为一个正整数，表示该 <col> 元素横跨的列数。默认值为 1
    @@ -159,7 +159,7 @@ translation_of: Web/HTML/Element/col

    示例

    -

    详见 {{HTMLElement("table")}} 页面 <col> 标签的示例.

    +

    详见 {{HTMLElement("table")}} 页面 <col> 标签的示例。

    规范

    diff --git a/files/zh-cn/web/html/element/colgroup/index.html b/files/zh-cn/web/html/element/colgroup/index.html index fc15883a37..ad68adfedd 100644 --- a/files/zh-cn/web/html/element/colgroup/index.html +++ b/files/zh-cn/web/html/element/colgroup/index.html @@ -11,7 +11,7 @@ translation_of: Web/HTML/Element/colgroup ---
    {{HTMLRef}}
    -

    HTML 中的 表格列组（Column Group <colgroup>） 标签用来定义表中的一组列表。

    +

    HTML 中的 表格列组（Column Group <colgroup>）标签用来定义表中的一组列表。

    {{EmbedInteractiveExample("pages/tabbed/colgroup.html","tabbed-taller")}}
    @@ -66,7 +66,7 @@ translation_of: Web/HTML/Element/colgroup

    此属性的默认值为 left。后代 {{HTMLElement("col")}} 元素可以用它们自己的 {{htmlattrxref("align", "col")}} 属性值来重写该属性。

    -
    小贴士: 不要使用这个属性，它在最新的标准中已经不被支持。 +
    小贴士：不要使用这个属性，它在最新的标准中已经不被支持。
    • 若要实现与 left, center, right 或 justify 相同的效果： diff --git a/files/zh-cn/web/html/element/data/index.html b/files/zh-cn/web/html/element/data/index.html index 860165d4c4..d268bef44f 100644 --- a/files/zh-cn/web/html/element/data/index.html +++ b/files/zh-cn/web/html/element/data/index.html @@ -47,7 +47,7 @@ translation_of: Web/HTML/Element/data
      {{htmlattrdef("value")}}
      -
      该属性指定元素内容所对应的数据，或者说“机器可读的翻译”。
      +
      该属性指定元素内容所对应的数据，或者说 “机器可读的翻译”。

      示例

      diff --git a/files/zh-cn/web/html/element/datalist/index.html b/files/zh-cn/web/html/element/datalist/index.html index 81f2debb2d..d87134fd15 100644 --- a/files/zh-cn/web/html/element/datalist/index.html +++ b/files/zh-cn/web/html/element/datalist/index.html @@ -6,17 +6,17 @@ tags: - HTML translation_of: Web/HTML/Element/datalist --- -

      HTML <datalist>元素包含了一组{{HTMLElement("option")}}元素，这些元素表示其它表单控件可选值.

      +

      HTML <datalist>元素包含了一组{{HTMLElement("option")}}元素，这些元素表示其它表单控件可选值。

      {{EmbedInteractiveExample("pages/tabbed/datalist.html", "tabbed-standard")}}

      • 内容范畴流内容，段落内容。
        • -
      • 允许内容要么 段落内容 要么 0个或多个 {{HTMLElement("option")}}元素.
        • +
      • 允许内容要么 段落内容 要么 0 个或多个 {{HTMLElement("option")}}元素。
      • 遗漏标签{{no_tag_omission}}
        • -
      • 允许父级元素任何接受段落内容的元素.
        • +
      • 允许父级元素任何接受段落内容的元素。
      • Permitted ARIA rolesNone
        • -
      • DOM接口{{domxref("HTMLDataListElement")}}
        • +
      • DOM 接口{{domxref("HTMLDataListElement")}}

      属性

      @@ -69,11 +69,11 @@ translation_of: Web/HTML/Element/datalist

      Polyfill

      -

      以下Polyfill旨在支持旧的或者目前不兼容的浏览器：datalist-polyfill

      +

      以下 Polyfill 旨在支持旧的或者目前不兼容的浏览器：datalist-polyfill

      参见

      • {{ HTMLElement("input") }} 元素，它更特殊的 {{ htmlattrxref("list", "input") }} 属性;
        • -
      •  {{ HTMLElement("option") }}元素.
        • +
      •  {{ HTMLElement("option") }}元素。
      diff --git a/files/zh-cn/web/html/element/del/index.html b/files/zh-cn/web/html/element/del/index.html index 69eb700ece..d424de4dfe 100644 --- a/files/zh-cn/web/html/element/del/index.html +++ b/files/zh-cn/web/html/element/del/index.html @@ -9,7 +9,7 @@ tags: - del translation_of: Web/HTML/Element/del --- -

      HTML的<del>标签表示一些被从文档中删除的文字内容。比如可以在需要显示修改记录或者源代码差异的情况使用这个标签。{{HTMLElement("ins")}}标签的作用恰恰于此相反：表示文档中添加的内容。

      +

      HTML 的<del>标签表示一些被从文档中删除的文字内容。比如可以在需要显示修改记录或者源代码差异的情况使用这个标签。{{HTMLElement("ins")}}标签的作用恰恰于此相反：表示文档中添加的内容。

      这个标签通常（但不一定要）在文字上显示删除线。

      @@ -48,7 +48,7 @@ translation_of: Web/HTML/Element/del
      {{htmlattrdef("cite")}}
      -
      提供一个URI，其中的资源解释作出修改的原因（比如：根据某次会议讨论）。
      +
      提供一个 URI，其中的资源解释作出修改的原因（比如：根据某次会议讨论）。
      {{htmlattrdef("datetime")}}
      这个属性说明修改的时间和日期，这里的时间和日期格式要符合规范。如果设置的值不符合该规范，那么它将没有任何意义。
      diff --git a/files/zh-cn/web/html/element/details/index.html b/files/zh-cn/web/html/element/details/index.html index aa33ec2e53..d13992ce21 100644 --- a/files/zh-cn/web/html/element/details/index.html +++ b/files/zh-cn/web/html/element/details/index.html @@ -191,7 +191,7 @@ details > p {

      {{HTMLElement("summary")}} 元素支持 {{cssxref("list-style")}}缩写属性或者完全属性，比如{{cssxref("list-style-type")}}，可以使用它们任意改变三角（通常是使用{{cssxref("list-style-image")}}）。例如，我们可以使用list-style: none移除三角形。

      -

      Chrome尚不支持此功能，因此我们还需要使用其非标准::-webkit-details-marker伪元素来自定义。

      +

      Chrome 尚不支持此功能，因此我们还需要使用其非标准::-webkit-details-marker伪元素来自定义。

      CSS

      @@ -222,7 +222,7 @@ details > p { } -

      该CSS的外观类似于选项卡界面，在该界面中，激活选项卡将展开并打开它以显示其内容。

      +

      该 CSS 的外观类似于选项卡界面，在该界面中，激活选项卡将展开并打开它以显示其内容。

      HTML

      diff --git a/files/zh-cn/web/html/element/dfn/index.html b/files/zh-cn/web/html/element/dfn/index.html index 54ad800e1d..c0b6570808 100644 --- a/files/zh-cn/web/html/element/dfn/index.html +++ b/files/zh-cn/web/html/element/dfn/index.html @@ -10,7 +10,7 @@ translation_of: Web/HTML/Element/dfn
      HTML5 使用说明：
        -
      • <dfn> 元素标记了被定义的术语；术语定义应当在 {{HTMLElement("p")}}, {{HTMLElement("section")}}或定义列表 (通常是{{HTMLElement("dt")}}, {{HTMLElement("dd")}} 对)中给出。
        • +
      • <dfn> 元素标记了被定义的术语；术语定义应当在 {{HTMLElement("p")}}, {{HTMLElement("section")}}或定义列表 (通常是{{HTMLElement("dt")}}, {{HTMLElement("dd")}} 对) 中给出。
      • 被定义术语的值由下列规则确定：
        1. 如果 <dfn> 元素有一个 title 属性，那么该术语的值就是该属性的值。
          2. @@ -54,7 +54,7 @@ translation_of: Web/HTML/Element/dfn

          示例

          -

          下列示例是合法的HTML5。

          +

          下列示例是合法的 HTML5。

          <!-- Define "The Internet" -->
 <p><dfn id="def-internet">The Internet</dfn> is a global system of interconnected networks that use the Internet Protocol Suite (TCP/IP) to serve billions of users worldwide.</p>
diff --git a/files/zh-cn/web/html/element/dialog/index.html b/files/zh-cn/web/html/element/dialog/index.html
index 0b9ffdfd91..b609eccf4e 100644
--- a/files/zh-cn/web/html/element/dialog/index.html
+++ b/files/zh-cn/web/html/element/dialog/index.html
@@ -69,7 +69,7 @@ translation_of: Web/HTML/Element/dialog
 
 
          高级示例
          
 
-
          当单击“更新详细信息”按钮时，此示例打开一个包含一个表单的弹出对话框。
          
+
          当单击 “更新详细信息” 按钮时，此示例打开一个包含一个表单的弹出对话框。
          
 
 
          HTML
          
 
diff --git a/files/zh-cn/web/html/element/div/index.html b/files/zh-cn/web/html/element/div/index.html
index 15f608528b..9709d43925 100644
--- a/files/zh-cn/web/html/element/div/index.html
+++ b/files/zh-cn/web/html/element/div/index.html
@@ -20,7 +20,7 @@ translation_of: Web/HTML/Element/div
 
 
 
-
          作为一个“纯粹的”容器，<div> 元素在语义上不表示任何特定类型的内容。然而，其可以将内容分组，从而可以使用{{htmlattrxref("class")}}或是{{htmlattrxref("id")}}属性方便的定义内容的格式，也可以在一段文档中划分标记出使用另一种语言书写的内容（使用{{htmlattrxref("lang")}} 属性）等等。
          
+
          作为一个 “纯粹的” 容器，<div> 元素在语义上不表示任何特定类型的内容。然而，其可以将内容分组，从而可以使用{{htmlattrxref("class")}}或是{{htmlattrxref("id")}}属性方便的定义内容的格式，也可以在一段文档中划分标记出使用另一种语言书写的内容（使用{{htmlattrxref("lang")}} 属性）等等。
          
 
 
@@ -47,7 +47,7 @@ translation_of: Web/HTML/Element/div
    
-   
+   
@@ -87,7 +87,7 @@ translation_of: Web/HTML/Element/div
 
 
          样式实例
          
 
-
          本例使用CSS将样式应用于<div>，从而创建一个阴影框。注意使用<div>上的 {{htmlattrxref("class")}}属性将名为“shadowbox”的样式应用于元素。
          
+
          本例使用 CSS 将样式应用于<div>，从而创建一个阴影框。注意使用<div>上的 {{htmlattrxref("class")}}属性将名为 “shadowbox” 的样式应用于元素。
          HTML
          
 
diff --git a/files/zh-cn/web/html/element/dl/index.html b/files/zh-cn/web/html/element/dl/index.html
index 5b0fdf9162..30b42ef8bb 100644
--- a/files/zh-cn/web/html/element/dl/index.html
+++ b/files/zh-cn/web/html/element/dl/index.html
@@ -11,16 +11,16 @@ translation_of: Web/HTML/Element/dl
 ---
 
          简介
          
 
-
          HTML <dl> 元素 （或 HTML 描述列表元素）是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据 (键-值对列表)。
          
+
          HTML <dl> 元素 （或 HTML 描述列表元素）是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据 (键 - 值对列表)。
          在 HTML5 之前， <dl> 被大家以定义列表所熟知。
            
- 
          • 内容分类 Flow content(流体内容), 如果<dl> 元素的子元素包含一个键值对，则显示其中内容.
            • 
+ 
          • 内容分类 Flow content(流体内容), 如果<dl> 元素的子元素包含一个键值对，则显示其中内容。
            • 
 
            
- 
          1. 允许的内容一：零组或多组dom结构，每组dom结构中包含一个或多个{{HTMLElement("dt")}} 元素，以及 一个或多个{{HTMLElement("dd")}}元素，可通过{{HTMLElement("script")}}元素和{{HTMLElement("template")}}元素进行混入。二：一组或多组{{HTMLElement("div")}}元素，可通过{{HTMLElement("script")}}元素和{{HTMLElement("template")}}元素混入。
            2. 
+ 
          2. 允许的内容一：零组或多组 dom 结构，每组 dom 结构中包含一个或多个{{HTMLElement("dt")}} 元素，以及 一个或多个{{HTMLElement("dd")}}元素，可通过{{HTMLElement("script")}}元素和{{HTMLElement("template")}}元素进行混入。二：一组或多组{{HTMLElement("div")}}元素，可通过{{HTMLElement("script")}}元素和{{HTMLElement("template")}}元素混入。
            3. 
 
            
@@ -91,7 +91,7 @@ translation_of: Web/HTML/Element/dl
 
 
            元数据
            
 
-
            描述列表可以很方便的将元数据展示为键-值对列表：
            
+
            描述列表可以很方便的将元数据展示为键 - 值对列表：
            
 
 
            <dl>
     <dt>Name</dt>
@@ -113,7 +113,7 @@ translation_of: Web/HTML/Element/dl
 
 
            在 {{HTMLElement("div")}} 元素中包装名称值组
            
 
-
            WHATWG HTML允许在 {{HTMLElement("div")}} 元素中的 {{HTMLElement("dl")}} 元素中包装每个名称 - 值组。当使用元数据时，或全局属性适用于整个组或用于样式时，这可能很有用。
            
+
            WHATWG HTML 允许在 {{HTMLElement("div")}} 元素中的 {{HTMLElement("dl")}} 元素中包装每个名称 - 值组。当使用元数据时，或全局属性适用于整个组或用于样式时，这可能很有用。
            
 
 
            <dl>
   <div>
diff --git a/files/zh-cn/web/html/element/em/index.html b/files/zh-cn/web/html/element/em/index.html
index 1c3f6deca5..a8f83c8958 100644
--- a/files/zh-cn/web/html/element/em/index.html
+++ b/files/zh-cn/web/html/element/em/index.html
@@ -14,7 +14,7 @@ translation_of: Web/HTML/Element/em
 
 
            HTML 着重元素 (<em>) 标记出需要用户着重阅读的内容， <em> 元素是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读。
            
 
-
            请注意： 通常地，该元素会被浏览器展示为斜体文本， 但是，它不应该仅仅用于应用斜体样式；为此目的，请使用CSS样式。使用 {{HTMLElement("cite")}} 元素标记作品的标题（书籍，戏剧，歌曲等）；它通常也采用斜体样式，但具有不同的含义。使用 {{HTMLElement("strong")}} 元素标记比周围文本更重要的文本。
            
+
            请注意： 通常地，该元素会被浏览器展示为斜体文本， 但是，它不应该仅仅用于应用斜体样式；为此目的，请使用 CSS 样式。使用 {{HTMLElement("cite")}} 元素标记作品的标题（书籍，戏剧，歌曲等）；它通常也采用斜体样式，但具有不同的含义。使用 {{HTMLElement("strong")}} 元素标记比周围文本更重要的文本。
            
 
 
              
  
            • 内容类别
              
@@ -47,7 +47,7 @@ translation_of: Web/HTML/Element/em
 
 
              在默认情况下，它们的视觉效果是一样的。但语义是不同的。 <em> 标签表示其内容的着重强调，而 <i> 标签表示从正常散文中区分出的文本，例如外来词，虚构人物的思想，或者当文本指的是一个词语的定义，而不是其语义含义。（作品的标题，例如书籍或电影的名字，应该使用 <cite>。）
              
 
-
              这意味着，正确使用哪一个取决于具体的场景。两者都不是纯粹为了装饰的目的，那是CSS样式所做的。
              
+
              这意味着，正确使用哪一个取决于具体的场景。两者都不是纯粹为了装饰的目的，那是 CSS 样式所做的。
              
 
 
              一个 <em> 的例子可能是："Just do it already!"，或："We had to do something about it"。人或软件在阅读文本时，会对斜体字的发音使用重读强调。
              
 
diff --git a/files/zh-cn/web/html/element/embed/index.html b/files/zh-cn/web/html/element/embed/index.html
index 6733e70d96..611487ad6a 100644
--- a/files/zh-cn/web/html/element/embed/index.html
+++ b/files/zh-cn/web/html/element/embed/index.html
@@ -51,7 +51,7 @@ translation_of: Web/HTML/Element/embed
  
              {{htmlattrdef("height")}}
              
  
              资源显示的高度，in CSS pixels.  -- (Absolute values only.  NO percentages)
              
  
              {{htmlattrdef("src")}}
              
- 
              被嵌套的资源的URL。
              
+ 
              被嵌套的资源的 URL。
              
  
              {{htmlattrdef("type")}}
              
  
              用于选择插件实例化的 MIME 类型。
              
  
              {{htmlattrdef("width")}}
              
diff --git a/files/zh-cn/web/html/element/fieldset/index.html b/files/zh-cn/web/html/element/fieldset/index.html
index 7eda6a559a..4b243490ba 100644
--- a/files/zh-cn/web/html/element/fieldset/index.html
+++ b/files/zh-cn/web/html/element/fieldset/index.html
@@ -4,7 +4,7 @@ slug: Web/HTML/Element/fieldset
 tags:
   - Element
   - HTML
-  - HTML表单
+  - HTML 表单
   - 元素
   - 参考
   - 表单
@@ -18,7 +18,7 @@ translation_of: Web/HTML/Element/fieldset
 
 
              {{EmbedInteractiveExample("pages/tabbed/fieldset.html", "tabbed-standard")}}
              
 
-
              如上述例子所示，<fieldset> 元素将一个HTML表单的一部分组成一组，内置了一个 {{htmlelement("legend")}} 元素作为 fieldset 的标题。这个元素有几个属性，最值得注意的是 form，其可以包含同一页面的 {{htmlelement("form")}} 元素的 id，以使 <fieldset> 成为这个 <form> 的一部分，即使 <fieldset> 不在其内。还有 disabled 属性，可将 <fieldset> 及其所有内容设置为不可用。
              
+
              如上述例子所示，<fieldset> 元素将一个 HTML 表单的一部分组成一组，内置了一个 {{htmlelement("legend")}} 元素作为 fieldset 的标题。这个元素有几个属性，最值得注意的是 form，其可以包含同一页面的 {{htmlelement("form")}} 元素的 id，以使 <fieldset> 成为这个 <form> 的一部分，即使 <fieldset> 不在其内。还有 disabled 属性，可将 <fieldset> 及其所有内容设置为不可用。
              
 
 
              属性
              
 
@@ -26,7 +26,7 @@ translation_of: Web/HTML/Element/fieldset
 
 
              
  
              {{htmlattrdef("disabled")}}
              
- 
              如果设置了这个 bool 值属性, <fieldset> 的所有子代表单控件也会继承这个属性。这意味着它们不可编辑，也不会随着 {{htmlelement("form")}} 一起提交。它们也不会接收到任何浏览器事件，如鼠标点击或与聚焦相关的事件。默认情况下，浏览器会将这样的控件展示为灰色。注意，{{HTMLElement("legend")}} 中的表单元素不会被禁用。
              
+ 
              如果设置了这个 bool 值属性，<fieldset> 的所有子代表单控件也会继承这个属性。这意味着它们不可编辑，也不会随着 {{htmlelement("form")}} 一起提交。它们也不会接收到任何浏览器事件，如鼠标点击或与聚焦相关的事件。默认情况下，浏览器会将这样的控件展示为灰色。注意，{{HTMLElement("legend")}} 中的表单元素不会被禁用。
              
  
              {{htmlattrdef("form")}}
              
  
              将该值设为一个 {{HTMLElement("form")}} 元素的 {{htmlattrxref("id")}} 属性值以将 <fieldset> 设置成这个 {{HTMLElement("form")}} 的一部分。      
              
  
              {{htmlattrdef("name")}}
              
@@ -48,7 +48,7 @@ translation_of: Web/HTML/Element/fieldset
 
              你可以以任意方式自行设置 <fieldset> 和 <legend> 的样式以配合你的页面设计。
              
 
 
              
-
              注意：截至这篇文章发出为止，Microsoft Edge 和 Google Chrome 不能在 {{HTMLElement("fieldset")}} 中使用 flexbox 和 grid 布局。这个 GitHub issue 跟踪了这个bug。
              
+
              注意：截至这篇文章发出为止，Microsoft Edge 和 Google Chrome 不能在 {{HTMLElement("fieldset")}} 中使用 flexbox 和 grid 布局。这个 GitHub issue 跟踪了这个 bug。
              
 
              
 
 
              示例
              
diff --git a/files/zh-cn/web/html/element/figcaption/index.html b/files/zh-cn/web/html/element/figcaption/index.html
index 615e8fc953..f75af29512 100644
--- a/files/zh-cn/web/html/element/figcaption/index.html
+++ b/files/zh-cn/web/html/element/figcaption/index.html
@@ -9,7 +9,7 @@ translation_of: Web/HTML/Element/figcaption
 ---
 
              {{HTMLRef}}
              
 
-
              HTML <figcaption> 元素 是与其相关联的图片的说明/标题，用?于描述其父节点 {{HTMLElement("figure")}} 元素里的其他数据。这意味着 <figcaption> 在{{HTMLElement("figure")}} 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的；如果没有该元素，这个父节点的图片只是会没有说明/标题。
              
+
              HTML <figcaption> 元素 是与其相关联的图片的说明/标题，用？于描述其父节点 {{HTMLElement("figure")}} 元素里的其他数据。这意味着 <figcaption> 在{{HTMLElement("figure")}} 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的；如果没有该元素，这个父节点的图片只是会没有说明/标题。
              
 
 
          
  
          Any
   
          
   
          所使用的DOM API 接口所使用的 DOM API 接口
    {{domxref("HTMLDivElement")}}
   
          
            
 
 
 
 
 
 
 
 
 
 
          
diff --git a/files/zh-cn/web/html/element/figure/index.html b/files/zh-cn/web/html/element/figure/index.html
index d8a8dbe65b..8dd0398a64 100644
--- a/files/zh-cn/web/html/element/figure/index.html
+++ b/files/zh-cn/web/html/element/figure/index.html
@@ -10,7 +10,7 @@ translation_of: Web/HTML/Element/figure
 ---
 
          {{HTMLRef}}
          
 
-
          HTML <figure> 元素代表一段独立的内容, 经常与说明（caption） {{HTMLElement("figcaption")}} 配合使用, 并且作为一个独立的引用单元。当它属于主内容流（main flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。
          
+
          HTML <figure> 元素代表一段独立的内容，经常与说明（caption）{{HTMLElement("figcaption")}} 配合使用，并且作为一个独立的引用单元。当它属于主内容流（main flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。
          {{EmbedInteractiveExample("pages/tabbed/figure.html","tabbed-shorter")}}
          
 
diff --git a/files/zh-cn/web/html/element/font/index.html b/files/zh-cn/web/html/element/font/index.html
index 326372c54e..d3a63cf209 100644
--- a/files/zh-cn/web/html/element/font/index.html
+++ b/files/zh-cn/web/html/element/font/index.html
@@ -29,7 +29,7 @@ translation_of: Web/HTML/Element/font
  
          {{htmlattrdef("face")}}
          这个属性列出了一个或多个逗号分隔的字体名称。 默认样式中的文档文字，会使用客户端浏览器所支持的，第一个字体风格来渲染。如果本地系统中并没有安装列出的字体，浏览器会使用系统预设的均衡（proportional）或等宽（fixed-width）字体。
          {{htmlattrdef("size")}}
          
- 
          这个属性使用数字或相对值指定文字大小。数字在最小的7到最大的7之间，默认值为3。也可以用诸如 +2 或 -3 的相对值指定，这会将其设置为，相对于 {{HTMLElement("basefont")}} 元素 {{htmlattrxref("size", "basefont")}}属性的值，或者如果不存在，则是相对于 3 也就是默认值的值。
          
+ 
          这个属性使用数字或相对值指定文字大小。数字在最小的 7 到最大的 7 之间，默认值为 3。也可以用诸如 +2 或 -3 的相对值指定，这会将其设置为，相对于 {{HTMLElement("basefont")}} 元素 {{htmlattrxref("size", "basefont")}}属性的值，或者如果不存在，则是相对于 3 也就是默认值的值。
          DOM 接口
          
diff --git a/files/zh-cn/web/html/element/footer/index.html b/files/zh-cn/web/html/element/footer/index.html
index 537dd2ed03..3c9300c74e 100644
--- a/files/zh-cn/web/html/element/footer/index.html
+++ b/files/zh-cn/web/html/element/footer/index.html
@@ -78,7 +78,7 @@ translation_of: Web/HTML/Element/footer
 
          参见
            
- 
          • 其他section相关的元素: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}};
            • 
+ 
          • 其他 section 相关的元素: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}};
            • 
  
          • Sections and outlines of an HTML5 document.
            • 
  
          • ARIA: Contentinfo role
            • 
 
          
diff --git a/files/zh-cn/web/html/element/form/index.html b/files/zh-cn/web/html/element/form/index.html
index 1da90c52a4..670c28bc46 100644
--- a/files/zh-cn/web/html/element/form/index.html
+++ b/files/zh-cn/web/html/element/form/index.html
@@ -4,7 +4,7 @@ slug: Web/HTML/Element/form
 tags:
   - Forms
   - HTML
-  - HTML表单
+  - HTML 表单
   - Web
   - 元素
   - 参考
@@ -37,7 +37,7 @@ translation_of: Web/HTML/Element/form
   
-   
+   
@@ -85,9 +85,9 @@ translation_of: Web/HTML/Element/form
 
  
          {{htmlattrdef("name")}}
          
- 
          表单的名称。HTML 4中不推荐（应使用 id）。在 HTML 5 中，该值必须是所有表单中独一无二的，而且不能是空字符串。
          
+ 
          表单的名称。HTML 4 中不推荐（应使用 id）。在 HTML 5 中，该值必须是所有表单中独一无二的，而且不能是空字符串。
          {{htmlattrdef("rel")}}
          
- 
          根据 value 创建一个超链接或Creates a hyperlink or annotation depending on the value, see the {{htmlattrdef("rel")}} attribute for details.
          
+ 
          根据 value 创建一个超链接或 Creates a hyperlink or annotation depending on the value, see the {{htmlattrdef("rel")}} attribute for details.
          关于提交表单的属性
          
@@ -111,9 +111,9 @@ translation_of: Web/HTML/Element/form
  
          这个值可被 {{HTMLElement("button")}}、<input type="submit"> 或 <input type="image"> 元素上的 {{htmlattrxref("formenctype", "button")}} 属性覆盖。
          {{htmlattrdef("method")}}
          
- 
          浏览器使用这种 HTTP 方式来提交 表单. 可能的值有：
+ 
          浏览器使用这种 HTTP 方式来提交 表单。可能的值有：
  
            
-  
          • post：指的是 HTTP POST 方法；表单数据会包含在表单体内然后发送给服务器.
            • 
+  
          • post：指的是 HTTP POST 方法；表单数据会包含在表单体内然后发送给服务器。
            • 
   
          • get：指的是 HTTP GET 方法；表单数据会附加在 action 属性的 URL 中，并以 '?' 作为分隔符，没有副作用 时使用这个方法。
            • 
   
          • dialog：如果表单在 {{HTMLElement("dialog")}} 元素中，提交时关闭对话框。
            • 
  
          
@@ -121,9 +121,9 @@ translation_of: Web/HTML/Element/form
  
          此值可以被 {{HTMLElement("button")}}、<input type="submit"> 或 <input type="image"> 元素中的 {{htmlattrxref("formmethod", "button")}} 属性覆盖。
          
  
          {{htmlattrdef("novalidate")}}
          
- 
          此布尔值属性表示提交表单时不需要验证表单。 如果没有声明该属性 （因此表单需要通过验证）。该属性可以被表单中的 {{HTMLElement("button")}}、<input type="submit"> 或 <input type="image"> 元素中的 {{htmlattrxref("formnovalidate", "button")}} 属性覆盖。
          
+ 
          此布尔值属性表示提交表单时不需要验证表单。 如果没有声明该属性（因此表单需要通过验证）。该属性可以被表单中的 {{HTMLElement("button")}}、<input type="submit"> 或 <input type="image"> 元素中的 {{htmlattrxref("formnovalidate", "button")}} 属性覆盖。
          {{htmlattrdef("target")}}
          
- 
          表示在提交表单之后，在哪里显示响应信息。在 HTML 4 中, 这是一个 frame 的名字/关键字对。在 HTML5 里，这是一个浏览上下文 的名字/关键字（如标签页、窗口或 iframe）。下述关键字有特别含义：
+ 
          表示在提交表单之后，在哪里显示响应信息。在 HTML 4 中，这是一个 frame 的名字/关键字对。在 HTML5 里，这是一个浏览上下文 的名字/关键字（如标签页、窗口或 iframe）。下述关键字有特别含义：
  
            
   
          • _self：默认值。在相同浏览上下文中加载。
            • 
   
          • _blank：在新的未命名的浏览上下文中加载。
            • 
diff --git a/files/zh-cn/web/html/element/frameset/index.html b/files/zh-cn/web/html/element/frameset/index.html
index 340a5a8293..14f5a187eb 100644
--- a/files/zh-cn/web/html/element/frameset/index.html
+++ b/files/zh-cn/web/html/element/frameset/index.html
@@ -15,11 +15,11 @@ translation_of: Web/HTML/Element/frameset
 
 
            <frameset> 是一个用于包含 {{HTMLElement("frame")}} 的 HTML 元素。
            
 
-
            注意: 现在不鼓励使用 frame，而是用{{HTMLElement("iframe")}}。现今的网站一般都不使用 frame。
            
+
            注意： 现在不鼓励使用 frame，而是用{{HTMLElement("iframe")}}。现今的网站一般都不使用 frame。
            
 
 
            属性
            
 
-
            像所有其他的HTML元素一样，这个元素支持全局属性。
            
+
            像所有其他的 HTML 元素一样，这个元素支持全局属性。
            
 
 
            
  
            {{htmlattrdef("cols")}}
            
diff --git a/files/zh-cn/web/html/element/heading_elements/index.html b/files/zh-cn/web/html/element/heading_elements/index.html
index 8c1146e2f0..c8d30b763b 100644
--- a/files/zh-cn/web/html/element/heading_elements/index.html
+++ b/files/zh-cn/web/html/element/heading_elements/index.html
@@ -10,7 +10,7 @@ tags:
   - 标题
 translation_of: Web/HTML/Element/Heading_Elements
 ---
-
            HTML <h1>–<h6> 标题(Heading)元素呈现了六个不同的级别的标题，<h1> 级别最高，而 <h6> 级别最低。
            
+
            HTML <h1>–<h6> 标题 (Heading) 元素呈现了六个不同的级别的标题，<h1> 级别最高，而 <h6> 级别最低。
            
 
 
            {{EmbedInteractiveExample("pages/tabbed/h1-h6.html", "tabbed-standard")}}
            
 
@@ -32,7 +32,7 @@ translation_of: Web/HTML/Element/Heading_Elements
   
          
-   
+   
@@ -50,7 +50,7 @@ translation_of: Web/HTML/Element/Heading_Elements
 
          该元素包含所有全局特性。
          
-
          align属性已废弃；不要继续使用它。
          
+
          align 属性已废弃；不要继续使用它。
          
 
          使用要点
          
diff --git a/files/zh-cn/web/html/element/hgroup/index.html b/files/zh-cn/web/html/element/hgroup/index.html
index fe8045aad3..c7849284bf 100644
--- a/files/zh-cn/web/html/element/hgroup/index.html
+++ b/files/zh-cn/web/html/element/hgroup/index.html
@@ -59,8 +59,8 @@ translation_of: Web/HTML/Element/hgroup
 
          使用笔记
          
-
          注意: 本元素已经从HTML5（W3C）规范中删除，但是它仍旧在 WHATWG 的 HTML 版本里。大多数浏览器都部分地实现，所以它不太可能消失。 
          
- 然而，考虑到<hgroup>元素的一个关键存在目标是明确HTML规范中如何显示标题的轮廓算法，但因为其轮廓算法(outline algorithm)未在任何浏览器中实现，因此 <hgroup> 语义仍旧是理论上的建议。
          
+
          注意：本元素已经从 HTML5（W3C）规范中删除，但是它仍旧在 WHATWG 的 HTML 版本里。大多数浏览器都部分地实现，所以它不太可能消失。 
          
+ 然而，考虑到<hgroup>元素的一个关键存在目标是明确 HTML 规范中如何显示标题的轮廓算法，但因为其轮廓算法 (outline algorithm) 未在任何浏览器中实现，因此 <hgroup> 语义仍旧是理论上的建议。
          
  HTML5 (W3C) 规范提供了如何标记副标题，小标题，可选标题和标语（Subheadings, subtitles, alternative titles and taglines）的建议。
          
 
          
 
diff --git a/files/zh-cn/web/html/element/hr/index.html b/files/zh-cn/web/html/element/hr/index.html
index 0cb5efd486..0c7690f993 100644
--- a/files/zh-cn/web/html/element/hr/index.html
+++ b/files/zh-cn/web/html/element/hr/index.html
@@ -16,7 +16,7 @@ translation_of: Web/HTML/Element/hr
 
 
 
-
          在HTML的早期版本中，它是一个水平线。现在它仍能在可视化浏览器中表现为水平线，但目前被定义为语义上的，而不是表现层面上。所以如果想画一条横线，请使用适当的css样式来修饰。
          
+
          在 HTML 的早期版本中，它是一个水平线。现在它仍能在可视化浏览器中表现为水平线，但目前被定义为语义上的，而不是表现层面上。所以如果想画一条横线，请使用适当的 css 样式来修饰。
          {{EmbedInteractiveExample("pages/tabbed/hr.html", "tabbed-shorter")}}
          
 
@@ -26,10 +26,10 @@ translation_of: Web/HTML/Element/hr
 
 
            
  
          • 内容分类 流式元素.
            • 
- 
          • 允许的内容无, 是一个 {{Glossary("空元素")}}.
            • 
- 
          • 标签省略必须有开始标签, 不能有结束标签。
            • 
+ 
          • 允许的内容无，是一个 {{Glossary("空元素")}}.
            • 
+ 
          • 标签省略必须有开始标签，不能有结束标签。
            • 
  
          • 允许的父元素 所有接受流式元素的元素。
            • 
- 
          • DOM接口 {{domxref("HTMLHRElement")}}
            • 
+ 
          • DOM 接口 {{domxref("HTMLHRElement")}}
            • 
 
          属性
          
@@ -38,7 +38,7 @@ translation_of: Web/HTML/Element/hr
 
 
          
  
          {{htmlattrdef("align")}} {{deprecated_inline}}
          
- 
          设置对齐方式. 如果没有值, 默认值为 left。
          
+ 
          设置对齐方式。如果没有值，默认值为 left。
          
  
          {{htmlattrdef("color")}} {{Non-standard_inline}}
          
  
          使用颜色名或十六进制设置颜色。
          
  
          {{htmlattrdef("noshade")}} {{deprecated_inline}}
          
diff --git a/files/zh-cn/web/html/element/html/index.html b/files/zh-cn/web/html/element/html/index.html
index 5cec5dc19f..5d9b8a62e7 100644
--- a/files/zh-cn/web/html/element/html/index.html
+++ b/files/zh-cn/web/html/element/html/index.html
@@ -10,7 +10,7 @@ translation_of: Web/HTML/Element/html
 ---
 
          {{HTMLRef}}
          
 
-
          HTML <html> 元素 表示一个HTML文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。
          
+
          HTML <html> 元素 表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。
          
 
 
          
  
 
 
  
  
 
 
 
 
 
   
          
    允许的父级元素可以是HTML的任何标签可以是 HTML 的任何标签
   
          
   
          
    Implicit ARIA role
  
  
 
 
 
  
  
  
  
          
   
          
    允许的父元素任何接受流内容的元素；不要把它作为 {{HTMLElement("hgroup")}} 元素的子元素, 这种做法已经被废弃了。任何接受流内容的元素；不要把它作为 {{HTMLElement("hgroup")}} 元素的子元素，这种做法已经被废弃了。
   
          
   
          
    允许的 ARIA roles
 
 
 
 
 
 
 
 
 
 
          
@@ -47,9 +47,9 @@ translation_of: Web/HTML/Element/html
 
 
          
  
          {{htmlattrdef("manifest")}} {{obsolete_inline}}
          
- 
          指定一个 资源清单的URI，指示应在本地缓存的资源。请参阅 使用应用程序缓存 获取详细信息。
          
+ 
          指定一个 资源清单的 URI，指示应在本地缓存的资源。请参阅 使用应用程序缓存 获取详细信息。
          
  
          {{htmlattrdef("version")}} {{obsolete_inline}}
          
- 
          指定控制当前文档的HTML版本{{glossary("DTD", "文档类型定义")}} 。这个属性已不再需要，因为这在文档类型声明中是多余的版本信息。
          
+ 
          指定控制当前文档的 HTML 版本{{glossary("DTD", "文档类型定义")}} 。这个属性已不再需要，因为这在文档类型声明中是多余的版本信息。
          
  
          {{htmlattrdef("xmlns")}} 
          
  
          
  
          指派文档的 XML 命名空间。默认的值是"http://www.w3.org/1999/xhtml"。这在 XHTML 中是必要的，而在 HTML 中则是可选的。
          
@@ -68,7 +68,7 @@ translation_of: Web/HTML/Element/html
 
 
          可访问性
          
 
-
          在html元素上提供具有有效IETF标识语言标记的lang属性，将有助于屏幕阅读技术确定要陈述的正确语言。标识语言标签应描述页面大部分内容使用的语言。没有它，屏幕阅读器通常会默认使用操作系统的设置语言，这可能会导致错误陈述。
          
+
          在html元素上提供具有有效 IETF 标识语言标记的lang属性，将有助于屏幕阅读技术确定要陈述的正确语言。标识语言标签应描述页面大部分内容使用的语言。没有它，屏幕阅读器通常会默认使用操作系统的设置语言，这可能会导致错误陈述。
          
 
 
          规范
          
 
@@ -89,7 +89,7 @@ translation_of: Web/HTML/Element/html
   
          
-   
+   
diff --git a/files/zh-cn/web/html/element/i/index.html b/files/zh-cn/web/html/element/i/index.html
index f2f858af56..b415ade597 100644
--- a/files/zh-cn/web/html/element/i/index.html
+++ b/files/zh-cn/web/html/element/i/index.html
@@ -5,7 +5,7 @@ translation_of: Web/HTML/Element/i
 ---
 
          概述
          
 
-
          HTML元素 <i> 用于表现因某些原因需要区分普通文本的一系列文本。例如技术术语、外文短语或是小说中人物的思想活动等，它的内容通常以斜体显示。
          
+
          HTML 元素 <i> 用于表现因某些原因需要区分普通文本的一系列文本。例如技术术语、外文短语或是小说中人物的思想活动等，它的内容通常以斜体显示。
            
  
          • Content catergories Flow content, phrasing content, palpable content.
            • 
diff --git a/files/zh-cn/web/html/element/iframe/index.html b/files/zh-cn/web/html/element/iframe/index.html
index f67d286d24..ff3a806853 100644
--- a/files/zh-cn/web/html/element/iframe/index.html
+++ b/files/zh-cn/web/html/element/iframe/index.html
@@ -11,13 +11,13 @@ translation_of: Web/HTML/Element/iframe
 ---
 
            {{HTMLRef}}
            
 
-
            HTML内联框架元素 (<iframe>) 表示嵌套的{{Glossary("browsing context")}}。它能够将另一个HTML页面嵌入到当前页面中。
            
+
            HTML 内联框架元素 (<iframe>) 表示嵌套的{{Glossary("browsing context")}}。它能够将另一个 HTML 页面嵌入到当前页面中。
            
 
 
            {{EmbedInteractiveExample("pages/tabbed/iframe.html", "tabbed-standard")}}
            
 
-
+
 
-
            每个嵌入的浏览上下文（embedded browsing context）都有自己的会话历史记录(session history)和DOM树。包含嵌入内容的浏览上下文称为父级浏览上下文。顶级浏览上下文（没有父级）通常是由 {{domxref("Window")}} 对象表示的浏览器窗口。
            
+
            每个嵌入的浏览上下文（embedded browsing context）都有自己的会话历史记录 (session history)和DOM 树。包含嵌入内容的浏览上下文称为父级浏览上下文。顶级浏览上下文（没有父级）通常是由 {{domxref("Window")}} 对象表示的浏览器窗口。
            
 
 
            
 
            页面上的每个<iframe>都需要增加内存和其它计算资源，这是因为每个浏览上下文都拥有完整的文档环境。虽然理论上来说你能够在代码中写出来无限多的<iframe>，但是你最好还是先看看这么做会不会导致某些性能问题。
            
@@ -46,7 +46,7 @@ translation_of: Web/HTML/Element/iframe
  
            {{htmlattrdef("csp")}} {{experimental_inline}}
            
  
            对嵌入的资源配置内容安全策略。 查看 {{domxref("HTMLIFrameElement.csp")}} 获取详情。
            
  
            {{htmlattrdef("height")}}
            
- 
            以CSS像素格式{{HTMLVersionInline(5)}}，或像素格式{{HTMLVersionInline(4.01)}}，或百分比格式指定frame的高度。默认值为150。
            
+ 
            以 CSS 像素格式{{HTMLVersionInline(5)}}，或像素格式{{HTMLVersionInline(4.01)}}，或百分比格式指定 frame 的高度。默认值为150。
            
  
            {{htmlattrdef("importance")}} {{experimental_inline}}
            
  
            表示 <iframe> 的 src 属性指定的资源的加载优先级。允许的值有：
  
            
@@ -67,16 +67,16 @@ translation_of: Web/HTML/Element/iframe
   
          • no-referrer-when-downgrade (default): 向不受 {{Glossary("TLS")}} ({{Glossary("HTTPS")}}) 保护的 {{Glossary("origin")}} 发送请求时，不发送 {{HTTPHeader("Referer")}} 首部。
            • 
   
          • origin: referrer 首部中仅包含来源页面的源。换言之，仅包含来源页面的 scheme, {{Glossary("host")}}, 以及 {{Glossary("port")}}。
            • 
   
          • origin-when-cross-origin: 发起跨域请求时，仅在 referrer 中包含来源页面的源。发起同源请求时，仍然会在 referrer 中包含来源页面在服务器上的路径信息。
            • 
-  
          • same-origin: 对于 {{Glossary("Same-origin policy", "same origin")}} （同源）请求，发送 referrer 首部，否则不发送。
            • 
+  
          • same-origin: 对于 {{Glossary("Same-origin policy", "same origin")}}（同源）请求，发送 referrer 首部，否则不发送。
            • 
   
          • strict-origin: 仅当被请求页面和来源页面具有相同的协议安全等级时才发送 referrer 首部（比如从采用 HTTPS 协议的页面请求另一个采用 HTTPS 协议的页面）。如果被请求页面的协议安全等级较低，则不会发送 referrer 首部（比如从采用 HTTPS 协议的页面请求采用 HTTP 协议的页面）。
            • 
   
          • strict-origin-when-cross-origin: 当发起同源请求时，在 referrer 首部中包含完整的 URL。当被请求页面与来源页面不同源但是有相同协议安全等级时（比如 HTTPS→HTTPS），在 referrer 首部中仅包含来源页面的源。当被请求页面的协议安全等级较低时（比如 HTTPS→HTTP），不发送 referrer 首部。
            • 
-  
          • unsafe-url: 始终在 referrer 首部中包含源以及路径 （但不包括 fragment，密码，或用户名）。这个值是不安全的, 因为这样做会暴露受 TLS 保护的资源的源和路径信息。
            • 
+  
          • unsafe-url: 始终在 referrer 首部中包含源以及路径（但不包括 fragment，密码，或用户名）。这个值是不安全的, 因为这样做会暴露受 TLS 保护的资源的源和路径信息。
            • 
  
          {{htmlattrdef("sandbox")}}
          该属性对呈现在 iframe 框架中的内容启用一些额外的限制条件。属性值可以为空字符串（这种情况下会启用所有限制），也可以是用空格分隔的一系列指定的字符串。有效的值有：
  
            
-  
          • allow-downloads-without-user-activation {{experimental_inline}}: 允许在没有征求用户同意的情况下下载文件.
            • 
+  
          • allow-downloads-without-user-activation {{experimental_inline}}: 允许在没有征求用户同意的情况下下载文件。
            • 
   
          • allow-forms: 允许嵌入的浏览上下文提交表单。如果没有使用该关键字，则无法提交表单。
            • 
   
          • allow-modals: 允许嵌入的浏览上下文打开模态窗口。
            • 
   
          • allow-orientation-lock: 允许嵌入的浏览上下文锁定屏幕方向（译者注：比如智能手机、平板电脑的水平朝向或垂直朝向）。
            • 
@@ -92,21 +92,21 @@ translation_of: Web/HTML/Element/iframe
  
          
 
  
          
- 
          注意:
          
+ 
          注意：
          
 
  
            
   
          • 当被嵌入的文档与主页面同源时，强烈建议不要同时使用 allow-scripts 和 allow-same-origin。如果同时使用，嵌入的文档就可以通过代码删除 sandbox 属性，如此，就安全性而言还不如不用sandbox。
            • 
   
          • 如果攻击者可以在沙箱化的 iframe 之外展示内容，例如用户在新标签页中打开内联框架，那么沙箱化也就没有意义了。建议把这种内容放置到独立的专用域中，以减小可能的损失。
            • 
-  
          • 沙箱属性(sandbox)在Internet Explorer 9及更早的版本上不被支持。
            • 
+  
          • 沙箱属性 (sandbox) 在 Internet Explorer 9 及更早的版本上不被支持。
            • 
  
          
  
          
  
          {{htmlattrdef("src")}}
          
- 
          被嵌套的页面的 URL 地址。使用 about:blank 值可以嵌入一个遵从同源策略的空白页。在 Firefox （version 65及更高版本）、基于 Chromium 的浏览器、Safari/iOS 中使用代码移除 iframe 的 src 属性（例如通过 {{domxref("Element.removeAttribute()")}} ）会导致 about:blank 被载入 frame。
          
+ 
          被嵌套的页面的 URL 地址。使用 about:blank 值可以嵌入一个遵从同源策略的空白页。在 Firefox（version 65 及更高版本）、基于 Chromium 的浏览器、Safari/iOS 中使用代码移除 iframe 的 src 属性（例如通过 {{domxref("Element.removeAttribute()")}} ）会导致 about:blank 被载入 frame。
          {{htmlattrdef("srcdoc")}} {{HTMLVersionInline(5)}} only
          
- 
          该属性是一段HTML代码，这些代码会被渲染到 iframe 中。如果浏览器不支持 srcdoc 属性，则会渲染 src 属性表示的内容。
          
+ 
          该属性是一段 HTML 代码，这些代码会被渲染到 iframe 中。如果浏览器不支持 srcdoc 属性，则会渲染 src 属性表示的内容。
          {{htmlattrdef("width")}}
          
- 
          以CSS像素格式{{HTMLVersionInline(5)}}，或以像素格式{{HTMLVersionInline(4.01)}}，或以百分比格式指定的 frame 的宽度。默认值是300。
          
+ 
          以 CSS 像素格式{{HTMLVersionInline(5)}}，或以像素格式{{HTMLVersionInline(4.01)}}，或以百分比格式指定的 frame 的宽度。默认值是300。
          不赞成使用的属性
          
@@ -150,7 +150,7 @@ translation_of: Web/HTML/Element/iframe
 
 
          内联的框架，就像 {{HTMLElement("frame")}} 元素一样，会被包含在 {{domxref("window.frames")}} 伪数组（类数组的对象）中。
          
 
-
          有了 DOM {{domxref("HTMLIFrameElement")}} 对象，脚本可以通过 {{domxref("HTMLIFrameElement.contentWindow", "contentWindow")}} 访问内联框架的 {{domxref("window")}} 对象。 {{domxref("HTMLIFrameElement.contentDocument", "contentDocument")}} 属性则引用了 <iframe> 内部的 document 元素，(等同于使用contentWindow.document），但IE8-不支持。
          
+
          有了 DOM {{domxref("HTMLIFrameElement")}} 对象，脚本可以通过 {{domxref("HTMLIFrameElement.contentWindow", "contentWindow")}} 访问内联框架的 {{domxref("window")}} 对象。 {{domxref("HTMLIFrameElement.contentDocument", "contentDocument")}} 属性则引用了 <iframe> 内部的 document 元素，(等同于使用 contentWindow.document），但 IE8-不支持。
          在框架内部，脚本可以通过 {{domxref("window.parent")}} 引用父窗口对象。
          
 
@@ -225,7 +225,7 @@ translation_of: Web/HTML/Element/iframe
   
-   
+   
diff --git a/files/zh-cn/web/html/element/image/index.html b/files/zh-cn/web/html/element/image/index.html
index e8d260adec..52dc8c95cf 100644
--- a/files/zh-cn/web/html/element/image/index.html
+++ b/files/zh-cn/web/html/element/image/index.html
@@ -10,7 +10,7 @@ translation_of: Web/HTML/Element/image
 
          HTML <image>元素曾经是一个试验性的元素，用来显示图片。它从未被实现过，请使用标准的{{HTMLElement("img")}}元素。
          
-
          不要使用它! 要显示图片，请使用标准的{{HTMLElement("img")}}.
          
+
          不要使用它！ 要显示图片，请使用标准的{{HTMLElement("img")}}.
          
 
          
 
-
          直到Firefox 22，虽然image仍然没有被支持，但是该元素被关联到{{domxref("HTMLSpanElement")}}。现在已经修正，image按照规范要求，被关联到{{domxref("HTMLElement")}} 。
          
+
          直到 Firefox 22，虽然 image 仍然没有被支持，但是该元素被关联到{{domxref("HTMLSpanElement")}}。现在已经修正，image 按照规范要求，被关联到{{domxref("HTMLElement")}} 。
          
diff --git a/files/zh-cn/web/html/element/img/index.html b/files/zh-cn/web/html/element/img/index.html
index 66069f464a..d2c06c26c2 100644
--- a/files/zh-cn/web/html/element/img/index.html
+++ b/files/zh-cn/web/html/element/img/index.html
@@ -84,7 +84,7 @@ translation_of: Web/HTML/Element/img
   
          anonymous
          执行一个跨域请求（比如，有 {{httpheader("Origin")}} {{glossary("HTTP")}} header）。但是没有发送证书（比如，没有 cookie，没有 X.509 证书，没有 HTTP 基本授权认证）。如果服务器没有把证书给到源站（没有设置 {{httpheader("Access-Control-Allow-Origin")}} HTTP 头），图像会被污染，而且它的使用会被限制。
          use-credentials
          
-  
          一个有证书的跨域请求（比如，有 Origin HTTP header）被发送 （比如，cookie, 一份证书，或者 HTTP 基本验证信息）。如果服务器没有给源站发送证书（通过 Access-Control-Allow-Credentials HTTP header），图像将会被污染，且它的使用会受限制。
          
+  
          一个有证书的跨域请求（比如，有 Origin HTTP header）被发送（比如，cookie，一份证书，或者 HTTP 基本验证信息）。如果服务器没有给源站发送证书（通过 Access-Control-Allow-Credentials HTTP header），图像将会被污染，且它的使用会受限制。
          
  当用户并未显式使用本属性时，默认不使用 CORS 发起请求（例如，不会向服务器发送原有的HTTP 头部信息），可防止其在 {{HTMLElement('canvas')}} 中的使用。如果无效，默认当做 anonymous 关键字生效。更多信息，请查看 CORS 属性设置 。
          {{htmlattrdef("decoding")}}
          
@@ -167,7 +167,7 @@ translation_of: Web/HTML/Element/img
   
        2. 指向图像的 {{glossary("URL")}}。
        3. 可选地，再加一个空格之后，附加以下的其一：
    
            
-    
          • 一个宽度描述符，这是一个正整数，后面紧跟 'w' 符号。该整数宽度除以sizes属性给出的资源（source）大小来计算得到有效的像素密度，即换算成和x描述符等价的值。
            • 
+    
          • 一个宽度描述符，这是一个正整数，后面紧跟 'w' 符号。该整数宽度除以 sizes 属性给出的资源（source）大小来计算得到有效的像素密度，即换算成和 x 描述符等价的值。
            • 
     
          • 一个像素密度描述符，这是一个正浮点数，后面紧跟 'x' 符号。
            • 
    
          
   
          4. 
@@ -272,7 +272,7 @@ translation_of: Web/HTML/Element/img
 
 
          使用 srcset 和 sizes 属性
          
 
-
          在支持 srcset 的用户代理中，当使用 w 描述符时，src 属性会被忽略。当匹配了媒体条件 (min-width: 600px) 时，图像将宽 200px，否则宽 50vw（视图宽度的50%）。
          
+
          在支持 srcset 的用户代理中，当使用 w 描述符时，src 属性会被忽略。当匹配了媒体条件 (min-width: 600px) 时，图像将宽 200px，否则宽 50vw（视图宽度的 50%）。
           <img src="clock-demo-200px.png"
       alt="Clock"
@@ -294,7 +294,7 @@ translation_of: Web/HTML/Element/img
 
 
          使用有实际意义的备用描述
          
 
-
          alt 属性的值应该清晰、简洁地描述图像的内容。它不应该描述“图像的存在”，或仅仅包含图像的文件名。如果因为图像没有等价的文本描述， alt 属性只得不写或留白，那么可以考虑使用其他方法来呈现图像试图传递的内容。
          
+
          alt 属性的值应该清晰、简洁地描述图像的内容。它不应该描述 “图像的存在”，或仅仅包含图像的文件名。如果因为图像没有等价的文本描述， alt 属性只得不写或留白，那么可以考虑使用其他方法来呈现图像试图传递的内容。
          
 
 
          不要
          
 
@@ -322,7 +322,7 @@ translation_of: Web/HTML/Element/img
 
 
          title 属性也不该被用作一幅图片在 alt 之外的补充说明信息。如果一幅图片需要小标题，使用 figure 或 figcaption 元素。
          
 
-
          title 元素的值一般作为提示条(tooltip)呈现给用户，在光标于图片上停下后显示出来。尽管这确实能给用户提供更多的信息，您不该假定用户真的能看到：用户可能只有键盘或触摸屏。如果要把特别重要的信息提供给用户，选择上面提供的一种方法将其内联显示，而不是使用 title 。
          
+
          title 元素的值一般作为提示条 (tooltip) 呈现给用户，在光标于图片上停下后显示出来。尽管这确实能给用户提供更多的信息，您不该假定用户真的能看到：用户可能只有键盘或触摸屏。如果要把特别重要的信息提供给用户，选择上面提供的一种方法将其内联显示，而不是使用 title 。
          
 
 
            
  
          • Using the HTML title attribute – updated | The Paciello Group
            • 
diff --git a/files/zh-cn/web/html/element/index.html b/files/zh-cn/web/html/element/index.html
index fcacea3cfa..a299b73f36 100644
--- a/files/zh-cn/web/html/element/index.html
+++ b/files/zh-cn/web/html/element/index.html
@@ -15,7 +15,7 @@ translation_of: Web/HTML/Element
 
            此页面列出了所有使用{{Glossary("Tag","标签")}}创建的 {{Glossary("HTML")}} {{Glossary("Element","元素")}}。它们已被按照功能进行分组，以便您更轻松地找到想要的内容。同时，侧边栏中也按照字母排序列出了所有元素。
            
 
 
            
-
            若想获知更多关于HTML元素、属性的基本信息，请查阅 HTML 介绍中的相关内容。
            
+
            若想获知更多关于 HTML 元素、属性的基本信息，请查阅 HTML 介绍中的相关内容。
            
 
            
 
 
            主根元素
            
@@ -34,7 +34,7 @@ translation_of: Web/HTML/Element
 
 
            内容分区
            
 
-
            内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素，来为页面内容创建明确的大纲，以便区分各个章节的内容。
            
+
            内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉 (header)、页脚 (footer)、导航 (nav) 和标题 (h1~h6) 等分区元素，来为页面内容创建明确的大纲，以便区分各个章节的内容。
            
 
 
            {{HTMLRefTable("HTML Sections")}}
            
 
diff --git a/files/zh-cn/web/html/element/input/button/index.html b/files/zh-cn/web/html/element/input/button/index.html
index de6f8031bb..61a701e3ae 100644
--- a/files/zh-cn/web/html/element/input/button/index.html
+++ b/files/zh-cn/web/html/element/input/button/index.html
@@ -5,7 +5,7 @@ translation_of: Web/HTML/Element/input/button
 ---
 
            {{HTMLRef}}
            
 
-
            元素<input type="button"> 是  <input> 元素的特殊版本，被用来创建一个没有默认值的可点击按钮。 它已经在HTML5被 <button>元素取代
            
+
            元素<input type="button"> 是  <input> 元素的特殊版本，被用来创建一个没有默认值的可点击按钮。 它已经在 HTML5 被 <button>元素取代
            
 
 
            浏览器生成一个控件没有默认值的可点击按钮。该按钮上可有任何标签。该控件在不同的浏览器上，可能有不同的样式。
            
 
@@ -198,7 +198,7 @@ translation_of: Web/HTML/Element/input/button
   
          
-   
+   
@@ -247,5 +247,5 @@ translation_of: Web/HTML/Element/input/button
 
 
            
  
          • The generic {{HTMLElement("input")}} element and the interface used to manipulate it, {{domxref("HTMLInputElement")}}
            • 
- 
          • HTML5的替代方式为 <button> 元素
            • 
+ 
          • HTML5 的替代方式为 <button> 元素
            • 
 
          
diff --git a/files/zh-cn/web/html/element/input/checkbox/index.html b/files/zh-cn/web/html/element/input/checkbox/index.html
index 4f349c2449..aeb7784bd1 100644
--- a/files/zh-cn/web/html/element/input/checkbox/index.html
+++ b/files/zh-cn/web/html/element/input/checkbox/index.html
@@ -3,10 +3,10 @@ title: 
 slug: Web/HTML/Element/Input/checkbox
 translation_of: Web/HTML/Element/input/checkbox
 ---
-
          HTML input元素 <input type="checkbox"> 允许你为表单中（或不在表单中）的提交项选择一个单一值。
          
+
          HTML input 元素 <input type="checkbox"> 允许你为表单中（或不在表单中）的提交项选择一个单一值。
          
-
          注意： 若表单提交时，checkbox未勾选，则提交的值并非为value=unchecked；此时的值不会被提交到服务器。
          
+
          注意： 若表单提交时，checkbox 未勾选，则提交的值并非为 value=unchecked；此时的值不会被提交到服务器。
          
 
          属性
          
@@ -16,13 +16,13 @@ translation_of: Web/HTML/Element/input/checkbox
 
          
  
          {{htmlattrdef("checked")}}
          
  
          
- 
          当type属性的值为checkbox时, 这个属性的存在表示input是否默认被选中。你可以将该属性设置为checked="checked"，或更简单地只设置为checked。
          
+ 
          当type属性的值为checkbox 时, 这个属性的存在表示 input 是否默认被选中。你可以将该属性设置为checked="checked"，或更简单地只设置为checked。
          
  
          
  
          {{htmlattrdef("value")}}
          
- 
          指定input的值。如果省略，获取该元素的值的结果为字符串"on"。
          
- 请注意，如果value值发生改变后页面重新加载，Gecko和IE会忽略HTML源代码中设置的value值。
          
+ 
          指定 input 的值。如果省略，获取该元素的值的结果为字符串"on"。
          
+ 请注意，如果 value 值发生改变后页面重新加载，Gecko 和 IE会忽略 HTML 源代码中设置的 value 值。
          
  
          {{htmlattrdef("indeterminate")}}
          
- 
          指定checkbox处于不定状态（在大多数平台，这样会产生一个划过checkbox的横线）。
          
+ 
          指定 checkbox 处于不定状态（在大多数平台，这样会产生一个划过 checkbox 的横线）。
          
 
          示例
          
@@ -37,7 +37,7 @@ translation_of: Web/HTML/Element/input/checkbox
 </p>
 
 
-
          以上代码将产生2个checkbox，如下所示：
          
+
          以上代码将产生 2 个 checkbox，如下所示：
          {{EmbedLiveSample("Example")}}
          
 
diff --git a/files/zh-cn/web/html/element/input/color/index.html b/files/zh-cn/web/html/element/input/color/index.html
index 0645e125e6..dbf1d2c6c6 100644
--- a/files/zh-cn/web/html/element/input/color/index.html
+++ b/files/zh-cn/web/html/element/input/color/index.html
@@ -3,15 +3,15 @@ title: 
 slug: Web/HTML/Element/Input/color
 translation_of: Web/HTML/Element/input/color
 ---
-
          <input type="color">元素是{{HTMLElement("input")}}元素中的一个特定种类，用来创建一个允许用户使用颜色选择器，或输入兼容CSS语法的颜色代码的区域。（不支持Alpha通道）
          
+
          <input type="color">元素是{{HTMLElement("input")}}元素中的一个特定种类，用来创建一个允许用户使用颜色选择器，或输入兼容 CSS 语法的颜色代码的区域。（不支持 Alpha 通道）
          
 
-
          此元素的外观会因浏览器不同而不同，可能是简单的验证颜色输入格式的文本框，也可能使用平台原生或自定义样式的颜色选择器。其UI除要能接收文本格式的颜色外，未要求其他特性。（更多信息）
          
+
          此元素的外观会因浏览器不同而不同，可能是简单的验证颜色输入格式的文本框，也可能使用平台原生或自定义样式的颜色选择器。其 UI 除要能接收文本格式的颜色外，未要求其他特性。（更多信息）
          
  
          
    {{SpecName('HTML5 W3C', 'semantics.html#the-html-element', '<html>')}}
    {{Spec2('HTML5 W3C')}}为manifest属性增加支持 （后来不赞成）。弃用 version 属性为 manifest 属性增加支持（后来不赞成）。弃用 version 属性
   
          
   
          
    {{SpecName('HTML4.01', 'struct/global.html#h-7.3', '<html>')}}
 
 
  
  
  
  
  
  
 
 
 
 
 
          
    {{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}}
    {{Spec2('Referrer Policy')}}新增属性: referrerpolicy新增属性：referrerpolicy
   
          
   
          
    {{SpecName('HTML WHATWG', 'iframe-embed-object.html#the-iframe-element', '<iframe>')}}
 
 
   
   
  
  
   
 
 
          
    Feature
    AndroidFirefox 移动版(Gecko)Firefox 移动版 (Gecko)
    IE 移动版
    Opera 移动版
    Safari 移动版
 
 
 
 
 
 
 
 
 
 
          
-   
+   
@@ -26,7 +26,7 @@ translation_of: Web/HTML/Element/input/color
    
-   
+   
@@ -38,17 +38,17 @@ translation_of: Web/HTML/Element/input/color
 
 
          
  
          {{htmlattrdef("autocomplete")}}{{HTMLVersionInline("5")}}
          
- 
          设置颜色区域的autocomplete值。如果为true，则将自动填充颜色选择器上次存储的值。
          
+ 
          设置颜色区域的 autocomplete 值。如果为 true，则将自动填充颜色选择器上次存储的值。
          
  
          {{htmlattrdef("autofocus")}}{{HTMLVersionInline("5")}}
          
  
          此布尔值属性使你可以指定当页面加载时，表单区域是否应当获得输入焦点。除非用户的操作覆盖这个属性，例如：在其他区域内进行输入。在整个文档中，只有一个元素可以拥有autofocus属性，值为布尔值。
          
  
          {{htmlattrdef("disabled")}}
          
  
          
- 
          此布尔值标明颜色选择其是否不可用于交互。另外，disabled时的值不会随表单提交。
          
+ 
          此布尔值标明颜色选择其是否不可用于交互。另外，disabled 时的值不会随表单提交。
          
  
          
  
          {{htmlattrdef("name")}}
          
- 
          随表单一起提交的颜色选择器的name。
          
+ 
          随表单一起提交的颜色选择器的 name。
          
  
          {{htmlattrdef("value")}}
          
- 
          颜色选择器的value，指定颜色选择器默认选择的颜色。input的value值必须是长度为7的字符串，以#开始，包含16进制格式的颜色值。例如：#FF0000为红色的16进制值。
          
+ 
          颜色选择器的 value，指定颜色选择器默认选择的颜色。input 的 value 值必须是长度为 7 的字符串，以#开始，包含 16 进制格式的颜色值。例如：#FF0000 为红色的 16 进制值。
          
 
          使用
          
@@ -69,11 +69,11 @@ translation_of: Web/HTML/Element/input/color
 
 
          {{EmbedLiveSample("Providing_a_default_color", 700, 30)}}
          
 
-
          下面的图片展示了macOS平台Chrome浏览器的颜色选择器：
          
+
          下面的图片展示了 macOS 平台 Chrome 浏览器的颜色选择器：
          This is how an input type color looks on Mac and within Chrome
          
 
-
          如果你没有手动指定的话，元素的默认值为"#000000"，即黑色。输入必须为7个字符，以"#"符号开始，后跟代表红、绿、蓝的十六进制字符各2个，形如"#rrggbb"。如果你想输入的颜色是其他格式（比如CSS中的rgb()或rgba()记法），在设定value值时必须将其转换为这种格式。
          
+
          如果你没有手动指定的话，元素的默认值为"#000000"，即黑色。输入必须为 7 个字符，以"#"符号开始，后跟代表红、绿、蓝的十六进制字符各 2 个，形如"#rrggbb"。如果你想输入的颜色是其他格式（比如 CSS 中的rgb()或rgba()记法），在设定value值时必须将其转换为这种格式。
          监听颜色变化
          
 
@@ -103,21 +103,21 @@ colorPicker.
 
 
          实现差异
          
 
-
          如上文所说，如果浏览器不提供选色器，此元素将会显示为一个具备输入验证功能的文本框。例如，在Safari 10.1中，你将会看到以下内容：
          
+
          如上文所说，如果浏览器不提供选色器，此元素将会显示为一个具备输入验证功能的文本框。例如，在 Safari 10.1 中，你将会看到以下内容：
          
 
 
          Screenshot of the example taken in Safari.
          
 
-
          而相同的内容在Firefox 55下则会显示成：
          
+
          而相同的内容在 Firefox 55 下则会显示成：
          
 
 
          Screenshot of the example taken in Firefox 55 for macOS
          
 
-
          如果点击元素，则会弹出选色器，在此例中，为macOS平台的选色器。
          
+
          如果点击元素，则会弹出选色器，在此例中，为 macOS 平台的选色器。
          
 
 
          Screenshot of the element with the color picker open in Firefox Mac.
          
 
 
          验证
          
 
-
          如果当前的{{Glossary("user agent")}}下，用户输入无法转换为7个字符的十六进制RGB形式，会被判定为非法输入。在这种情况下，{{cssxref(":invalid")}}伪类会生效。
          
+
          如果当前的{{Glossary("user agent")}}下，用户输入无法转换为 7 个字符的十六进制 RGB 形式，会被判定为非法输入。在这种情况下，{{cssxref(":invalid")}}伪类会生效。
          
 
 
          规范
          
 
@@ -217,4 +217,4 @@ colorPicker.
 
          
  
   
          
    内容分类流动区域, 列表, 可提交, 可重置, 表单相关元素, 短语内容, 可标记元素, 可触摸元素。流动区域, 列表, 可提交, 可重置, 表单相关元素, 短语内容, 可标记元素，可触摸元素。
   
          
   
          
    允许的内容任何接受短语内容的元素。
   
          
   
          DOM接口DOM 接口
    {{domxref("HTMLInputElement")}}
      -

      [1]  在Windows Touch上尚未实现。

      +

      [1]  在 Windows Touch 上尚未实现。

      diff --git a/files/zh-cn/web/html/element/input/date/index.html b/files/zh-cn/web/html/element/input/date/index.html index 70199c42e2..1ec9f893fd 100644 --- a/files/zh-cn/web/html/element/input/date/index.html +++ b/files/zh-cn/web/html/element/input/date/index.html @@ -5,9 +5,9 @@ translation_of: Web/HTML/Element/input/date ---

      {{HTMLRef}}

      -

      日期类{{htmlelement("input")}}元素会创建一个让用户输入一个日期的输入区域，可以使用自动验证内容的文本框，也可以使用特殊的日期选择器界面。结果值包括年份，月份和日期，但不包括时间。time 和 datetime-local输入类支持time 和 date/time 输入。

      +

      日期类{{htmlelement("input")}}元素会创建一个让用户输入一个日期的输入区域，可以使用自动验证内容的文本框，也可以使用特殊的日期选择器界面。结果值包括年份，月份和日期，但不包括时间。time 和 datetime-local输入类支持 time 和 date/time 输入。

      -

      通常来说控件的UI界面因浏览器的不同而有变化，到目前为止此控件还不被所有浏览器支持，具体细节请参阅{{anch("Browser compatibility")}}（浏览器兼容性）。在不支持的浏览器当中，控件因此会被优雅的降级为普通的<input type="text">输入框。

      +

      通常来说控件的 UI 界面因浏览器的不同而有变化，到目前为止此控件还不被所有浏览器支持，具体细节请参阅{{anch("Browser compatibility")}}（浏览器兼容性）。在不支持的浏览器当中，控件因此会被优雅的降级为普通的<input type="text">输入框。

      <input id="date" type="date">
      @@ -15,15 +15,15 @@ translation_of: Web/HTML/Element/input/date

      {{ EmbedLiveSample('Basic_example', 600, 40) }}

      -

      其中，Chrome/Opera浏览器为用户选择日期提供了一个普通的操作界面，看起来是下面的样子：

      +

      其中，Chrome/Opera 浏览器为用户选择日期提供了一个普通的操作界面，看起来是下面的样子：

      -

      Edge的日期控件看起来是这样子的:

      +

      Edge 的日期控件看起来是这样子的：

      -

      Firefox的日期控件看起来是这样子的:

      +

      Firefox 的日期控件看起来是这样子的：

      Datepicker UI in firefox

      @@ -62,16 +62,16 @@ translation_of: Web/HTML/Element/input/date

      有一点需要注意的是，在格式方面显示的日期与实际的不一样 — 显示的日期格式取决于用户浏览器的区域设定，而日期值的格式始终为 yyyy-mm-dd。

      -

      当然你也可以在JavaScript中通过input元素的 {{domxref("HTMLInputElement.value", "value")}} 属性获取和设置日期值，例如:

      +

      当然你也可以在 JavaScript 中通过 input 元素的 {{domxref("HTMLInputElement.value", "value")}} 属性获取和设置日期值，例如：

      var dateControl = document.querySelector('input[type="date"]');
 dateControl.value = '2017-06-01';
      -

      这行代码查找类型为date的第一个input元素，并且将其值设置为2017-06-01（2017年6月1日）

      +

      这行代码查找类型为 date 的第一个 input 元素，并且将其值设置为 2017-06-01（2017 年 6 月 1 日）

      使用日期输入控件

      -

      日期控件，一开始听起来可能觉得很方便。它们不仅提供了一个简单的日期选择UI界面，还规范了发往后台的数据格式，无论用户在什么区域。但是，由于浏览器支持的限制，<input type="date"> 仍然存在一些问题。

      +

      日期控件，一开始听起来可能觉得很方便。它们不仅提供了一个简单的日期选择 UI 界面，还规范了发往后台的数据格式，无论用户在什么区域。但是，由于浏览器支持的限制，<input type="date"> 仍然存在一些问题。

      我们将探寻一些关于 <input type="date"> 基础的和更复杂的的用法，然后就以后减轻浏览器支持问题提供建议（请参阅{{anch("Handling browser support")}}）。

      @@ -101,25 +101,25 @@ dateControl.value = '2017-06-01';

      {{ EmbedLiveSample('Setting_maximum_and_minimum_dates', 600, 40) }}

      -

      在结果中我们可以看到，只有2017年4月份的日期可选 — 输入框中可以编辑的部分只有 “日” 这部分，并且超出4月份以外的日期不能通过日期控件的选择小部件选择。

      +

      在结果中我们可以看到，只有 2017 年 4 月份的日期可选 — 输入框中可以编辑的部分只有 “日” 这部分，并且超出 4 月份以外的日期不能通过日期控件的选择小部件选择。

      -

      注意: 您应该可以使用step属性来改变每次最佳日期时步进（增加值）的天数（例如：或许你只希望使周六可以选）。但是，在编写本文的任何实现中，这似乎并不奏效。

      +

      注意: 您应该可以使用 step 属性来改变每次最佳日期时步进（增加值）的天数（例如：或许你只希望使周六可以选）。但是，在编写本文的任何实现中，这似乎并不奏效。

      控制输入框大小

      -

      <input type="date"> 不支持表单属性 {{htmlattrxref("size", "input")}}. 对于大小需求，你必须祈求于 CSS 的帮助.

      +

      <input type="date"> 不支持表单属性 {{htmlattrxref("size", "input")}}. 对于大小需求，你必须祈求于 CSS 的帮助。

      验证

      -

      默认情况下, <input type="date"> 对输入的值不会做任何校验。 UI实现通常不会让你输入任何不适日期的东西 — 这一点很有帮助 — 但是你任然可以留空或者  (在被优雅降级为 text 类型的输入框) 输入一个不合法的值 (例如： 4月32号)。

      +

      默认情况下，<input type="date"> 对输入的值不会做任何校验。 UI 实现通常不会让你输入任何不适日期的东西 — 这一点很有帮助 — 但是你任然可以留空或者  (在被优雅降级为 text 类型的输入框) 输入一个不合法的值 (例如： 4 月 32 号)。

      -

      如果你使用 {{htmlattrxref("min", "input")}} 和 {{htmlattrxref("min", "input")}} 属性去限制可用日期  (参见 {{anch("Setting maximum and minimum dates")}}),对于支持的浏览器来说如果你尝试提交一个超出给定范围的日期，那么它将抛出一个错误。然而, 你必须检查这些结果以确保他们在这些日期范围内, 因为只有在用户设备上完全支持日期选择器的情况下，才能执行这些操作。

      +

      如果你使用 {{htmlattrxref("min", "input")}} 和 {{htmlattrxref("min", "input")}} 属性去限制可用日期  (参见 {{anch("Setting maximum and minimum dates")}}),对于支持的浏览器来说如果你尝试提交一个超出给定范围的日期，那么它将抛出一个错误。然而， 你必须检查这些结果以确保他们在这些日期范围内， 因为只有在用户设备上完全支持日期选择器的情况下，才能执行这些操作。

      -

      另外， 您可以使用 {{htmlattrxref("required", "input")}} 属性强制填写日期, 如果你尝试提交一个未填写日期的域那么将会抛出错误。 至少在大多数浏览器是可以工作的。

      +

      另外， 您可以使用 {{htmlattrxref("required", "input")}} 属性强制填写日期， 如果你尝试提交一个未填写日期的域那么将会抛出错误。 至少在大多数浏览器是可以工作的。

      -

      让我们看一个例子 — 我们设置了日期的最大和最小值, 并且设定为必填:

      +

      让我们看一个例子 — 我们设置了日期的最大和最小值， 并且设定为必填：

      <form>
   <div>
@@ -132,15 +132,15 @@ dateControl.value = '2017-06-01';
      </div> </form> -

      如果你尝试提交一个不完整日期的表单 (或者超出日期选择设定范围), 浏览器将会出现一个错误。 尝试一下这个例子:

      +

      如果你尝试提交一个不完整日期的表单 (或者超出日期选择设定范围), 浏览器将会出现一个错误。 尝试一下这个例子：

      {{ EmbedLiveSample('Validation', 600, 100) }}

      -

      这个截图是为那些浏览器不支持的人准备的:

      +

      这个截图是为那些浏览器不支持的人准备的：

      -

      这是上面例子使用的css。我们用 {{cssxref(":valid")}} and {{cssxref(":invalid")}} 属性去命名，以区别当前值的有效性 。我们必须把图标放在 input 旁边的 {{htmlelement("span")}}里面，而并不是它本身, 因为在Chrome中被放置在表单中生成的内容不能有效的样式化或者显示。

      +

      这是上面例子使用的 css。我们用 {{cssxref(":valid")}} and {{cssxref(":invalid")}} 属性去命名，以区别当前值的有效性 。我们必须把图标放在 input 旁边的 {{htmlelement("span")}}里面，而并不是它本身， 因为在 Chrome 中被放置在表单中生成的内容不能有效的样式化或者显示。

      div {
     margin-bottom: 10px;
@@ -164,18 +164,18 @@ input:valid+span:after {
 }
      -

      重要: HTML表单验证并不能替代脚本去确保输入值是有效的格式。一些人很容易调整HTML绕过验证，或者完全移除验证.。当然一些人也可能很容易的绕过你的验证，直接把数据提交到你的服务器。如果你的服务器无法验证它接收到的数据，当提交了不正确的数据之后可能会导致灾难性的后果 (或者数据量太大，错误的类型等等).

      +

      重要: HTML 表单验证并不能替代脚本去确保输入值是有效的格式。一些人很容易调整 HTML 绕过验证，或者完全移除验证.。当然一些人也可能很容易的绕过你的验证，直接把数据提交到你的服务器。如果你的服务器无法验证它接收到的数据，当提交了不正确的数据之后可能会导致灾难性的后果 (或者数据量太大，错误的类型等等).

      手持設備浏览器支持

      -

      正如刚才提到的，在编写本文时使用日期输入的主要问题就是 {anch("Browser compatibility", "browser support")}} （浏览器支持）. 举一个例子, 在安卓系统的Firefox中选择器是这样子的:

      +

      正如刚才提到的，在编写本文时使用日期输入的主要问题就是 {anch("Browser compatibility", "browser support")}}（浏览器支持）. 举一个例子， 在安卓系统的 Firefox 中选择器是这样子的：

      -

      在不支持的浏览器上会被降级为文本输入框, 但这同时带来了用户界面不统一（呈现的控件不同）和数据处理方面的问题。

      +

      在不支持的浏览器上会被降级为文本输入框， 但这同时带来了用户界面不统一（呈现的控件不同）和数据处理方面的问题。

      -

      第二个问题更为严重；正如我们早些时候提到的，对于日期输入框， 实际值总是会被格式化微 yyyy-mm-dd. 另一方面对于文本输入框，默认情况下浏览器并不知道日期格式应该怎么样被格式化， 而且人们书写日期格式的方式有很多，例如:

      +

      第二个问题更为严重；正如我们早些时候提到的，对于日期输入框， 实际值总是会被格式化微 yyyy-mm-dd. 另一方面对于文本输入框，默认情况下浏览器并不知道日期格式应该怎么样被格式化， 而且人们书写日期格式的方式有很多，例如：

      • ddmmyyyy
        • @@ -186,7 +186,7 @@ input:valid+span:after {
      • Month dd yyyy
      -

       解决这些问题的方法之一就是放置一个 {{htmlattrxref("pattern", "input")}} 属性在日期控件上 。即使日期输入不使用它，文本输入将会用到。例如， 请尝试在不支持的浏览器上看下面的例子:

      +

       解决这些问题的方法之一就是放置一个 {{htmlattrxref("pattern", "input")}} 属性在日期控件上 。即使日期输入不使用它，文本输入将会用到。例如， 请尝试在不支持的浏览器上看下面的例子：

      <form>
   <div>
@@ -201,7 +201,7 @@ input:valid+span:after {
 
 
      {{ EmbedLiveSample('Handling_browser_support', 600, 100) }}
      
 
-
      如果你尝试提交，如果你的输入不符合正则表达式 nnn-nn-nn（n 是0到9的数字）， 你将会看到浏览器显示一个错误(并且高亮显示输入无效) 。 当然，这并不能阻止人们输入无效的日期或者格式不正确的日期，例如yyyy-dd-mm (而我们想要的 yyyy-mm-dd)。因此我们仍然有一个问题。
      
+
      如果你尝试提交，如果你的输入不符合正则表达式 nnn-nn-nn（n 是 0 到 9 的数字）， 你将会看到浏览器显示一个错误 (并且高亮显示输入无效) 。 当然，这并不能阻止人们输入无效的日期或者格式不正确的日期，例如yyyy-dd-mm (而我们想要的 yyyy-mm-dd)。因此我们仍然有一个问题。
      
 
 
 
-
      目前以跨浏览器方式处理表单中日期的最佳方式是让用户在单独的控件中输入 日 ， 月 和 年 ({{htmlelement("select")}} 元素正越来越受欢迎; 请看下面的实现), 或者使用JavaScript库， 例如  jQuery date picker.
      
+
      目前以跨浏览器方式处理表单中日期的最佳方式是让用户在单独的控件中输入 日 ， 月 和 年 ({{htmlelement("select")}} 元素正越来越受欢迎; 请看下面的实现), 或者使用 JavaScript 库， 例如  jQuery date picker.
      
 
 
      例子
      
 
-
      在这个例子中，我们创建了两组用于选择日期的UI元素: 一个本地 <input type="date"> 选择器 和 一组三个 {{htmlelement("select")}} 元素用于选择不支持本地输入的旧浏览器中的日期。
      
+
      在这个例子中，我们创建了两组用于选择日期的 UI 元素: 一个本地 <input type="date"> 选择器 和 一组三个 {{htmlelement("select")}} 元素用于选择不支持本地输入的旧浏览器中的日期。
      
 
 
      {{ EmbedLiveSample('Examples', 600, 100) }}
      
 
 
      HTML
      
 
-
      HTML看起来像这样:
      
+
      HTML 看起来像这样：
      
 
 
      <form>
     <div class="nativeDatePicker">
@@ -279,7 +279,7 @@ input:valid + span:after {
     </div>
 </form>
      
 
-
      月份是写死的 (因为月份是固定的), 而日和年的值是根据当前选择的月份和年份（日的判定需要月份和年份）以及当年 动态生成的(请参阅下面的代码注释，他们详细的阐释了这些功能是如何工作的。)
      
+
      月份是写死的 (因为月份是固定的), 而日和年的值是根据当前选择的月份和年份（日的判定需要月份和年份）以及当年 动态生成的 (请参阅下面的代码注释，他们详细的阐释了这些功能是如何工作的。)

      校验

      -

      默认情况下 <input type="datetime-local"> 不对输入内容进行验证。用户交互（UI）的实现通常不允许你输入不是日期/时间的值 —— 这非常有用 —— 但用户也仍会在不填写任何值的情况下提交数据，或者输入一个不无效的日期/时间（如：4月32日）。

      +

      默认情况下 <input type="datetime-local"> 不对输入内容进行验证。用户交互（UI）的实现通常不允许你输入不是日期/时间的值 —— 这非常有用 —— 但用户也仍会在不填写任何值的情况下提交数据，或者输入一个不无效的日期/时间（如：4 月 32 日）。

      你可以使用 {{htmlattrxref("min", "input")}} 及 {{htmlattrxref("max", "input")}} 来限制可选择的日期（参见 anch("设定日期时间的最大值和最小值")），并且使用 {{htmlattrxref("required", "input")}} 属性使日期/时间为强制的输入项。这样做的结果是，可以使相应的浏览器在你输入一个超出范围的日期或不输入时显示一个错误信息。

      @@ -170,7 +170,7 @@ dateControl.value = '2017-06-01T08:30';

      -

      这里有上面例子的CSS。在这里我们使用 {{cssxref(":valid")}} 和 {{cssxref(":invalid")}} CSS 属性来控制当前值正确和错误的样式。我们需要这两个图标放一个 {{htmlelement("span")}} 到输入元素后面，而非使用输入元素本身，因为在 Chrome 下生成的内容会被放在表单控件里面，不能设置样式或显示出来。

      +

      这里有上面例子的 CSS。在这里我们使用 {{cssxref(":valid")}} 和 {{cssxref(":invalid")}} CSS 属性来控制当前值正确和错误的样式。我们需要这两个图标放一个 {{htmlelement("span")}} 到输入元素后面，而非使用输入元素本身，因为在 Chrome 下生成的内容会被放在表单控件里面，不能设置样式或显示出来。

      div {
     margin-bottom: 10px;
@@ -194,7 +194,7 @@ input:valid+span:after {
 }
      -

      重要提示：HTML 表单验证并不能取代脚本校验输入数据是否符合格式要求。有人可以非常容易地修改 HTML 以绕过验证，亦或是完全删除这个元素。同样可能的是，有人可以非常轻易做到完全绕过 HTML 而直接向你的服务器提交数据。如果你服务器代码不对接收到的数据进行校验，灾难性的打击就可能发生在这些错误格式数据提交的时候 （或是数据太大，或是格式错误，等等）。

      +

      重要提示：HTML 表单验证并不能取代脚本校验输入数据是否符合格式要求。有人可以非常容易地修改 HTML 以绕过验证，亦或是完全删除这个元素。同样可能的是，有人可以非常轻易做到完全绕过 HTML 而直接向你的服务器提交数据。如果你服务器代码不对接收到的数据进行校验，灾难性的打击就可能发生在这些错误格式数据提交的时候（或是数据太大，或是格式错误，等等）。

      处理浏览器支持

      @@ -213,8 +213,8 @@ input:valid+span:after {
    • mm/dd/yyyy
    • dd-mm-yyyy
    • mm-dd-yyyy
      • -
    • mm-dd-yyyy hh:mm （12小时制）
      • -
    • mm-dd-yyyy HH:mm （24小时制）
      • +
    • mm-dd-yyyy hh:mm （12 小时制）
      • +
    • mm-dd-yyyy HH:mm （24 小时制）
    • 等等
    @@ -236,7 +236,7 @@ input:valid+span:after {

    {{ EmbedLiveSample('处理浏览器支持', 600, 100) }}

    -

    你试一下提交数据，如果你输入的内容不满足 nnnn-nn-nnTnn:nn 格式（n为0 ~ 9的数字），你会看到浏览器显示一条错误信息（并高亮输入框标记为无效），但这并不能妨碍用户输入无效的日期或是不正确的日期和时间。

    +

    你试一下提交数据，如果你输入的内容不满足 nnnn-nn-nnTnn:nn 格式（n 为 0 ~ 9 的数字），你会看到浏览器显示一条错误信息（并高亮输入框标记为无效），但这并不能妨碍用户输入无效的日期或是不正确的日期和时间。

    然而什么样的用户会去理解这样一个他们要输入的日期和时间格式呢？

    @@ -268,15 +268,15 @@ input:valid + span:after { }
    -

    目前处理跨浏览器表单中输入日期的最好办法是让用户分别在不同的控件中输入年、月、日和时间（{{htmlelement("select")}} 元素很流行 —— 参见下面的实现），或者使用 JavaScript库，如 jQuery date picker 及 jQuery timepicker plugin。

    +

    目前处理跨浏览器表单中输入日期的最好办法是让用户分别在不同的控件中输入年、月、日和时间（{{htmlelement("select")}} 元素很流行 —— 参见下面的实现），或者使用 JavaScript 库，如 jQuery date picker 及 jQuery timepicker plugin。

    例子

    -

    在这个例子中，我们创建两套UI元素来选择日期时间 —— 一套原生的 <input type="datetime-local"> ，另一套是一系列 {{htmlelement("select")}} 元素以在不支持原生控件的浏览器下选择日期和时间。

    +

    在这个例子中，我们创建两套 UI 元素来选择日期时间 —— 一套原生的 <input type="datetime-local"> ，另一套是一系列 {{htmlelement("select")}} 元素以在不支持原生控件的浏览器下选择日期和时间。

    {{ EmbedLiveSample('例子', 600, 140) }}

    -

    HTML代码如下：

    +

    HTML 代码如下：

    <form>
   <div class="nativeDateTimePicker">
@@ -359,7 +359,7 @@ input:valid+span:after {
 }
    -

    代码的另一部分也许会引起一定的兴趣，那就是功能检查代码 —— 检查浏览器是否支持 <input type="datetime-local">，我们可以创建一个新的 {{htmlelement("input")}} 元素，设置它的 type 为 datetime-local，然后立即检查它被设置的类型。不支持 datetime-local 的浏览器返回 text，因为这就是 datetime-local 要回退的类型。 如果 <input type="datetime-local"> 不被支持，我们隐藏原生的控件并显示备用的控件UI （{{htmlelement("select")}}）来替代。

    +

    代码的另一部分也许会引起一定的兴趣，那就是功能检查代码 —— 检查浏览器是否支持 <input type="datetime-local">，我们可以创建一个新的 {{htmlelement("input")}} 元素，设置它的 type 为 datetime-local，然后立即检查它被设置的类型。不支持 datetime-local 的浏览器返回 text，因为这就是 datetime-local 要回退的类型。 如果 <input type="datetime-local"> 不被支持，我们隐藏原生的控件并显示备用的控件 UI （{{htmlelement("select")}}）来替代。

    // define variables
 var nativePicker = document.querySelector('.nativeDateTimePicker');
@@ -497,7 +497,7 @@ daySelect.onchange = function() {
 }
    -

    注意：请记住某些年份有53个星期（见Weeks per year）！当你在开发产品应用时应当考虑这个问题。

    +

    注意：请记住某些年份有 53 个星期（见Weeks per year）！当你在开发产品应用时应当考虑这个问题。

    规范

    diff --git a/files/zh-cn/web/html/element/input/email/index.html b/files/zh-cn/web/html/element/input/email/index.html index 98fa9af208..0814303bc3 100644 --- a/files/zh-cn/web/html/element/input/email/index.html +++ b/files/zh-cn/web/html/element/input/email/index.html @@ -12,10 +12,10 @@ translation_of: Web/HTML/Element/input/email ---
    {{HTMLRef}}
    -

    带有 "email" (电子邮箱)类型标记的输入框元素({{HTMLElement("input")}})能够让用户输入或编辑一个电子邮箱地址，此外，如果指定了{{htmlattrxref("multiple", "input")}}属性，用户还可以输入多个电子邮箱地址。在表单提交前，输入框会自动验证输入值是否是一个或多个合法的电子邮箱地址(非空值且符合电子邮箱地址格式). CSS伪标签 {{cssxref(":valid")}} 和 {{cssxref(":invalid")}} 能够在校验后自动应用。

    +

    带有 "email" (电子邮箱) 类型标记的输入框元素 ({{HTMLElement("input")}}) 能够让用户输入或编辑一个电子邮箱地址，此外，如果指定了{{htmlattrxref("multiple", "input")}}属性，用户还可以输入多个电子邮箱地址。在表单提交前，输入框会自动验证输入值是否是一个或多个合法的电子邮箱地址 (非空值且符合电子邮箱地址格式). CSS 伪标签 {{cssxref(":valid")}} 和 {{cssxref(":invalid")}} 能够在校验后自动应用。

    -

    注意: 不支持“电子邮件”类型的浏览器可以回退为标准的“文本”输入。

    +

    注意: 不支持 “电子邮件” 类型的浏览器可以回退为标准的 “文本” 输入。

    {{EmbedInteractiveExample("pages/tabbed/input-email.html", "tabbed-standard")}}
    @@ -72,14 +72,14 @@ translation_of: Web/HTML/Element/input/email -

    电子邮件地址是网络上最频繁输入的文本数据表格; 登录网站，请求信息，允许订单确认，网络邮件等时使用它们。 因此，“电子邮件”输入类型可以使您作为Web开发人员的工作变得更加容易，因为它可以在构建电子邮件地址的用户界面和逻辑时帮助简化您的工作。 当您使用正确的类型值“email”创建电子邮件输入时，您将自动验证输入的文本是否至少以正确的形式可能是合法的电子邮件地址。 这有助于避免用户输错地址或提供无效地址的情况。

    +

    电子邮件地址是网络上最频繁输入的文本数据表格; 登录网站，请求信息，允许订单确认，网络邮件等时使用它们。 因此，“电子邮件” 输入类型可以使您作为 Web 开发人员的工作变得更加容易，因为它可以在构建电子邮件地址的用户界面和逻辑时帮助简化您的工作。 当您使用正确的类型值 “email” 创建电子邮件输入时，您将自动验证输入的文本是否至少以正确的形式可能是合法的电子邮件地址。 这有助于避免用户输错地址或提供无效地址的情况。

    然而，重要的是要注意，这不足以确保指定的文本是实际存在的电子邮件地址，对应于站点的用户，或者以任何其他方式可接受。 它只是确保将字段的值正确格式化为电子邮件地址。

    -

    注意：记住用户可以在幕后修改HTML也很重要，因此您的站点不得出于任何安全目的使用此验证。 您必须验证所提供文本可能具有任何安全隐患的任何事务的服务器端的电子邮件地址。

    +

    注意：记住用户可以在幕后修改 HTML 也很重要，因此您的站点不得出于任何安全目的使用此验证。 您必须验证所提供文本可能具有任何安全隐患的任何事务的服务器端的电子邮件地址。

    A simple email input

    @@ -192,12 +192,12 @@ translation_of: Web/HTML/Element/input/email

    There are two levels of content validation available for "email" inputs. First, there's the standard level of validation offered to all {{HTMLElement("input")}}s, which automatically ensures that the contents meet the requirements to be a valid email address. But there's also the option to add additional filtering to ensure that your own specialized needs are met, if you have any.

    -

    重要提示：HTML表单验证不能替代确保输入的数据格式正确的脚本。 对于某些人来说，调整HTML非常容易，因为它允许他们绕过验证，或者完全删除它。 某人也可以完全绕过您的HTML并将数据直接提交给您的服务器。 如果您的服务器端代码无法验证它收到的数据，则当数据格式不正确（或数据太大，类型错误等等）输入数据库时，灾难可能会发生。

    +

    重要提示：HTML 表单验证不能替代确保输入的数据格式正确的脚本。 对于某些人来说，调整 HTML 非常容易，因为它允许他们绕过验证，或者完全删除它。 某人也可以完全绕过您的 HTML 并将数据直接提交给您的服务器。 如果您的服务器端代码无法验证它收到的数据，则当数据格式不正确（或数据太大，类型错误等等）输入数据库时，灾难可能会发生。

    Basic validation

    -

    支持“电子邮件”输入类型的浏览器会自动提供验证，以确保只有符合Internet电子邮件地址标准格式的文本才会输入到输入框中。 实现规范的浏览器应使用与以下正则表达式等效的算法：

    +

    支持 “电子邮件” 输入类型的浏览器会自动提供验证，以确保只有符合 Internet 电子邮件地址标准格式的文本才会输入到输入框中。 实现规范的浏览器应使用与以下正则表达式等效的算法：

    /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}
   [a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
diff --git a/files/zh-cn/web/html/element/input/file/index.html b/files/zh-cn/web/html/element/input/file/index.html
index c05b5c51e4..e5b6df3c32 100644
--- a/files/zh-cn/web/html/element/input/file/index.html
+++ b/files/zh-cn/web/html/element/input/file/index.html
@@ -70,7 +70,7 @@ translation_of: Web/HTML/Element/input/file
 
    Note:
 
 
      
- 
    1. 如果选择了多个文件, 这个值表示第一个已选择文件的路径。JavaScript 可以通过 input 的 files 属性访问其他文件。
      2. 
+ 
    2. 如果选择了多个文件，这个值表示第一个已选择文件的路径。JavaScript 可以通过 input 的 files 属性访问其他文件。
      3. 
  
    3. 如果没有选择文件，该值为空字符串 ""。
      4. 
  
    4. 为了阻止恶意软件猜测文件路径，字符串以 C:\fakepath\ 为前缀。
      5. 
 
    
@@ -155,7 +155,7 @@ translation_of: Web/HTML/Element/input/file
 
    如果出现布尔属性 webkitdirectory，表示在文件选择器界面中用户只能选择目录。更多细节和示例见  {{domxref("HTMLInputElement.webkitdirectory")}}。
    
 
 
    
-
    Note: 尽管 webkitdirectory 最初仅为基于webkit的浏览器实现，它还在Microsoft Edge和Firefox 50及其后版本中可用。然而，尽管它有相对广泛的支持，它仍然是非标准的。除非你别无选择，否则不要使用它。
    
+
    Note: 尽管 webkitdirectory 最初仅为基于 webkit 的浏览器实现，它还在 Microsoft Edge 和 Firefox 50 及其后版本中可用。然而，尽管它有相对广泛的支持，它仍然是非标准的。除非你别无选择，否则不要使用它。
    
 
    
 
    
 
@@ -166,7 +166,7 @@ translation_of: Web/HTML/Element/input/file
 
      
  
    • 一个以英文句号（"."）开头的合法的不区分大小写的文件名扩展名。例如： .jpg，.pdf 或 .doc。
      • 
  
    • 一个不带扩展名的 MIME 类型字符串。
      • 
- 
    • 字符串 audio/*， 表示“任何音频文件”。
      • 
+ 
    • 字符串 audio/*， 表示 “任何音频文件”。
      • 
  
    • 字符串 video/*，表示 “任何视频文件”。
      • 
  
    • 字符串 image/*，表示 “任何图片文件”。
      • 
 
    
@@ -217,7 +217,7 @@ translation_of: Web/HTML/Element/input/file
  
    name
    
  
    文件名。
    
  
    lastModified
    
- 
    一个数字，指定文件最后一次修改的日期和时间，以 UNIX 新纪元（1970年1月1日午夜）以来的毫秒数表示。
    
+ 
    一个数字，指定文件最后一次修改的日期和时间，以 UNIX 新纪元（1970 年 1 月 1 日午夜）以来的毫秒数表示。
    
  
    lastModifiedDate {{deprecated_inline}}
    
  
    一个 {{jsxref("Date")}} 对象，表示文件最后一次修改的日期和时间。这被弃用，并且不应使用。使用 lastModified 作为替代。
    
  
    size
    
@@ -300,7 +300,7 @@ input.value = "foo";
 
    在本例中，我们将展示一个稍微高级一点的文件选择器，它利用了在 HTMLInputElement.files 属性中可用的文件信息，并且展示了一些聪明的技巧。
    
 
 
    
-
    Note: 你可以在 GitHub 中查看本示例的完整源代码 — file-example.html （在线运行）。我们不会解释 CSS；JavaScript是主要的关注点。
    
+
    Note: 你可以在 GitHub 中查看本示例的完整源代码 — file-example.html （在线运行）。我们不会解释 CSS；JavaScript 是主要的关注点。
    
 
    
 
 
    首先，让我们看看 HTML：
    
@@ -376,7 +376,7 @@ form label:active, form button:active {
 
 
    这和我们之前看到的类似 — 没有什么要说明的。
    
 
-
    接下来，让我们看一下JavaScript。
    
+
    接下来，让我们看一下 JavaScript。
    
 
 
    在脚本的第一行，我们获得了对表单 input 本身和拥有 .preview 类的 {{htmlelement("div")}} 元素的引用。然后，我们隐藏了 {{htmlelement("input")}} 元素 — 我们这样做是因为文件输入往往很难看，难于设计样式，而且在跨浏览器中对它们的设计不一致。你可以通过单击 input 元素来激活它，因此，最好在视觉上隐藏 input 并将 label 设计成按钮的样式，这样用户如果想上传文件就会知道如何与之交互。
    
 
@@ -396,9 +396,9 @@ input.style.opacity = 0;

    每当 updateImageDisplay() 函数被调用时，我们：