From d75e6aab3cb350c93196f8079e9c43464a4ad134 Mon Sep 17 00:00:00 2001
From: Wonder Dai <37327614+daiwanxing@users.noreply.github.com>
Date: Wed, 21 Jun 2023 09:28:14 +0800
Subject: [PATCH 001/146] zh-CN: updated the translation of
 `overscroll-behavior-y` (#13844)

---
 .../web/css/overscroll-behavior-y/index.md    | 49 +++++++++++--------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/files/zh-cn/web/css/overscroll-behavior-y/index.md b/files/zh-cn/web/css/overscroll-behavior-y/index.md
index 11a39d15c30c53..ca748ef5d3d12a 100644
--- a/files/zh-cn/web/css/overscroll-behavior-y/index.md
+++ b/files/zh-cn/web/css/overscroll-behavior-y/index.md
@@ -5,43 +5,49 @@ slug: Web/CSS/overscroll-behavior-y
 
 {{CSSRef}}
 
-**`overscroll-behavior-y`** 这个 CSS 属性用来控制当滚动到区域的垂直边界时的浏览器行为。
+**`overscroll-behavior-y`** CSS 属性设置浏览器在到达滚动区域的垂直边界时的行为。
 
-> **备注：** 详细的解释请访问 {{cssxref("overscroll-behavior")}}。
+有关完整说明，请参阅 {{cssxref("overscroll-behavior")}}。
 
 ```css
-/* Keyword values */
-overscroll-behavior: auto; /* default */
-overscroll-behavior: contain;
-overscroll-behavior: none;
-
-/* Global values */
-overflow: inherit;
-overflow: initial;
-overflow: unset;
+/* 关键字值 */
+overscroll-behavior-y: auto; /* 默认 */
+overscroll-behavior-y: contain;
+overscroll-behavior-y: none;
+
+/* 全局值 */
+overscroll-behavior-y: inherit;
+overscroll-behavior-y: initial;
+overscroll-behavior-y: revert;
+overscroll-behavior-y: revert-layer;
+overscroll-behavior-y: unset;
 ```
 
-{{cssinfo}}
-
 ## 语法
 
-`overscroll-behavior-y` 属性可以选用下列值。
+`overscroll-behavior-y` 属性的值是从以下列表中选择的关键字。
 
-### 值
+### 取值
 
 - `auto`
-  - : 默认的滚动溢出行为表现的和正常一样。 .
+  - : 默认情况下，滚动溢出行为正常发生。
 - `contain`
-  - : 默认的滚动溢出行为将被内部的元素观察到，(例如：“bounce”效果或者刷新)，但是相邻的区域不会产生连续滚动效果，例如：在下面的元素不会被滚动。
+  - : 在设置了该值的元素内部会观察到默认滚动溢出行为（例如“回弹”效果或刷新），但相邻滚动区域不会发生滚动行为，例如底部元素不会滚动。
 - `none`
-  - : 相邻的滚动区域不会有连续滚动效果，并且默认的滚动溢出行为会被阻止。
+  - : 相邻滚动区域不会发生滚动行为，并防止默认滚动溢出行为。
+
+## 形式定义
 
-### 正式语法
+{{cssinfo}}
+
+## 形式语法
 
 {{csssyntax}}
 
 ## 示例
 
+### 阻止底部元素在垂直方向上滚动。
+
 ```css
 .messages {
   height: 220px;
@@ -50,7 +56,7 @@ overflow: unset;
 }
 ```
 
-详细的解释请访问 {{cssxref("overscroll-behavior")}}。
+有关完整示例和解释，请参阅 {{cssxref("overscroll-behavior")}}。
 
 ## 规范
 
@@ -62,4 +68,5 @@ overflow: unset;
 
 ## 参见
 
-- [Take control of your scroll: customizing pull-to-refresh and overflow effects](https://developers.google.com/web/updates/2017/11/overscroll-behavior#demo)
+- [接管你的滚动：自定义下拉刷新和溢出效果](https://developer.chrome.com/blog/overscroll-behavior/#demo)
+- 映射的逻辑属性：{{cssxref("overscroll-behavior-inline")}}、{{cssxref("overscroll-behavior-block")}}

From ac567de8ccee5ccf62c696186ecb195bc4273290 Mon Sep 17 00:00:00 2001
From: Carolyn Wu <87150472+cw118@users.noreply.github.com>
Date: Wed, 21 Jun 2023 14:00:03 +0800
Subject: [PATCH 002/146] Remove HTMLAttrXRef and mentions for ru (#13658)

* Rm HTMLAttrXRef for ru
---
 .../contenteditable/index.md                  |   4 +-
 files/ru/learn/accessibility/html/index.md    |   2 +-
 .../learn/accessibility/multimedia/index.md   |   2 +-
 .../cascade_and_inheritance/index.md          |   6 +-
 .../building_blocks/styling_tables/index.md   |   2 +-
 .../css/styling_text/styling_links/index.md   |   2 +-
 .../css/styling_text/styling_lists/index.md   |   6 +-
 .../forms/basic_native_form_controls/index.md |  94 ++++++------
 files/ru/learn/forms/form_validation/index.md |  14 +-
 .../sending_and_retrieving_form_data/index.md |  20 +--
 .../ru/learn/forms/styling_web_forms/index.md |   2 +-
 .../advanced_text_formatting/index.md         |   6 +-
 .../creating_hyperlinks/index.md              |   6 +-
 .../debugging_html/index.md                   |   2 +-
 .../document_and_website_structure/index.md   |   2 +-
 .../getting_started/index.md                  |   2 +-
 .../index.md                                  |   2 +-
 .../images_in_html/index.md                   |   2 +-
 .../mozilla_splash_page/index.md              |   2 +-
 .../other_embedding_technologies/index.md     |  20 +--
 .../responsive_images/index.md                |  10 +-
 .../video_and_audio_content/index.md          |  18 +--
 files/ru/learn/html/tables/advanced/index.md  |   8 +-
 files/ru/mozilla/firefox/releases/32/index.md |   2 +-
 files/ru/mozilla/firefox/releases/62/index.md |   2 +-
 files/ru/mozilla/firefox/releases/65/index.md |   2 +-
 .../index.md                                  |   4 +-
 .../using_feature_policy/index.md             |   2 +-
 files/ru/web/api/blob/index.md                |   2 +-
 .../canvas_api/tutorial/using_images/index.md |   2 +-
 files/ru/web/api/domstringmap/index.md        |   4 +-
 .../ru/web/api/element/setattribute/index.md  |   2 +-
 files/ru/web/api/fullscreen_api/index.md      |   2 +-
 .../drag_operations/index.md                  |   6 +-
 .../web/api/html_drag_and_drop_api/index.md   |   2 +-
 files/ru/web/api/htmlanchorelement/index.md   |  18 +--
 files/ru/web/api/htmlareaelement/index.md     |  22 +--
 files/ru/web/api/htmlbaseelement/index.md     |   4 +-
 files/ru/web/api/htmlbuttonelement/index.md   |  10 +-
 .../web/api/htmlcanvaselement/height/index.md |   2 +-
 files/ru/web/api/htmlcanvaselement/index.md   |   6 +-
 .../web/api/htmlcanvaselement/width/index.md  |   2 +-
 files/ru/web/api/htmldataelement/index.md     |   2 +-
 files/ru/web/api/htmldialogelement/index.md   |   2 +-
 .../web/api/htmldialogelement/open/index.md   |   4 +-
 files/ru/web/api/htmlformelement/index.md     |  16 +--
 files/ru/web/api/htmlimageelement/index.md    |  12 +-
 files/ru/web/api/htmlinputelement/index.md    | 134 +++++++++---------
 files/ru/web/api/htmllinkelement/index.md     |   6 +-
 files/ru/web/api/htmlmediaelement/index.md    |  16 +--
 files/ru/web/api/htmlscriptelement/index.md   |   8 +-
 files/ru/web/api/htmlselectelement/index.md   |  12 +-
 files/ru/web/api/htmlslotelement/index.md     |   2 +-
 .../ru/web/api/htmltablecellelement/index.md  |  22 +--
 files/ru/web/api/htmltimeelement/index.md     |   2 +-
 files/ru/web/api/htmltrackelement/index.md    |  10 +-
 files/ru/web/api/htmlvideoelement/index.md    |   6 +-
 .../api/mediadevices/getusermedia/index.md    |   6 +-
 files/ru/web/api/mediaerror/code/index.md     |   2 +-
 .../recording_a_media_element/index.md        |   8 +-
 .../index.md                                  |   2 +-
 files/ru/web/api/payment_request_api/index.md |   2 +-
 files/ru/web/api/screen_capture_api/index.md  |   2 +-
 .../using_screen_capture/index.md             |   2 +-
 files/ru/web/api/selection/index.md           |   2 +-
 files/ru/web/api/speechrecognition/index.md   |   2 +-
 files/ru/web/api/validitystate/index.md       |  12 +-
 files/ru/web/api/web_components/index.md      |   4 +-
 .../using_custom_elements/index.md            |   2 +-
 .../signaling_and_video_calling/index.md      |   4 +-
 .../simple_rtcdatachannel_sample/index.md     |   2 +-
 files/ru/web/api/webvtt_api/index.md          |   4 +-
 files/ru/web/api/window/focus_event/index.md  |   2 +-
 files/ru/web/css/_colon_any-link/index.md     |   2 +-
 files/ru/web/css/_colon_dir/index.md          |   4 +-
 files/ru/web/css/_colon_fullscreen/index.md   |   2 +-
 files/ru/web/css/_colon_lang/index.md         |   4 +-
 files/ru/web/css/_colon_optional/index.md     |   2 +-
 files/ru/web/css/_colon_required/index.md     |   2 +-
 files/ru/web/css/_colon_target/index.md       |   2 +-
 .../web/css/_doublecolon_placeholder/index.md |   2 +-
 .../css/css_colors/applying_color/index.md    |   4 +-
 files/ru/web/css/css_media_queries/index.md   |   2 +-
 files/ru/web/html/attributes/pattern/index.md |   6 +-
 files/ru/web/html/attributes/rel/index.md     |  30 ++--
 .../web/html/constraint_validation/index.md   |  10 +-
 files/ru/web/html/content_categories/index.md |  14 +-
 files/ru/web/html/cors_enabled_image/index.md |   4 +-
 files/ru/web/html/element/a/index.md          |   8 +-
 files/ru/web/html/element/abbr/index.md       |   8 +-
 files/ru/web/html/element/area/index.md       |   2 +-
 files/ru/web/html/element/article/index.md    |   2 +-
 files/ru/web/html/element/button/index.md     |  14 +-
 files/ru/web/html/element/canvas/index.md     |   2 +-
 files/ru/web/html/element/cite/index.md       |   2 +-
 files/ru/web/html/element/col/index.md        |  18 +--
 files/ru/web/html/element/datalist/index.md   |   4 +-
 files/ru/web/html/element/dfn/index.md        |  12 +-
 files/ru/web/html/element/div/index.md        |   4 +-
 files/ru/web/html/element/font/index.md       |   2 +-
 files/ru/web/html/element/form/index.md       |  12 +-
 files/ru/web/html/element/head/index.md       |   2 +-
 .../html/element/heading_elements/index.md    |   2 +-
 files/ru/web/html/element/html/index.md       |   2 +-
 files/ru/web/html/element/img/index.md        |  12 +-
 files/ru/web/html/element/index.md            |   8 +-
 .../ru/web/html/element/input/button/index.md |  10 +-
 .../ru/web/html/element/input/color/index.md  |   4 +-
 files/ru/web/html/element/input/date/index.md |  20 +--
 .../element/input/datetime-local/index.md     |  14 +-
 files/ru/web/html/element/input/file/index.md |  12 +-
 .../ru/web/html/element/input/hidden/index.md |   6 +-
 .../ru/web/html/element/input/image/index.md  |  12 +-
 files/ru/web/html/element/input/index.md      |  18 +--
 .../ru/web/html/element/input/number/index.md |  32 ++---
 .../web/html/element/input/password/index.md  |  20 +--
 .../ru/web/html/element/input/radio/index.md  |   6 +-
 .../ru/web/html/element/input/range/index.md  |  28 ++--
 .../ru/web/html/element/input/search/index.md |  16 +--
 files/ru/web/html/element/input/tel/index.md  |  18 +--
 files/ru/web/html/element/label/index.md      |   2 +-
 files/ru/web/html/element/link/index.md       |  10 +-
 files/ru/web/html/element/main/index.md       |   4 +-
 files/ru/web/html/element/menu/index.md       |   7 +-
 files/ru/web/html/element/meta/index.md       |  36 ++---
 files/ru/web/html/element/ol/index.md         |   2 +-
 files/ru/web/html/element/option/index.md     |   2 +-
 files/ru/web/html/element/picture/index.md    |   4 +-
 files/ru/web/html/element/pre/index.md        |   4 +-
 files/ru/web/html/element/script/index.md     |   2 +-
 files/ru/web/html/element/source/index.md     |   2 +-
 files/ru/web/html/element/span/index.md       |   2 +-
 files/ru/web/html/element/td/index.md         |  10 +-
 files/ru/web/html/element/template/index.md   |   2 +-
 files/ru/web/html/element/tfoot/index.md      |   8 +-
 files/ru/web/html/element/ul/index.md         |   2 +-
 files/ru/web/html/element/video/index.md      |   4 +-
 .../ru/web/html/global_attributes/id/index.md |   2 +-
 .../html/global_attributes/itemid/index.md    |  11 +-
 files/ru/web/html/index.md                    |   4 +-
 .../errors/corsmissingalloworigin/index.md    |   2 +-
 .../http/headers/content-disposition/index.md |   2 +-
 files/ru/web/http/methods/post/index.md       |   2 +-
 files/ru/web/http/redirections/index.md       |   4 +-
 files/ru/web/media/index.md                   |   2 +-
 .../ru/web/performance/lazy_loading/index.md  |   2 +-
 .../optimizing_startup_performance/index.md   |   2 +-
 files/ru/web/svg/element/a/index.md           |  12 +-
 files/ru/web/svg/tutorial/svg_fonts/index.md  |   2 +-
 149 files changed, 606 insertions(+), 608 deletions(-)

diff --git a/files/ru/conflicting/web/html/global_attributes/contenteditable/index.md b/files/ru/conflicting/web/html/global_attributes/contenteditable/index.md
index 1e08f57f4fae76..b0f8ffe9d76e52 100644
--- a/files/ru/conflicting/web/html/global_attributes/contenteditable/index.md
+++ b/files/ru/conflicting/web/html/global_attributes/contenteditable/index.md
@@ -12,7 +12,7 @@ original_slug: Web/Guide/HTML/Editable_content
 
 ## Как это работает?
 
-Все, что вам нужно сделать, это установить атрибут {{htmlattrxref("contenteditable")}} почти на любой элемент HTML, чтобы сделать его доступным для редактирования.
+Все, что вам нужно сделать, это установить атрибут [`contenteditable`](/ru/docs/Web/HTML/Global_attributes#contenteditable) почти на любой элемент HTML, чтобы сделать его доступным для редактирования.
 
 Вот простой пример, который создаёт элемент {{HTMLElement("div")}}, содержимое которого пользователь может редактировать.
 
@@ -242,6 +242,6 @@ function printDoc() {
 ## Смотрите также
 
 - {{domxref("HTMLElement.contentEditable")}}
-- {{htmlattrxref("contenteditable")}} глобальный атрибут
+- [`contenteditable`](/ru/docs/Web/HTML/Global_attributes#contenteditable) глобальный атрибут
 - [Midas](/ru/docs/Mozilla/Projects/Midas) (компонент сценария для текстового редактора)
 - {{cssxref("caret-color")}}, позволяющий установить цвет вставляемого текста
diff --git a/files/ru/learn/accessibility/html/index.md b/files/ru/learn/accessibility/html/index.md
index 54ade6a2f2e978..cb3b636b02aed1 100644
--- a/files/ru/learn/accessibility/html/index.md
+++ b/files/ru/learn/accessibility/html/index.md
@@ -324,7 +324,7 @@ HTML-элементы `<button>` не только имеют соответст
 <div data-message="Это из третьей кнопки" tabindex="0">И меня!</div>
 ```
 
-Атрибут {{htmlattrxref("tabindex")}} в первую очередь предназначен для того, чтобы менять порядок фокусируемых элементов в последовательной навигации (указанный в виде положительного целого числа). Это почти всегда — плохая идея, которая может вызвать большую путаницу. Используйте его, если он правда необходим, например, если визуальный порядок сильно отличается от исходного, и вы хотите более логичную последовательную навигацию. Есть два варианта значений `tabindex`:
+Атрибут [`tabindex`](/ru/docs/Web/HTML/Global_attributes#tabindex) в первую очередь предназначен для того, чтобы менять порядок фокусируемых элементов в последовательной навигации (указанный в виде положительного целого числа). Это почти всегда — плохая идея, которая может вызвать большую путаницу. Используйте его, если он правда необходим, например, если визуальный порядок сильно отличается от исходного, и вы хотите более логичную последовательную навигацию. Есть два варианта значений `tabindex`:
 
 - `tabindex="0"` — как указано выше, это значение позволяет элементу быть выделенным и достигнутым с помощью последовательной навигации. Это самое полезное значение `tabindex`.
 - `tabindex="-1"` — позволяет элементам, которые обычно не принимают фокусное выделение, получать его программно, например, с помощью JavaScript, или как цель якорной ссылки.
diff --git a/files/ru/learn/accessibility/multimedia/index.md b/files/ru/learn/accessibility/multimedia/index.md
index ec78dc3350da06..82aca21ccc6bde 100644
--- a/files/ru/learn/accessibility/multimedia/index.md
+++ b/files/ru/learn/accessibility/multimedia/index.md
@@ -294,7 +294,7 @@ This is the second.
 To get this displayed along with the HTML media playback, you need to:
 
 - Save it as a .vtt file in a sensible place.
-- Link to the .vtt file with the {{htmlelement("track")}} element. `<track>` should be placed within `<audio>` or `<video>`, but after all `<source>` elements. Use the {{htmlattrxref("kind","track")}} attribute to specify whether the cues are subtitles, captions, or descriptions. Furthermore, use {{htmlattrxref("srclang","track")}} to tell the browser what language you have written the subtitles in.
+- Link to the .vtt file with the {{htmlelement("track")}} element. `<track>` should be placed within `<audio>` or `<video>`, but after all `<source>` elements. Use the [`kind`](/ru/docs/Web/HTML/Element/track#kind) attribute to specify whether the cues are subtitles, captions, or descriptions. Furthermore, use [`srclang`](/ru/docs/Web/HTML/Element/track#srclang) to tell the browser what language you have written the subtitles in.
 
 Here's an example:
 
diff --git a/files/ru/learn/css/building_blocks/cascade_and_inheritance/index.md b/files/ru/learn/css/building_blocks/cascade_and_inheritance/index.md
index e102bd80b01de1..a5b3a5c02b9161 100644
--- a/files/ru/learn/css/building_blocks/cascade_and_inheritance/index.md
+++ b/files/ru/learn/css/building_blocks/cascade_and_inheritance/index.md
@@ -153,7 +153,7 @@ CSS предоставляет четыре специальных универ
 
 Степень специфичности, которой обладает селектор, измеряется с использованием четырёх различных значений (или компонентов), которые можно представить как тысячи, сотни, десятки и единицы — четыре однозначные цифры в четырёх столбцах:
 
-1. **Тысячи**: поставьте единицу в эту колонку, если объявление стиля находится внутри атрибута {{htmlattrxref("style")}} (встроенные стили). Такие объявления не имеют селекторов, поэтому их специфичность всегда просто 1000.
+1. **Тысячи**: поставьте единицу в эту колонку, если объявление стиля находится внутри атрибута [`style`](/ru/docs/Web/HTML/Global_attributes#style) (встроенные стили). Такие объявления не имеют селекторов, поэтому их специфичность всегда просто 1000.
 2. **Сотни**: поставьте единицу в эту колонку за каждый селектор ID, содержащийся в общем селекторе.
 3. **Десятки**: поставьте единицу в эту колонку за каждый селектор класса, селектор атрибута или псевдокласс, содержащийся в общем селекторе.
 4. **Единицы**: поставьте общее число единиц в эту колонку за каждый селектор элемента или псевдоэлемент, содержащийся в общем селекторе.
@@ -168,7 +168,7 @@ CSS предоставляет четыре специальных универ
 | `h1 + p::first-letter`                                                               | 0      | 0     | 0       | 3       | 0003          |
 | `li > a[href*="en-US"] > .inline-warning`                                            | 0      | 0     | 2       | 2       | 0022          |
 | `#identifier`                                                                        | 0      | 1     | 0       | 0       | 0100          |
-| Без селектора, с правилом внутри атрибута {{htmlattrxref("style")}} элемента. | 1      | 0     | 0       | 0       | 1000          |
+| Без селектора, с правилом внутри атрибута [`style`](/ru/docs/Web/HTML/Global_attributes#style) элемента. | 1      | 0     | 0       | 0       | 1000          |
 
 Прежде чем мы продолжим, давайте посмотрим на пример в действии.
 
@@ -196,7 +196,7 @@ CSS предоставляет четыре специальных универ
 
 1. Вы увидите, что применены значения {{cssxref("color")}} и {{cssxref("padding")}} третьего правила, но {{cssxref("background-color")}} — нет. Почему? Действительно, все три безусловно должны применяться, потому что правила, более поздние в порядке следования, обычно переопределяют более ранние правила.
 2. Однако вышеприведённые правила выигрывают, потому что селекторы классов имеют более высокую специфичность, чем селекторы элементов.
-3. Оба элемента имеют {{htmlattrxref("class")}} с названием `better`, но у второго также есть {{htmlattrxref("id")}} с названием `winning`. Поскольку ID имеют _ещё более высокую_ специфичность, чем классы (у вас может быть только один элемент с каждым уникальным ID на странице, но много элементов с одним и тем же классом — селекторы ID _очень специфичны_, на что они и нацелены), красный цвет фона и однопиксельная чёрная граница должны быть применены ко 2-му элементу, причём первый элемент получает серый фоновый цвет и отсутствие границы, как определено классом.
+3. Оба элемента имеют [`class`](/ru/docs/Web/HTML/Global_attributes#class) с названием `better`, но у второго также есть [`id`](/ru/docs/Web/HTML/Global_attributes#id) с названием `winning`. Поскольку ID имеют _ещё более высокую_ специфичность, чем классы (у вас может быть только один элемент с каждым уникальным ID на странице, но много элементов с одним и тем же классом — селекторы ID _очень специфичны_, на что они и нацелены), красный цвет фона и однопиксельная чёрная граница должны быть применены ко 2-му элементу, причём первый элемент получает серый фоновый цвет и отсутствие границы, как определено классом.
 4. 2-й элемент получил красный цвет фона и отсутствие границы. Почему? Из-за объявления `!important` во втором правиле — размещение которого после `border: none` означает, что это объявление перевесит значение границы в предыдущем правиле, даже если ID имеет более высокую специфичность.
 
 > **Примечание:** Единственный способ переопределить объявление `!important` – это включить другое объявление `!important` в правило _с такой же специфичностью_ позже или в правило с более высокой специфичностью.
diff --git a/files/ru/learn/css/building_blocks/styling_tables/index.md b/files/ru/learn/css/building_blocks/styling_tables/index.md
index cee7cf8139d677..60fed3468509b9 100644
--- a/files/ru/learn/css/building_blocks/styling_tables/index.md
+++ b/files/ru/learn/css/building_blocks/styling_tables/index.md
@@ -63,7 +63,7 @@ translation_of: Learn/CSS/Building_blocks/Styling_tables
 </table>
 ```
 
-Таблица размечена, немного стилизована и понятна, благодаря использованию таких свойств как {{htmlattrxref("scope","th")}}, {{htmlelement("caption")}}, {{htmlelement("thead")}}, {{htmlelement("tbody")}} и т.д. К сожалению при просмотре в браузере она не очень хорошо выглядит (посмотреть можно здесь [punk-bands-unstyled.html](https://mdn.github.io/learning-area/css/styling-boxes/styling-tables/punk-bands-unstyled.html)):
+Таблица размечена, немного стилизована и понятна, благодаря использованию таких свойств как [`scope`](/ru/docs/Web/HTML/Element/th#scope), {{htmlelement("caption")}}, {{htmlelement("thead")}}, {{htmlelement("tbody")}} и т.д. К сожалению при просмотре в браузере она не очень хорошо выглядит (посмотреть можно здесь [punk-bands-unstyled.html](https://mdn.github.io/learning-area/css/styling-boxes/styling-tables/punk-bands-unstyled.html)):
 
 ![](table-unstyled.png)
 
diff --git a/files/ru/learn/css/styling_text/styling_links/index.md b/files/ru/learn/css/styling_text/styling_links/index.md
index 72331b4f14662c..75f917d13fa0dc 100644
--- a/files/ru/learn/css/styling_text/styling_links/index.md
+++ b/files/ru/learn/css/styling_text/styling_links/index.md
@@ -328,7 +328,7 @@ a[href*="http"] {
 
 Наконец, мы задаём некоторый {{cssxref("padding-right")}} для ссылки чтобы добавить пространство в котором появляется фоновое изображение, таким образом, чтобы мы не накладывали его на текст.
 
-И последнее слово — как мы выбрали только внешние ссылки? Ну, если вы пишете свои [HTML ссылки](/ru/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) правильно, то вы должны были использовать только абсолютные URL для внешних ссылок — гораздо эффективнее использовать относительные ссылки для связи с другими частями вашего сайта. Текст "http" таким образом должен появляться только во внешних ссылках и можем выбрать его при помощи [селектора атрибутов](/ru/docs/Learn/CSS/Building_blocks/Selectors#attribute_selectors): `a[href*="http"]` выбирает элементы {{htmlelement("a")}}, но только если они имеют атрибут {{htmlattrxref("href","a")}} со значением содержащим "http" где-то внутри него.
+И последнее слово — как мы выбрали только внешние ссылки? Ну, если вы пишете свои [HTML ссылки](/ru/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) правильно, то вы должны были использовать только абсолютные URL для внешних ссылок — гораздо эффективнее использовать относительные ссылки для связи с другими частями вашего сайта. Текст "http" таким образом должен появляться только во внешних ссылках и можем выбрать его при помощи [селектора атрибутов](/ru/docs/Learn/CSS/Building_blocks/Selectors#attribute_selectors): `a[href*="http"]` выбирает элементы {{htmlelement("a")}}, но только если они имеют атрибут [`href`](/ru/docs/Web/HTML/Element/a#href) со значением содержащим "http" где-то внутри него.
 
 Ну вот и все — попробуйте посетить секцию активного изучения выше и испытайте этот новый метод!
 
diff --git a/files/ru/learn/css/styling_text/styling_lists/index.md b/files/ru/learn/css/styling_text/styling_lists/index.md
index 66e0b3d4a2c99a..a30ceab0f8445b 100644
--- a/files/ru/learn/css/styling_text/styling_lists/index.md
+++ b/files/ru/learn/css/styling_text/styling_lists/index.md
@@ -227,7 +227,7 @@ ul {
 
 ### start
 
-Атрибут {{htmlattrxref("start","ol")}} позволит вам начать счёт списка с цифры отличной от 1. Например:
+Атрибут [`start`](/ru/docs/Web/HTML/Element/ol#start) позволит вам начать счёт списка с цифры отличной от 1. Например:
 
 ```html
 <ol start="4">
@@ -244,7 +244,7 @@ ul {
 
 ### reversed
 
-Атрибут {{htmlattrxref("reversed","ol")}} начнёт отсчёт по убыванию вместо возрастания. Например:
+Атрибут [`reversed`](/ru/docs/Web/HTML/Element/ol#reversed) начнёт отсчёт по убыванию вместо возрастания. Например:
 
 ```html
 <ol start="4" reversed>
@@ -263,7 +263,7 @@ ul {
 
 ### value
 
-Атрибут {{htmlattrxref("value","ol")}} позволит вам установить специфичные цифровые значения к пунктам списка. Например:
+Атрибут [`value`](/ru/docs/Web/HTML/Element/ol#value) позволит вам установить специфичные цифровые значения к пунктам списка. Например:
 
 ```html
 <ol>
diff --git a/files/ru/learn/forms/basic_native_form_controls/index.md b/files/ru/learn/forms/basic_native_form_controls/index.md
index f03217a6096a21..65f58bf9ca2427 100644
--- a/files/ru/learn/forms/basic_native_form_controls/index.md
+++ b/files/ru/learn/forms/basic_native_form_controls/index.md
@@ -37,16 +37,16 @@ original_slug: Learn/HTML/Forms/Стандартные_виджеты_форм
 
 Все текстовые поля имеют общие атрибуты:
 
-- Они могут быть помечены как {{htmlattrxref("readonly","input")}} (пользователь не может изменять начальное значение) или даже {{htmlattrxref("disabled","input")}} начальное значение никогда не посылается вместе с остальными данными формами).
-- Они могут иметь атрибут {{htmlattrxref("placeholder","input")}}; это текст, который появляется внутри теста поля формы и кратко описывает, для чего используется данная форма.
-- Существуют общие характеристики {{htmlattrxref("size","input")}} (физический размер поля) и [длину](/ru/docs/Web/HTML/Element/input#attr-maxlength) (максимальное количество символов, которые может ввести пользователь).
+- Они могут быть помечены как [`readonly`](/ru/docs/Web/HTML/Element/input#readonly) (пользователь не может изменять начальное значение) или даже [`disabled`](/ru/docs/Web/HTML/Element/input#disabled) начальное значение никогда не посылается вместе с остальными данными формами).
+- Они могут иметь атрибут [`placeholder`](/ru/docs/Web/HTML/Element/input#placeholder); это текст, который появляется внутри теста поля формы и кратко описывает, для чего используется данная форма.
+- Существуют общие характеристики [`size`](/ru/docs/Web/HTML/Element/input#size) (физический размер поля) и [длину](/ru/docs/Web/HTML/Element/input#attr-maxlength) (максимальное количество символов, которые может ввести пользователь).
 - Они могут быть определены с помощью [spell checking](/ru/docs/Web/HTML/Element/input#attr-spellcheck), если браузер поддерживает данную функцию.
 
 > **Примечание:** The {{htmlelement("input")}} element is special because it can be almost anything. By simply setting its `type` attribute, it can change radically, and it is used for creating most types of form widget including single line text fields, controls without text input, time and date controls, and buttons. However, there are some exceptions, like {{htmlelement("textarea")}} for multi-line inputs. Take careful note of these as you read the article.
 
 ### Однострочные текстовые поля
 
-Однострочные текстовые поля создаются с использованием элемента {{HTMLElement("input")}} чей атрибут {{htmlattrxref("type","input")}} имеет значение `text` (если вы не поставите другое значение атрибута {{htmlattrxref("type","input")}}, `text` является значением по умолчанию). Значение `text` для этого атрибута является возвратным, если значение которое вы определили для {{htmlattrxref("type","input")}} неизвестно браузеру (например, если вы определили `type="date"` а браузер не поддерживает выбор даты).
+Однострочные текстовые поля создаются с использованием элемента {{HTMLElement("input")}} чей атрибут [`type`](/ru/docs/Web/HTML/Element/input#type) имеет значение `text` (если вы не поставите другое значение атрибута [`type`](/ru/docs/Web/HTML/Element/input#type), `text` является значением по умолчанию). Значение `text` для этого атрибута является возвратным, если значение которое вы определили для [`type`](/ru/docs/Web/HTML/Element/input#type) неизвестно браузеру (например, если вы определили `type="date"` а браузер не поддерживает выбор даты).
 
 > **Примечание:** вы можете найти примеры всех типов однострочных текстовых полей на GitHub at [single-line-text-fields.html](https://github.com/mdn/learning-area/blob/master/html/forms/native-form-widgets/single-line-text-fields.html) ([see it live also](https://mdn.github.io/learning-area/html/forms/native-form-widgets/single-line-text-fields.html)).
 
@@ -60,11 +60,11 @@ original_slug: Learn/HTML/Forms/Стандартные_виджеты_форм
 
 ![Screenshots of single line text fields on several platforms.](all-single-line-text-field.png)
 
-HTML5 enhances the basic single line text field by adding special values for the {{htmlattrxref("type","input")}} attribute. Those values still turn an {{HTMLElement("input")}} element into a single line text field but they add a few extra constraints and features to the field.
+HTML5 enhances the basic single line text field by adding special values for the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute. Those values still turn an {{HTMLElement("input")}} element into a single line text field but they add a few extra constraints and features to the field.
 
 #### E-mail address field
 
-Этот тип поля устанавливается со значением `email` для атрибута {{htmlattrxref("type","input")}}:
+Этот тип поля устанавливается со значением `email` для атрибута [`type`](/ru/docs/Web/HTML/Element/input#type):
 
 ```html
 <input type="email" id="email" name="email" multiple>
@@ -74,7 +74,7 @@ HTML5 enhances the basic single line text field by adding special values for the
 
 ![An invalid email input showing the message Please enter an email address.](email-invalid.png)
 
-It's also possible to let the user type several e-mail addresses into the same input (separated by commas) by including the {{htmlattrxref("multiple","input")}} attribute.
+It's also possible to let the user type several e-mail addresses into the same input (separated by commas) by including the [`multiple`](/ru/docs/Web/HTML/Element/input#multiple) attribute.
 
 On some devices (especially on mobile), a different virtual keypad might be presented that is more suitable for entering email addresses.
 
@@ -82,7 +82,7 @@ On some devices (especially on mobile), a different virtual keypad might be pres
 
 #### Password field
 
-This type of field is set using the value `password` for the {{htmlattrxref("type","input")}} attribute:
+This type of field is set using the value `password` for the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute:
 
 ```html
 <input type="password" id="pwd" name="pwd">
@@ -96,7 +96,7 @@ Modern browsers recognize the security implications of sending form data over an
 
 #### Search field
 
-This type of field is set by using the value `search` for the {{htmlattrxref("type","input")}} attribute:
+This type of field is set by using the value `search` for the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute:
 
 ```html
 <input type="search" id="search" name="search">
@@ -108,7 +108,7 @@ The main difference between a text field and a search field is how the browser s
 
 #### Phone number field
 
-This type of field is set using `tel` as the value of the {{htmlattrxref("type","input")}} attribute:
+This type of field is set using `tel` as the value of the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute:
 
 ```html
 <input type="tel" id="tel" name="tel">
@@ -118,7 +118,7 @@ Due to the wide variety of phone number formats around the world, this type of f
 
 #### URL field
 
-This type of field is set using the value `url` for the {{htmlattrxref("type","input")}} attribute:
+This type of field is set using the value `url` for the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute:
 
 ```html
 <input type="url" id="url" name="url">
@@ -148,9 +148,9 @@ The main difference between a textarea and a regular single line text field is t
 
 | Attribute name                                   | Default value | Description                                                                 |
 | ------------------------------------------------ | ------------- | --------------------------------------------------------------------------- |
-| {{htmlattrxref("cols","textarea")}} | `20`          | The visible width of the text control, in average character widths.         |
-| {{htmlattrxref("rows","textarea")}} |               | The number of visible text lines for the control.                           |
-| {{htmlattrxref("wrap","textarea")}} | `soft`        | Indicates how the control wraps text. Possible values are: `hard` or `soft` |
+| [`cols`](/ru/docs/Web/HTML/Element/textarea#cols) | `20`          | The visible width of the text control, in average character widths.         |
+| [`rows`](/ru/docs/Web/HTML/Element/textarea#rows) |               | The number of visible text lines for the control.                           |
+| [`wrap`](/ru/docs/Web/HTML/Element/textarea#wrap) | `soft`        | Indicates how the control wraps text. Possible values are: `hard` or `soft` |
 
 Note that the {{HTMLElement("textarea")}} element is written a bit differently from the {{HTMLElement("input")}} element. The {{HTMLElement("input")}} element is an empty element, which means that it cannot contain any child elements. On the other hand, the {{HTMLElement("textarea")}} element is a regular element that can contain text content children.
 
@@ -177,7 +177,7 @@ A select box is created with a {{HTMLElement("select")}} element with one or mor
 </select>
 ```
 
-If required, the default value for the select box can be set using the {{htmlattrxref("selected","option")}} attribute on the desired {{HTMLElement("option")}} element — this option is then preselected when the page loads. The {{HTMLElement("option")}} elements can also be nested inside {{HTMLElement("optgroup")}} elements to create visually associated groups of values:
+If required, the default value for the select box can be set using the [`selected`](/ru/docs/Web/HTML/Element/option#selected) attribute on the desired {{HTMLElement("option")}} element — this option is then preselected when the page loads. The {{HTMLElement("option")}} elements can also be nested inside {{HTMLElement("optgroup")}} elements to create visually associated groups of values:
 
 ```html
 <select id="groups" name="groups">
@@ -202,7 +202,7 @@ On the {{HTMLElement("optgroup")}} element, the `label` attribute is displayed b
 
 ### Multiple choice select box
 
-By default, a select box only lets the user select a single value. By adding the {{htmlattrxref("multiple","select")}} attribute to the {{HTMLElement("select")}} element, you can allow users to select several values, by using the default mechanism provided by the operating system (e.g. holding down <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> and clicking multiple values).
+By default, a select box only lets the user select a single value. By adding the [`multiple`](/ru/docs/Web/HTML/Element/select#multiple) attribute to the {{HTMLElement("select")}} element, you can allow users to select several values, by using the default mechanism provided by the operating system (e.g. holding down <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> and clicking multiple values).
 
 Note: In the case of multiple choice select boxes, the select box no longer displays the values as drop-down content — instead, they are all displayed at once in a list.
 
@@ -216,13 +216,13 @@ Note: In the case of multiple choice select boxes, the select box no longer disp
 
 ![Screenshots of multi-lines select box on several platforms.](all-multi-lines-select.png)
 
-> **Примечание:** All browsers that support the {{HTMLElement("select")}} element also support the {{htmlattrxref("multiple","select")}} attribute on it.
+> **Примечание:** All browsers that support the {{HTMLElement("select")}} element also support the [`multiple`](/ru/docs/Web/HTML/Element/select#multiple) attribute on it.
 
 ### Autocomplete box
 
 You can provide suggested, automatically-completed values for form widgets using the {{HTMLElement("datalist")}} element with some child {{HTMLElement("option")}} elements to specify the values to display.
 
-The data list is then bound to a text field (usually an `<input>` element) using the {{htmlattrxref("list","input")}} attribute.
+The data list is then bound to a text field (usually an `<input>` element) using the [`list`](/ru/docs/Web/HTML/Element/input#list) attribute.
 
 Once a data list is affiliated with a form widget, its options are used to auto-complete text entered by the user; typically, this is presented to the user as a drop-down box listing possible matches for what they've typed into the input.
 
@@ -241,7 +241,7 @@ Once a data list is affiliated with a form widget, its options are used to auto-
 </datalist>
 ```
 
-> **Примечание:** According to [the HTML specification](https://www.w3.org/TR/html5/common-input-element-attributes.html#attr-input-list), the {{htmlattrxref("list","input")}} attribute and the {{HTMLElement("datalist")}} element can be used with any kind of widget requiring a user input. However, it is unclear how it should work with controls other than text (color or date for example), and different browsers behave differently from case to case. Because of that, be cautious using this feature with anything but text fields.
+> **Примечание:** According to [the HTML specification](https://www.w3.org/TR/html5/common-input-element-attributes.html#attr-input-list), the [`list`](/ru/docs/Web/HTML/Element/input#list) attribute and the {{HTMLElement("datalist")}} element can be used with any kind of widget requiring a user input. However, it is unclear how it should work with controls other than text (color or date for example), and different browsers behave differently from case to case. Because of that, be cautious using this feature with anything but text fields.
 
 ![Screenshots of datalist on several platforms.](all-datalist.png)
 
@@ -278,9 +278,9 @@ Browsers that support the {{HTMLElement("datalist")}} element will ignore all th
 
 ## Checkable items
 
-Checkable items are widgets whose state you can change by clicking on them. There are two kinds of checkable item: the check box and the radio button. Both use the {{htmlattrxref("checked","input")}} attribute to indicate whether the widget is checked by default or not.
+Checkable items are widgets whose state you can change by clicking on them. There are two kinds of checkable item: the check box and the radio button. Both use the [`checked`](/ru/docs/Web/HTML/Element/input#checked) attribute to indicate whether the widget is checked by default or not.
 
-It's worth noting that these widgets do not behave exactly like other form widgets. For most form widgets, once the form is submitted all widgets that have a {{htmlattrxref("name","input")}} attribute are sent, even if no value has been filled out. In the case of checkable items, their values are sent only if they are checked. If they are not checked, nothing is sent, not even their name.
+It's worth noting that these widgets do not behave exactly like other form widgets. For most form widgets, once the form is submitted all widgets that have a [`name`](/ru/docs/Web/HTML/Element/input#name) attribute are sent, even if no value has been filled out. In the case of checkable items, their values are sent only if they are checked. If they are not checked, nothing is sent, not even their name.
 
 > **Примечание:** You can find the examples from this section on GitHub as [checkable-items.html](https://github.com/mdn/learning-area/blob/master/html/forms/native-form-widgets/checkable-items.html) ([see it live also](https://mdn.github.io/learning-area/html/forms/native-form-widgets/checkable-items.html)).
 
@@ -290,7 +290,7 @@ You also need to provide values for these kinds of inputs inside the `value` att
 
 ### Check box
 
-A check box is created using the {{HTMLElement("input")}} element with its {{htmlattrxref("type","input")}} attribute set to the value `checkbox`.
+A check box is created using the {{HTMLElement("input")}} element with its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to the value `checkbox`.
 
 ```html
 <input type="checkbox" checked id="carrots" name="carrots" value="carrots">
@@ -302,13 +302,13 @@ Including the `checked` attribute makes the checkbox checked automatically when
 
 ### Radio button
 
-A radio button is created using the {{HTMLElement("input")}} element with its {{htmlattrxref("type","input")}} attribute set to the value `radio`.
+A radio button is created using the {{HTMLElement("input")}} element with its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to the value `radio`.
 
 ```html
 <input type="radio" checked id="soup" name="meal">
 ```
 
-Several radio buttons can be tied together. If they share the same value for their {{htmlattrxref("name","input")}} attribute, they will be considered to be in the same group of buttons. Only one button in a given group may be checked at the same time; this means that when one of them is checked all the others automatically get unchecked. When the form is sent, only the value of the checked radio button is sent. If none of them are checked, the whole pool of radio buttons is considered to be in an unknown state and no value is sent with the form.
+Several radio buttons can be tied together. If they share the same value for their [`name`](/ru/docs/Web/HTML/Element/input#name) attribute, they will be considered to be in the same group of buttons. Only one button in a given group may be checked at the same time; this means that when one of them is checked all the others automatically get unchecked. When the form is sent, only the value of the checked radio button is sent. If none of them are checked, the whole pool of radio buttons is considered to be in an unknown state and no value is sent with the form.
 
 ```html
 <fieldset>
@@ -345,7 +345,7 @@ Within HTML forms, there are three kinds of button:
 
 > **Примечание:** You can find the examples from this section on GitHub as [button-examples.html](https://github.com/mdn/learning-area/blob/master/html/forms/native-form-widgets/button-examples.html) ([see it live also](https://mdn.github.io/learning-area/html/forms/native-form-widgets/button-examples.html)).
 
-A button is created using a {{HTMLElement("button")}} element or an {{HTMLElement("input")}} element. It's the value of the {{htmlattrxref("type","input")}} attribute that specifies what kind of button is displayed:
+A button is created using a {{HTMLElement("button")}} element or an {{HTMLElement("input")}} element. It's the value of the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute that specifies what kind of button is displayed:
 
 ### submit
 
@@ -394,12 +394,12 @@ In this section we cover those widgets that let users input complex or unusual d
 
 ### Numbers
 
-Widgets for numbers are created with the {{HTMLElement("input")}} element, with its {{htmlattrxref("type","input")}} attribute set to the value `number`. This control looks like a text field but allows only floating-point numbers, and usually provides some buttons to increase or decrease the value of the widget.
+Widgets for numbers are created with the {{HTMLElement("input")}} element, with its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to the value `number`. This control looks like a text field but allows only floating-point numbers, and usually provides some buttons to increase or decrease the value of the widget.
 
 It's also possible to:
 
-- Constrain the value by setting the {{htmlattrxref("min","input")}} and {{htmlattrxref("max","input")}} attributes.
-- Specify the amount by which the increase and decrease buttons change the widget's value by setting the {{htmlattrxref("step","input")}} attribute.
+- Constrain the value by setting the [`min`](/ru/docs/Web/HTML/Element/input#min) and [`max`](/ru/docs/Web/HTML/Element/input#max) attributes.
+- Specify the amount by which the increase and decrease buttons change the widget's value by setting the [`step`](/ru/docs/Web/HTML/Element/input#step) attribute.
 
 #### Example
 
@@ -415,7 +415,7 @@ This creates a number widget whose value is restricted to any value between 1 an
 
 Another way to pick a number is to use a slider. Visually speaking, sliders are less accurate than text fields, therefore they are used to pick a number whose exact value is not necessarily important.
 
-A slider is created by using the {{HTMLElement("input")}} with its {{htmlattrxref("type","input")}} attribute set to the value `range`. It's important to properly configure your slider; to that end, it's highly recommended that you set the {{htmlattrxref("min","input")}}, {{htmlattrxref("max","input")}}, and {{htmlattrxref("step","input")}} attributes.
+A slider is created by using the {{HTMLElement("input")}} with its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to the value `range`. It's important to properly configure your slider; to that end, it's highly recommended that you set the [`min`](/ru/docs/Web/HTML/Element/input#min), [`max`](/ru/docs/Web/HTML/Element/input#max), and [`step`](/ru/docs/Web/HTML/Element/input#step) attributes.
 
 #### Example
 
@@ -454,7 +454,7 @@ Here we store references to the range input and the span in two variables, then
 
 Gathering date and time values has traditionally been a nightmare for web developers. HTML5 brings some enhancements here by providing a special control to handle this specific kind of data.
 
-A date and time control is created using the {{HTMLElement("input")}} element and an appropriate value for the {{htmlattrxref("type","input")}} attribute, depending on whether you wish to collect dates, times, or both.
+A date and time control is created using the {{HTMLElement("input")}} element and an appropriate value for the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute, depending on whether you wish to collect dates, times, or both.
 
 #### `datetime-local`
 
@@ -488,7 +488,7 @@ This creates a widget to display and pick a week number and its year.
 <input type="week" name="week" id="week">
 ```
 
-All date and time control can be constrained using the {{htmlattrxref("min","input")}} and {{htmlattrxref("max","input")}} attributes.
+All date and time control can be constrained using the [`min`](/ru/docs/Web/HTML/Element/input#min) and [`max`](/ru/docs/Web/HTML/Element/input#max) attributes.
 
 ```html
 <label for="myDate">When are you available this summer?</label>
@@ -501,7 +501,7 @@ Warning — The date and time widgets don't have the deepest support. At the mom
 
 Colors are always a bit difficult to handle. There are many ways to express them: RGB values (decimal or hexadecimal), HSL values, keywords, etc. The color widget lets users pick a color in both textual and visual ways.
 
-A color widget is created using the {{HTMLElement("input")}} element with its {{htmlattrxref("type","input")}} attribute set to the value `color`.
+A color widget is created using the {{HTMLElement("input")}} element with its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to the value `color`.
 
 ```html
 <input type="color" name="color" id="color">
@@ -519,7 +519,7 @@ There are a few other widgets that cannot be easily classified due to their very
 
 HTML forms are able to send files to a server; this specific action is detailed in the article [Sending and retrieving form data](/ru/docs/Learn/Forms/Sending_and_retrieving_form_data). The file picker widget is how the user can choose one or more files to send.
 
-To create a file picker widget, you use the {{HTMLElement("input")}} element with its {{htmlattrxref("type","input")}} attribute set to `file`. The types of files that are accepted can be constrained using the {{htmlattrxref("accept","input")}} attribute. In addition, if you want to let the user pick more than one file, you can do so by adding the {{htmlattrxref("multiple","input")}} attribute.
+To create a file picker widget, you use the {{HTMLElement("input")}} element with its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to `file`. The types of files that are accepted can be constrained using the [`accept`](/ru/docs/Web/HTML/Element/input#accept) attribute. In addition, if you want to let the user pick more than one file, you can do so by adding the [`multiple`](/ru/docs/Web/HTML/Element/input#multiple) attribute.
 
 #### Example
 
@@ -531,7 +531,7 @@ In this example, a file picker is created that requests graphic image files. The
 
 ### Hidden content
 
-It's sometimes convenient for technical reasons to have pieces of data that are sent with a form but not displayed to the user. To do this, you can add an invisible element in your form. Use an {{HTMLElement("input")}} with its {{htmlattrxref("type","input")}} attribute set to the value `hidden`.
+It's sometimes convenient for technical reasons to have pieces of data that are sent with a form but not displayed to the user. To do this, you can add an invisible element in your form. Use an {{HTMLElement("input")}} with its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to the value `hidden`.
 
 If you create such an element, it's required to set its `name` and `value` attributes:
 
@@ -543,7 +543,7 @@ If you create such an element, it's required to set its `name` and `value` attri
 
 The **image button** control is one which is displayed exactly like an {{HTMLElement("img")}} element, except that when the user clicks on it, it behaves like a submit button (see above).
 
-An image button is created using an {{HTMLElement("input")}} element with its {{htmlattrxref("type","input")}} attribute set to the value `image`. This element supports exactly the same set of attributes as the {{HTMLElement("img")}} element, plus all the attributes supported by other form buttons.
+An image button is created using an {{HTMLElement("input")}} element with its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to the value `image`. This element supports exactly the same set of attributes as the {{HTMLElement("img")}} element, plus all the attributes supported by other form buttons.
 
 ```html
 <input type="image" alt="Click me!" src="my-img.png" width="80" height="30" />
@@ -551,8 +551,8 @@ An image button is created using an {{HTMLElement("input")}} element with its {{
 
 If the image button is used to submit the form, this widget doesn't submit its value; instead the X and Y coordinates of the click on the image are submitted (the coordinates are relative to the image, meaning that the upper-left corner of the image represents the coordinate 0, 0). The coordinates are sent as two key/value pairs:
 
-- The X value key is the value of the {{htmlattrxref("name","input")}} attribute followed by the string "_.x_".
-- The Y value key is the value of the {{htmlattrxref("name","input")}} attribute followed by the string "_.y_".
+- The X value key is the value of the [`name`](/ru/docs/Web/HTML/Element/input#name) attribute followed by the string "_.x_".
+- The Y value key is the value of the [`name`](/ru/docs/Web/HTML/Element/input#name) attribute followed by the string "_.y_".
 
 So for example when you click on the image of this widget, you are sent to a URL like the following:
 
@@ -568,7 +568,7 @@ Meters and progress bars are visual representations of numeric values.
 
 #### Progress
 
-A progress bar represents a value that changes over time up to a maximum value specified by the {{htmlattrxref("max","progress")}} attribute. Such a bar is created using a {{ HTMLElement("progress")}} element.
+A progress bar represents a value that changes over time up to a maximum value specified by the [`max`](/ru/docs/Web/HTML/Element/progress#max) attribute. Such a bar is created using a {{ HTMLElement("progress")}} element.
 
 ```html
 <progress max="100" value="75">75/100</progress>
@@ -580,19 +580,19 @@ The content inside the {{HTMLElement("progress")}} element is a fallback for bro
 
 #### Meter
 
-A meter bar represents a fixed value in a range delimited by a {{htmlattrxref("min","meter")}} and a {{htmlattrxref("max","meter")}} value. This value is visualy rendered as a bar, and to know how this bar looks, we compare the value to some other set values:
+A meter bar represents a fixed value in a range delimited by a [`min`](/ru/docs/Web/HTML/Element/meter#min) and a [`max`](/ru/docs/Web/HTML/Element/meter#max) value. This value is visualy rendered as a bar, and to know how this bar looks, we compare the value to some other set values:
 
-- The {{htmlattrxref("low","meter")}} and {{htmlattrxref("high","meter")}} values divide the range in three parts:
+- The [`low`](/ru/docs/Web/HTML/Element/meter#low) and [`high`](/ru/docs/Web/HTML/Element/meter#high) values divide the range in three parts:
 
-  - The lower part of the range is between the {{htmlattrxref("min","meter")}} and {{htmlattrxref("low","meter")}} values (including those values).
-  - The medium part of the range is between the {{htmlattrxref("low","meter")}} and {{htmlattrxref("high","meter")}} values (excluding those values).
-  - The higher part of the range is between the {{htmlattrxref("high","meter")}} and {{htmlattrxref("max","meter")}} values (including those values).
+  - The lower part of the range is between the [`min`](/ru/docs/Web/HTML/Element/meter#min) and [`low`](/ru/docs/Web/HTML/Element/meter#low) values (including those values).
+  - The medium part of the range is between the [`low`](/ru/docs/Web/HTML/Element/meter#low) and [`high`](/ru/docs/Web/HTML/Element/meter#high) values (excluding those values).
+  - The higher part of the range is between the [`high`](/ru/docs/Web/HTML/Element/meter#high) and [`max`](/ru/docs/Web/HTML/Element/meter#max) values (including those values).
 
-- The {{htmlattrxref("optimum","meter")}} value defines the optimum value for the {{HTMLElement("meter")}} element. In conjuction with the {{htmlattrxref("low","meter")}} and {{htmlattrxref("high","meter")}} value, it defines which part of the range is prefered:
+- The [`optimum`](/ru/docs/Web/HTML/Element/meter#optimum) value defines the optimum value for the {{HTMLElement("meter")}} element. In conjuction with the [`low`](/ru/docs/Web/HTML/Element/meter#low) and [`high`](/ru/docs/Web/HTML/Element/meter#high) value, it defines which part of the range is prefered:
 
-  - If the {{htmlattrxref("optimum","meter")}} value is in the lower part of the range, the lower range is considered to be the prefered part, the medium range is considered to be the average part and the higher range is considered to be the worst part.
-  - If the {{htmlattrxref("optimum","meter")}} value is in the medium part of the range, the lower range is considered to be an average part, the medium range is considered to be the prefered part and the higher range is considered to be average as well.
-  - If the {{htmlattrxref("optimum","meter")}} value is in the higher part of the range, the lower range is considered to be the worst part, the medium range is considered to be the average part and the higher range is considered to be the prefered part.
+  - If the [`optimum`](/ru/docs/Web/HTML/Element/meter#optimum) value is in the lower part of the range, the lower range is considered to be the prefered part, the medium range is considered to be the average part and the higher range is considered to be the worst part.
+  - If the [`optimum`](/ru/docs/Web/HTML/Element/meter#optimum) value is in the medium part of the range, the lower range is considered to be an average part, the medium range is considered to be the prefered part and the higher range is considered to be average as well.
+  - If the [`optimum`](/ru/docs/Web/HTML/Element/meter#optimum) value is in the higher part of the range, the lower range is considered to be the worst part, the medium range is considered to be the average part and the higher range is considered to be the prefered part.
 
 All browsers that implement the {{HTMLElement("meter")}} element use those values to change the color of the meter bar:
 
diff --git a/files/ru/learn/forms/form_validation/index.md b/files/ru/learn/forms/form_validation/index.md
index 1a140d2ac111da..0b0280f2a9ba7d 100644
--- a/files/ru/learn/forms/form_validation/index.md
+++ b/files/ru/learn/forms/form_validation/index.md
@@ -367,14 +367,14 @@ input:focus:invalid {
 - `validationMessage`: Возвращает локализованное сообщение, описывающее ограничения валидации (если таковые имеются), которым не удовлетворяет определённый элемент. Если элемент не участвует в валидации (`willValidate` установлено в `false`) или значение элемента удовлетворяет установленным ограничениям (является валидным), будет возвращена пустая строка.
 - `validity`: Возвращает объект `ValidityState`, который содержит несколько свойств, описывающих состояние валидности элемента. Подробное описание всех свойств доступности можно найти на странице справочника {{domxref("ValidityState")}}; ниже приведён список наиболее используемых:
 
-  - {{domxref("ValidityState.patternMismatch", "patternMismatch")}}: Возвращает `true`, если значение не соответствует шаблону, указанному в атрибуте {{htmlattrxref("pattern", "input")}}, и `false` если соответствует. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
-  - {{domxref("ValidityState.tooLong", "tooLong")}}: Возвращает `true`, если значение длиннее максимальной длины, указанной в атрибуте {{htmlattrxref("maxlength", "input")}}, и `false` если оно короче или равно ей. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
-  - {{domxref("ValidityState.tooShort", "tooShort")}}: Возвращает `true`, если значение короче минимальной длины, указанной в атрибуте {{htmlattrxref("minlength", "input")}}, и `false` если оно длинее или равно ей. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
-  - {{domxref("ValidityState.rangeOverflow", "rangeOverflow")}}: Возвращает `true`, если значение больше указанного в атрибуте {{htmlattrxref("max", "input")}} максимума, и `false` если меньше или равно ему. Если true, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}
-  - {{domxref("ValidityState.rangeUnderflow", "rangeUnderflow")}}: Возвращает `true`, если значение меньше указанного в атрибуте {{htmlattrxref("min", "input")}}, и `false` если больше или равно ему. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
-  - {{domxref("ValidityState.typeMismatch", "typeMismatch")}}: Возвращает `true`, если значение не соответствует требуемому синтаксису (когда для {{htmlattrxref("type", "input")}} задано значение `email` или `url`), и `false` если синтаксис корректный. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
+  - {{domxref("ValidityState.patternMismatch", "patternMismatch")}}: Возвращает `true`, если значение не соответствует шаблону, указанному в атрибуте [`pattern`](/ru/docs/Web/HTML/Element/input#pattern), и `false` если соответствует. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
+  - {{domxref("ValidityState.tooLong", "tooLong")}}: Возвращает `true`, если значение длиннее максимальной длины, указанной в атрибуте [`maxlength`](/ru/docs/Web/HTML/Element/input#maxlength), и `false` если оно короче или равно ей. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
+  - {{domxref("ValidityState.tooShort", "tooShort")}}: Возвращает `true`, если значение короче минимальной длины, указанной в атрибуте [`minlength`](/ru/docs/Web/HTML/Element/input#minlength), и `false` если оно длинее или равно ей. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
+  - {{domxref("ValidityState.rangeOverflow", "rangeOverflow")}}: Возвращает `true`, если значение больше указанного в атрибуте [`max`](/ru/docs/Web/HTML/Element/input#max) максимума, и `false` если меньше или равно ему. Если true, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}
+  - {{domxref("ValidityState.rangeUnderflow", "rangeUnderflow")}}: Возвращает `true`, если значение меньше указанного в атрибуте [`min`](/ru/docs/Web/HTML/Element/input#min), и `false` если больше или равно ему. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
+  - {{domxref("ValidityState.typeMismatch", "typeMismatch")}}: Возвращает `true`, если значение не соответствует требуемому синтаксису (когда для [`type`](/ru/docs/Web/HTML/Element/input#type) задано значение `email` или `url`), и `false` если синтаксис корректный. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
   - `valid`: Возвращает `true`, если элемент соответствует всем ограничениям валидации — следовательно, считается валидным, и `false` если не соответствует какому-то ограничению. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":valid")}}; иначе {{cssxref(":invalid")}}.
-  - `valueMissing`: Возвращает `true`, если у элемента есть атрибут {{htmlattrxref("required", "input")}}, но не введено значенение, иначе возвращает `false`. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
+  - `valueMissing`: Возвращает `true`, если у элемента есть атрибут [`required`](/ru/docs/Web/HTML/Element/input#required), но не введено значенение, иначе возвращает `false`. Если true, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
 
 - `willValidate`: Возвращает `true`, если элемент будет участвовать в валидации при отправке формы; иначе возвращает `false`.
 
diff --git a/files/ru/learn/forms/sending_and_retrieving_form_data/index.md b/files/ru/learn/forms/sending_and_retrieving_form_data/index.md
index 9794971f8b14e2..1b95607449cca1 100644
--- a/files/ru/learn/forms/sending_and_retrieving_form_data/index.md
+++ b/files/ru/learn/forms/sending_and_retrieving_form_data/index.md
@@ -27,9 +27,9 @@ WEB основан на очень простой клиент-серверно
 
 ### На стороне клиента: определение способа отправки данных
 
-Элемент {{HTMLElement("form")}} определяет способ отправки данных. Все его атрибуты предназначены для того, чтобы вы могли настроить запрос на отправку, когда пользователь нажимает кнопку отправки. Двумя наиболее важными атрибутами являются {{htmlattrxref("action","form")}} и {{htmlattrxref("method","form")}}.
+Элемент {{HTMLElement("form")}} определяет способ отправки данных. Все его атрибуты предназначены для того, чтобы вы могли настроить запрос на отправку, когда пользователь нажимает кнопку отправки. Двумя наиболее важными атрибутами являются [`action`](/ru/docs/Web/HTML/Element/form#action) и [`method`](/ru/docs/Web/HTML/Element/form#method).
 
-#### Атрибут {{htmlattrxref("action","form")}}
+#### Атрибут [`action`](/ru/docs/Web/HTML/Element/form#action)
 
 Этот атрибут определяет, куда отправляются данные. Его значение должно быть действительным URL. Если этот атрибут не указан, данные будут отправлены на URL-адрес страницы, содержащей форму.
 
@@ -51,15 +51,15 @@ WEB основан на очень простой клиент-серверно
 <form>
 ```
 
-Многие старые страницы используют следующий синтаксис, чтобы указать, что данные должны быть отправлены на ту же страницу, которая содержит форму; это было необходимо, потому что до появления HTML5 атрибут {{htmlattrxref("action", "form")}} был обязательным. Это больше не нужно.
+Многие старые страницы используют следующий синтаксис, чтобы указать, что данные должны быть отправлены на ту же страницу, которая содержит форму; это было необходимо, потому что до появления HTML5 атрибут [`action`](/ru/docs/Web/HTML/Element/form#action) был обязательным. Это больше не нужно.
 
 ```html
 <form action="#">
 ```
 
-> **Примечание:** Можно указать URL, который использует протокол HTTPS (безопасный HTTP). Когда вы делаете это, данные шифруются вместе с остальной частью запроса, даже если сама форма размещается на небезопасной странице, доступ к которой осуществляется через HTTP. С другой стороны, если форма размещается на защищённой странице, но вы указываете небезопасный URL-адрес HTTP с атрибутом {{htmlattrxref("action","form")}}, все браузеры выдают пользователю предупреждение о безопасности при каждой попытке отправки данных, поскольку данные не шифруются.
+> **Примечание:** Можно указать URL, который использует протокол HTTPS (безопасный HTTP). Когда вы делаете это, данные шифруются вместе с остальной частью запроса, даже если сама форма размещается на небезопасной странице, доступ к которой осуществляется через HTTP. С другой стороны, если форма размещается на защищённой странице, но вы указываете небезопасный URL-адрес HTTP с атрибутом [`action`](/ru/docs/Web/HTML/Element/form#action), все браузеры выдают пользователю предупреждение о безопасности при каждой попытке отправки данных, поскольку данные не шифруются.
 
-#### Атрибут {{htmlattrxref("method","form")}}
+#### Атрибут [`method`](/ru/docs/Web/HTML/Element/form#method)
 
 Этот атрибут определяет способ отправки данных. [Протокол HTTP](/ru/docs/Web/HTTP) предоставляет несколько способов выполнить запрос; Данные HTML-формы могут передаваться несколькими различными способами, наиболее распространёнными из которых являются метод `GET` и метод `POST`.
 
@@ -107,7 +107,7 @@ Host: foo.com
 
 Метод `POST` немного отличается. Браузер использует этот метод для связи с сервером при запросе ответа с учётом данных, представленные в теле HTTP-запроса: «Эй, сервер, взгляни на эти данные и отправь мне соответствующий результат». Если форма отправляется с использованием этого метода, данные добавляются в тело HTTP-запроса.
 
-Давайте рассмотрим пример — это та же самая форма, которую мы рассматривали в разделе `GET` выше, но с атрибутом {{htmlattrxref("method","form")}}, установленным в `post`.
+Давайте рассмотрим пример — это та же самая форма, которую мы рассматривали в разделе `GET` выше, но с атрибутом [`method`](/ru/docs/Web/HTML/Element/form#method), установленным в `post`.
 
 ```html
 <form action="http://foo.com" method="post">
@@ -230,14 +230,14 @@ if __name__ == "__main__":
 
 Отправка файлов с помощью форм HTML — это особый случай. Файлы — это бинарные данные или рассматриваются как таковые, в то время как все остальные — это текстовые данные. Поскольку HTTP — это текстовый протокол, есть особые требования для работы с бинарными данными.
 
-### Атрибут {{htmlattrxref("enctype","form")}}
+### Атрибут [`enctype`](/ru/docs/Web/HTML/Element/form#enctype)
 
 Этот атрибут позволяет конкретизировать значение в `Content-Type` HTTP заголовок, включённый в запрос, при генерировании отправки формы. Этот заголовок очень важен, потому что указывает серверу, какой тип данных отправляется. По умолчанию это: `application/x-www-form-urlencoded`. На человеческом это значит: "Это форма с данными, которые были закодированы в URL параметры."
 
 Если хотите отправить файл, нужно сделать следующие три шага:
 
-- Указать {{htmlattrxref("method","form")}} атрибут `POST`, поскольку содержимое файла, как и сам файл, не могут быть отображены в URL параметрах.
-- Установить в {{htmlattrxref("enctype","form")}} значение `multipart/form-data`, потому что данные будут разбиты на несколько частей: одна часть на файл (две части на два файла), и одна часть на текстовые данные (при условии, если форма содержит поле для получения тестовых данных).
+- Указать [`method`](/ru/docs/Web/HTML/Element/form#method) атрибут `POST`, поскольку содержимое файла, как и сам файл, не могут быть отображены в URL параметрах.
+- Установить в [`enctype`](/ru/docs/Web/HTML/Element/form#enctype) значение `multipart/form-data`, потому что данные будут разбиты на несколько частей: одна часть на файл (две части на два файла), и одна часть на текстовые данные (при условии, если форма содержит поле для получения тестовых данных).
 - Подключите один или более [File picker](/ru/docs/Learn/Forms/Basic_native_form_controls#file_picker) виджетов, чтобы позволить своим пользователям выбрать, какие и сколько файлов будут загружены.
 
 Пример:
@@ -254,7 +254,7 @@ if __name__ == "__main__":
 </form>
 ```
 
-> **Примечание:** Некоторые браузеры поддерживают {{htmlattrxref("multiple","input")}} атрибут элемента {{HTMLElement("input")}} , который позволяет выбрать больше одного файла для загрузки, при использовании одного элемента `<input>` . То, как сервер работает с этими файлами, напрямую зависит от технологий, используемых на сервере. Как упоминалось ранее, использование фреймворков сделает вашу жизнь намного легче.
+> **Примечание:** Некоторые браузеры поддерживают [`multiple`](/ru/docs/Web/HTML/Element/input#multiple) атрибут элемента {{HTMLElement("input")}} , который позволяет выбрать больше одного файла для загрузки, при использовании одного элемента `<input>` . То, как сервер работает с этими файлами, напрямую зависит от технологий, используемых на сервере. Как упоминалось ранее, использование фреймворков сделает вашу жизнь намного легче.
 
 > **Предупреждение:** Многие сервера имеют заданные ограничения на размер загружаемых файлов и запросы от пользователей, чтобы защититься от возможных злоупотреблений. Важно проверять эти ограничения у администратора сервера, прежде чем загружать файлы.
 
diff --git a/files/ru/learn/forms/styling_web_forms/index.md b/files/ru/learn/forms/styling_web_forms/index.md
index 82db4fa8406dcf..84b9613d87fa74 100644
--- a/files/ru/learn/forms/styling_web_forms/index.md
+++ b/files/ru/learn/forms/styling_web_forms/index.md
@@ -38,7 +38,7 @@ original_slug: Learn/HTML/Forms/Styling_HTML_forms
 
 Некоторые элементы редко могут быть стилизованы, и могут потребовать некоторых сложных уловок, иногда требующих углублённых знаний CSS3.
 
-Они включают в себя элемент {{HTMLElement ("legend")}}, но его нельзя правильно расположить на всех платформах. Флажки и переключатели также не могут быть стилизованы напрямую, однако, благодаря CSS3 вы можете обойти это. Контент {{htmlattrxref ("placeholder", "input")}} не может быть стилизован каким-либо стандартным способом, однако все браузеры, которые его реализуют, также реализуют собственные псевдо-элементы CSS или псевдоклассы, которые позволяют его стилизовать.
+Они включают в себя элемент {{HTMLElement ("legend")}}, но его нельзя правильно расположить на всех платформах. Флажки и переключатели также не могут быть стилизованы напрямую, однако, благодаря CSS3 вы можете обойти это. Контент [`placeholder`](/ru/docs/Web/HTML/Element/input#placeholder) не может быть стилизован каким-либо стандартным способом, однако все браузеры, которые его реализуют, также реализуют собственные псевдо-элементы CSS или псевдоклассы, которые позволяют его стилизовать.
 
 Мы опишем, как обрабатывать эти более конкретные случаи, в статье [«Расширенные стили для HTML-форм».](/ru/docs/Advanced_styling_for_HTML_forms)
 
diff --git a/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.md b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.md
index 9fc3ac6fe4ccb5..04908ce390799d 100644
--- a/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.md
+++ b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.md
@@ -206,7 +206,7 @@ HTML также имеет функции, доступные для марки
 
 ### Блочные цитаты
 
-Если часть содержимого уровня блока (будь то абзац, несколько абзацев, список и т. д.) цитируется из другого источника, вы должны обернуть её внутри элемента {{htmlelement ("blockquote")}}, чтобы обозначить это, и указать URL-адрес, указывающий на источник цитаты, внутри атрибута {{htmlattrxref ("cite", "blockquote")}}.
+Если часть содержимого уровня блока (будь то абзац, несколько абзацев, список и т. д.) цитируется из другого источника, вы должны обернуть её внутри элемента {{htmlelement ("blockquote")}}, чтобы обозначить это, и указать URL-адрес, указывающий на источник цитаты, внутри атрибута [`cite`](/ru/docs/Web/HTML/Element/blockquote#cite).
 
 Например, следующая разметка берётся из страницы элемента MDN **`<blockquote>`**:
 
@@ -242,7 +242,7 @@ Quotation Element</em>) указывает на то, что заключённ
 
 ### Цитирование
 
-Содержание атрибута {{htmlattrxref ("cite", "blockquote")}} выглядит полезным, но, к сожалению, браузерам, программам чтения с экрана и т. д. оно на самом деле мало чем помогает. Невозможно заставить браузер отображать содержимое атрибута `cite` без написания собственного решения с использованием JavaScript или CSS. Если вы хотите, чтобы источник цитирования был доступен на странице, лучший способ его разметки - поместить элемент {{htmlelement ("cite")}} рядом с элементом цитаты (или внутри него). Это действительно будет означать то, что имя источника цитаты — то есть имя книги или имя человека, которое произвело цитату, — будет включено в текст. Нет причин, по которым вы не могли бы связать текст внутри `<cite>` с источником цитаты:
+Содержание атрибута [`cite`](/ru/docs/Web/HTML/Element/blockquote#cite) выглядит полезным, но, к сожалению, браузерам, программам чтения с экрана и т. д. оно на самом деле мало чем помогает. Невозможно заставить браузер отображать содержимое атрибута `cite` без написания собственного решения с использованием JavaScript или CSS. Если вы хотите, чтобы источник цитирования был доступен на странице, лучший способ его разметки - поместить элемент {{htmlelement ("cite")}} рядом с элементом цитаты (или внутри него). Это действительно будет означать то, что имя источника цитаты — то есть имя книги или имя человека, которое произвело цитату, — будет включено в текст. Нет причин, по которым вы не могли бы связать текст внутри `<cite>` с источником цитаты:
 
 ```html
 <p>Как указано в статье о <a href="https://developer.mozilla.org/ru/docs/Web/HTML/Element/blockquote">
@@ -403,7 +403,7 @@ textarea.onkeyup = function(){
 
 ## Аббревиатуры
 
-Другой довольно часто встречающийся элемент, который вы будете часто встречать в Интернете, — это {{htmlelement ("abbr")}}, используемый для обёртывания аббревиатур или акронимов и обеспечивающий полную расшифровку сокращения (с помощью атрибута {{htmlattrxref("title")}}.)
+Другой довольно часто встречающийся элемент, который вы будете часто встречать в Интернете, — это {{htmlelement ("abbr")}}, используемый для обёртывания аббревиатур или акронимов и обеспечивающий полную расшифровку сокращения (с помощью атрибута [`title`](/ru/docs/Web/HTML/Global_attributes#title).)
 
 Давайте рассмотрим несколько примеров:
 
diff --git a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md
index da1454699550f3..c5ab27939b4249 100644
--- a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md
+++ b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md
@@ -36,7 +36,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс
 
 ## Анатомия ссылки
 
-Простая ссылка создаётся путём обёртывания текста (или другого содержимого, смотрите [Ссылки-блоки](#ссылки-блоки)), который вы хотите превратить в ссылку, в элемент {{htmlelement ("a")}}, и придания этому элементу атрибута {{htmlattrxref ("href", "a")}} (который также известен как **гипертекстовая ссылка,** или **цель**), который будет содержать веб-адрес, на который вы хотите указать ссылку.
+Простая ссылка создаётся путём обёртывания текста (или другого содержимого, смотрите [Ссылки-блоки](#ссылки-блоки)), который вы хотите превратить в ссылку, в элемент {{htmlelement ("a")}}, и придания этому элементу атрибута [`href`](/ru/docs/Web/HTML/Element/a#href) (который также известен как **гипертекстовая ссылка,** или **цель**), который будет содержать веб-адрес, на который вы хотите указать ссылку.
 
 ```html
 <p>Я создал ссылку на
@@ -131,7 +131,7 @@ URL-адреса используют пути для поиска файлов.
 
 ### Фрагменты документа
 
-Можно ссылаться на определённую часть документа HTML (известную как **фрагмент документа**), а не только на верхнюю часть документа. Для этого вам сначала нужно назначить атрибут {{htmlattrxref("id")}} элементу, с которым вы хотите связаться. Обычно имеет смысл ссылаться на определённый заголовок, поэтому это выглядит примерно так:
+Можно ссылаться на определённую часть документа HTML (известную как **фрагмент документа**), а не только на верхнюю часть документа. Для этого вам сначала нужно назначить атрибут [`id`](/ru/docs/Web/HTML/Global_attributes#id) элементу, с которым вы хотите связаться. Обычно имеет смысл ссылаться на определённый заголовок, поэтому это выглядит примерно так:
 
 ```html
 <h2 id="Почтовый_адрес">Почтовый адрес</h2>
@@ -285,7 +285,7 @@ _**Плохой** текст ссылки:_ [Нажми сюда](https://firefo
 
 В результате получим ссылку вида: [Отправить письмо для nowhere](mailto:nowhere@mozilla.org).
 
-Сам адрес электронной почты не является обязательным для заполнения. Если оставить это поле пустым (в поле {{htmlattrxref("href", "a")}} оставить только "mailto:"), откроется новое исходящее сообщение почтовой программой, в поле получателя будет пусто. Это можно использовать для кнопки "Поделиться".
+Сам адрес электронной почты не является обязательным для заполнения. Если оставить это поле пустым (в поле [`href`](/ru/docs/Web/HTML/Element/a#href) оставить только "mailto:"), откроется новое исходящее сообщение почтовой программой, в поле получателя будет пусто. Это можно использовать для кнопки "Поделиться".
 
 ### Особенности и детали
 
diff --git a/files/ru/learn/html/introduction_to_html/debugging_html/index.md b/files/ru/learn/html/introduction_to_html/debugging_html/index.md
index 7866156bcffcb7..1744f71c0c1331 100644
--- a/files/ru/learn/html/introduction_to_html/debugging_html/index.md
+++ b/files/ru/learn/html/introduction_to_html/debugging_html/index.md
@@ -74,7 +74,7 @@ HTML не страдает от синтаксических ошибок, по
     - У {{htmlelement("p","параграфа")}} и {{htmlelement("li","элемента списка")}} не закрыты теги. На изображении выше видно, что разметка не пострадала, так как браузеру легко сделать вывод о том, где заканчивается один элемент и начинается другой.
     - Первый {{htmlelement("strong")}} элемент также не имеет закрывающего тега. Это уже более проблематично, так как сложно сказать, где элемент должен заканчиваться. На деле, весь оставшийся текст был выделен жирным.
     - Следующая часть нарушает правила вложенности: `<strong>strong <em>strong emphasised?</strong> what is this?</em>`. В этом случае код тоже сложно проинтерпретировать по причине, описанной выше.
-    - В атрибуте {{htmlattrxref("href","a")}} отсутствует закрывающая двойная кавычка. Это послужило причиной крупной проблемы — ссылка не воспроизвелась вовсе.
+    - В атрибуте [`href`](/ru/docs/Web/HTML/Element/a#href) отсутствует закрывающая двойная кавычка. Это послужило причиной крупной проблемы — ссылка не воспроизвелась вовсе.
 
 5. Сейчас же посмотрим, как браузер сгенерировал собственную разметку, в противовес исходной разметке документа. Чтобы сделать это, воспользуемся инструментами разработчика. Если вы не знакомы с инструментами разработчика, потратьте несколько минут на [Обзор инструментов разработки в браузерах](/ru/docs/Learn/Discover_browser_developer_tools).
 6. В DOM инспекторе вы можете увидеть как сгенерировалась новая разметка: ![The HTML inspector in Firefox, with our example's paragraph highlighted, showing the text "What causes errors in HTML?" Here you can see that the paragraph element has been closed by the browser.](html-inspector.png)
diff --git a/files/ru/learn/html/introduction_to_html/document_and_website_structure/index.md b/files/ru/learn/html/introduction_to_html/document_and_website_structure/index.md
index 4def1f70dbb580..a6ad834a7676eb 100644
--- a/files/ru/learn/html/introduction_to_html/document_and_website_structure/index.md
+++ b/files/ru/learn/html/introduction_to_html/document_and_website_structure/index.md
@@ -164,7 +164,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Структура_докум
 
 ### Несемантические обёртки
 
-Иногда вы будете сталкиваться с ситуацией, когда вы не можете найти идеальный семантический элемент, чтобы сгруппировать некоторые элементы вместе или обернуть некоторый контент. Иногда вам просто нужно будет сгруппировать несколько элементов вместе, чтобы применить к ним, как к единой сущности, {{glossary("CSS")}} или {{glossary("JavaScript")}}. Для таких случаев в HTML есть элементы {{HTMLElement("div")}} и {{HTMLElement("span")}}. Вам следует использовать их с подходящим значением атрибута {{htmlattrxref('class')}} или {{htmlattrxref('id')}}, чтобы можно было легко получить к ним доступ.
+Иногда вы будете сталкиваться с ситуацией, когда вы не можете найти идеальный семантический элемент, чтобы сгруппировать некоторые элементы вместе или обернуть некоторый контент. Иногда вам просто нужно будет сгруппировать несколько элементов вместе, чтобы применить к ним, как к единой сущности, {{glossary("CSS")}} или {{glossary("JavaScript")}}. Для таких случаев в HTML есть элементы {{HTMLElement("div")}} и {{HTMLElement("span")}}. Вам следует использовать их с подходящим значением атрибута [`class`](/ru/docs/Web/HTML/Global_attributes#class) или [`id`](/ru/docs/Web/HTML/Global_attributes#id), чтобы можно было легко получить к ним доступ.
 
 {{HTMLElement("span")}} — это строчный несемантический элемент, который стоит использовать только если вы не можете подобрать более подходящий семантический текстовый элемент для обёртывания контента или если не хотите добавлять какие-либо конкретные значения. Например:
 
diff --git a/files/ru/learn/html/introduction_to_html/getting_started/index.md b/files/ru/learn/html/introduction_to_html/getting_started/index.md
index 0a1cdb9a51c30d..c3d3a516059d1f 100644
--- a/files/ru/learn/html/introduction_to_html/getting_started/index.md
+++ b/files/ru/learn/html/introduction_to_html/getting_started/index.md
@@ -389,7 +389,7 @@ textarea.onkeyup = function(){
 
 ### Булевые атрибуты
 
-Иногда вы будете видеть атрибуты, написанные без значения — это совершенно допустимо. Такие атрибуты называются булевые, и они могут иметь только одно значение, которое в основном совпадает с его именем. В качестве примера возьмём атрибут {{htmlattrxref("disabled", "input")}}, который можно назначить для формирования элементов ввода, если вы хотите, чтобы они были отключены (неактивны), так что пользователь не может вводить какие-либо данные в них.
+Иногда вы будете видеть атрибуты, написанные без значения — это совершенно допустимо. Такие атрибуты называются булевые, и они могут иметь только одно значение, которое в основном совпадает с его именем. В качестве примера возьмём атрибут [`disabled`](/ru/docs/Web/HTML/Element/input#disabled), который можно назначить для формирования элементов ввода, если вы хотите, чтобы они были отключены (неактивны), так что пользователь не может вводить какие-либо данные в них.
 
 ```
 <input type="text" disabled="disabled">
diff --git a/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.md b/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.md
index ccae93b39a0207..d3d5b6dc028403 100644
--- a/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.md
+++ b/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.md
@@ -100,7 +100,7 @@ original_slug: Learn/HTML/Multimedia_and_embedding/Добавление_r_graphi
 
 ### Устранение неполадок и кросс-браузерная поддержка
 
-Для браузеров которые не поддерживают SVG (IE 8 и ниже, Android 2.3 и ниже), вы можете ссылаться на PNG или JPG в `src` атрибуте и использовать {{htmlattrxref("srcset", "img")}} атрибут (который распознают только последние браузеры) чтобы сослаться на SVG. В этом случае SVG будут загружаться только поддерживающими браузерами - старые же браузеры будут загружать PNG:
+Для браузеров которые не поддерживают SVG (IE 8 и ниже, Android 2.3 и ниже), вы можете ссылаться на PNG или JPG в `src` атрибуте и использовать [`srcset`](/ru/docs/Web/HTML/Element/img#srcset) атрибут (который распознают только последние браузеры) чтобы сослаться на SVG. В этом случае SVG будут загружаться только поддерживающими браузерами - старые же браузеры будут загружать PNG:
 
 ```html
 <img src="equilateral.png" alt="triangle with equal sides" srcset="equilateral.svg">
diff --git a/files/ru/learn/html/multimedia_and_embedding/images_in_html/index.md b/files/ru/learn/html/multimedia_and_embedding/images_in_html/index.md
index c78ffc9fd03804..e97c4847e7daa1 100644
--- a/files/ru/learn/html/multimedia_and_embedding/images_in_html/index.md
+++ b/files/ru/learn/html/multimedia_and_embedding/images_in_html/index.md
@@ -238,7 +238,7 @@ window.addEventListener("load", drawOutput);
 
 Элемент {{htmlelement("figcaption")}} говорит браузерам и вспомогательной технологии, что заголовок описывает содержимое элемента {{htmlelement("figure")}}.
 
-> **Примечание:** С точки зрения доступности, заголовки и {{htmlattrxref('alt','img')}} имеют различные предназначения. Заголовки помогают даже тем, кто имеет возможность просматривать изображение, тогда как {{htmlattrxref('alt','img')}} обеспечивает замену функциональности отсутствующего изображения. Таким образом, заголовки и `alt` не подразумевают под собой одни и те же вещи, потому что оба используются браузером при отсутствии изображения. Попробуйте отключить изображения в своём браузере, чтобы увидеть как это выглядит.
+> **Примечание:** С точки зрения доступности, заголовки и [`alt`](/ru/docs/Web/HTML/Element/img#alt) имеют различные предназначения. Заголовки помогают даже тем, кто имеет возможность просматривать изображение, тогда как [`alt`](/ru/docs/Web/HTML/Element/img#alt) обеспечивает замену функциональности отсутствующего изображения. Таким образом, заголовки и `alt` не подразумевают под собой одни и те же вещи, потому что оба используются браузером при отсутствии изображения. Попробуйте отключить изображения в своём браузере, чтобы увидеть как это выглядит.
 
 Тег \<figure> не является изображением. Он представляет собой независимый структурный элемент, который:
 
diff --git a/files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.md b/files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.md
index 8fd62941cf74dc..ee3b204d72c440 100644
--- a/files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.md
+++ b/files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.md
@@ -51,7 +51,7 @@ original_slug: Learn/HTML/Multimedia_and_embedding/заставка_Mozilla
 
 ### Добавление отзывчивых изображений к ссылкам с доп. информацией
 
-Внутри {{htmlelement("div")}} с классом `further-info` вы найдёте четыре элемента {{htmlelement("a")}} — каждый из которых ссылается на интересную страницу, связанную с Mozilla. Для завершения этой секции вам необходимо поместить элемент {{htmlelement("img")}} внутрь каждого элемента {{htmlelement("a")}} дополнив подходящими атрибутами {{htmlattrxref("src", "img")}}, {{htmlattrxref("alt", "img")}}, {{htmlattrxref("srcset", "img")}} и {{htmlattrxref("sizes", "img")}}.
+Внутри {{htmlelement("div")}} с классом `further-info` вы найдёте четыре элемента {{htmlelement("a")}} — каждый из которых ссылается на интересную страницу, связанную с Mozilla. Для завершения этой секции вам необходимо поместить элемент {{htmlelement("img")}} внутрь каждого элемента {{htmlelement("a")}} дополнив подходящими атрибутами [`src`](/ru/docs/Web/HTML/Element/img#src), [`alt`](/ru/docs/Web/HTML/Element/img#alt), [`srcset`](/ru/docs/Web/HTML/Element/img#srcset) и [`sizes`](/ru/docs/Web/HTML/Element/img#sizes).
 
 В каждом случае (кроме одного - какой из них по сути отзывчивый?) мы хотим, чтобы браузер использовал изображение шириной 120px , когда экран меньше или равен 480px, либо шириной 400px в других случаях.
 
diff --git a/files/ru/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md b/files/ru/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md
index 54f1e515bba395..ca0aa5483630e7 100644
--- a/files/ru/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md
+++ b/files/ru/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md
@@ -181,17 +181,17 @@ textarea.onkeyup = function(){
 
 Этот пример включает основы, необходимые для использования \<iframe>:
 
-- {{htmlattrxref('allowfullscreen','iframe')}}
+- [`allowfullscreen`](/ru/docs/Web/HTML/Element/iframe#allowfullscreen)
   - : Если установлено, \<iframe> может быть помещён в полноэкранный режим с использованием полноэкранного API (что несколько выходит за рамки этой статьи).
-- {{htmlattrxref('frameborder','iframe')}}
+- [`frameborder`](/ru/docs/Web/HTML/Element/iframe#frameborder)
   - : Если установлено значение 1, это указывает браузеру нарисовать границу между этим фреймом и другими фреймами, что является поведением по умолчанию. 0 удаляет границу. Использование этого на самом деле не рекомендуется, так как тот же эффект можно улучшить, используя {{cssxref ('border')}}: none; в {{Glossary ('CSS')}}.
-- {{htmlattrxref('src','iframe')}}
+- [`src`](/ru/docs/Web/HTML/Element/iframe#src)
   - : Этот атрибут, как и {{htmlelement ("video")}} / {{htmlelement ("img")}}, содержит путь, указывающий на URL-адрес внедряемого документа.
-- {{htmlattrxref('width','iframe')}} and {{htmlattrxref('height','iframe')}}
+- [`width`](/ru/docs/Web/HTML/Element/iframe#width) and [`height`](/ru/docs/Web/HTML/Element/iframe#height)
   - : Эти атрибуты определяют ширину и высоту, в которых вы хотите использовать iframe.
 - Резервный контент
   - : Точно так же, как и другие подобные элементы, такие как {{htmlelement ("video")}}, вы можете включить резервный контент между тегами открытия и закрытия \<iframe> \</ iframe>, которые появятся, если браузер не поддерживает < IFRAME>. В этом случае мы включили ссылку на страницу. Вряд ли вы столкнётесь с таким браузером, который не поддерживает \<iframe> в наше время.
-- {{htmlattrxref('sandbox','iframe')}}
+- [`sandbox`](/ru/docs/Web/HTML/Element/iframe#sandbox)
   - : Этот атрибут, который работает в более современных браузерах, чем остальные функции \<iframe> (например, IE 10 и выше). Он запрашивает повышенные настройки безопасности. Об этом мы расскажем в следующем разделе.
 
 > **Примечание:** Чтобы повысить скорость загрузки, рекомендуется установить атрибут src в элементе iframe с помощью JavaScript после того, как основное содержимое будет загружено. Это ускорит вашу страницу и уменьшит время загрузки официальной страницы (важный показатель {{glossary ("SEO")}}.)
@@ -231,7 +231,7 @@ textarea.onkeyup = function(){
 
 Контент, не ограниченный sandbox, может сделать слишком многое (выполнение JavaScript, отправка форм, всплывающие окна и т. д.). По умолчанию включайте все возможные ограничения, используя атрибут `sandbox` без параметров, как показано в предыдущем примере.
 
-Если это необходимо, вы можете добавлять разрешения один за другим (внутри значения атрибута `sandbox=""`) — смотри {{htmlattrxref('sandbox','iframe')}} ссылка для всех доступных опций. Важно отметить, что вы _никогда_ не должны добавлять атрибуты `allow-scripts` и `allow-same-origin` в свой `sandbox` атрибут одновременно — в таком случае, встроенный контент может обходить политику безопасности, которая запрещает сайтам выполнять скрипты и использовать JavaScript для отключения "песочницы" sandbox .
+Если это необходимо, вы можете добавлять разрешения один за другим (внутри значения атрибута `sandbox=""`) — смотри [`sandbox`](/ru/docs/Web/HTML/Element/iframe#sandbox) ссылка для всех доступных опций. Важно отметить, что вы _никогда_ не должны добавлять атрибуты `allow-scripts` и `allow-same-origin` в свой `sandbox` атрибут одновременно — в таком случае, встроенный контент может обходить политику безопасности, которая запрещает сайтам выполнять скрипты и использовать JavaScript для отключения "песочницы" sandbox .
 
 > **Примечание:** "Песочница" не обеспечивает защиту, если злоумышленники могут обманывать людей через прямое посещение вредоносного контента (вне iframe). Если есть вероятность, что определённый контент может быть вредоносным (например, созданный пользователями контент), пожалуйста, используйте его из другого {{glossary("domain")}} на ваш основной сайт.
 
@@ -253,13 +253,13 @@ textarea.onkeyup = function(){
 
 |                                                                                      | {{htmlelement("embed")}}                                                          | {{htmlelement("object")}}                                                              |
 | ------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
-| {{glossary("URL")}} встраиваемого контента                                      | {{htmlattrxref('src','embed')}}                                                  | {{htmlattrxref('data','object')}}                                                  |
-| _точный_ {{glossary("MIME type", 'media type')}} встраиваемого контента | {{htmlattrxref('type','embed')}}                                              | {{htmlattrxref('type','object')}}                                                  |
-| высота и ширина (в пикселях) элемента, управляемого плагином                         | {{htmlattrxref('height','embed')}} {{htmlattrxref('width','embed')}} | {{htmlattrxref('height','object')}} {{htmlattrxref('width','object')}} |
+| {{glossary("URL")}} встраиваемого контента                                      | [`src`](/ru/docs/Web/HTML/Element/embed#src)                                                  | [`data`](/ru/docs/Web/HTML/Element/object#data)                                                  |
+| _точный_ {{glossary("MIME type", 'media type')}} встраиваемого контента | [`type`](/ru/docs/Web/HTML/Element/embed#type)                                              | [`type`](/ru/docs/Web/HTML/Element/object#type)                                                  |
+| высота и ширина (в пикселях) элемента, управляемого плагином                         | [`height`](/ru/docs/Web/HTML/Element/embed#height) [`width`](/ru/docs/Web/HTML/Element/embed#width) | [`height`](/ru/docs/Web/HTML/Element/object#height) [`width`](/ru/docs/Web/HTML/Element/object#width) |
 | имена и значения, предоставляемые плагину в качестве параметров                      | Особые атрибуты,с их именами и значениями                                                 | одиночные элементы {{htmlelement("param")}}, находящиеся внутри `<object>`            |
 | независимый HTML-контент в качестве резерва для отсутствующего ресурса               | не поддерживается (`<noembed>` является устаревшим)                                       | содержится внутри `<object>`, после элементов `<param>`                                       |
 
-> **Примечание:** Элементу `<object>` необходим атрибут `data` , атрибут `type` , или оба сразу. Если вы используете их вместе, вы также можете использовать атрибут {{htmlattrxref('typemustmatch','object')}} (имеющийся в наличии только в Firefox, на момент написания данной статьи). Атрибут `typemustmatch` предотвращает запуск файла, только если в в атрибут type не записан соответствующий медиа-тип. Следовательно, атрибут `typemustmatch` может предоставлять значительные преимущества в безопасности в случае встраивания контента из других источников {{glossary("origin")}} (Таким образом, не давая возможности злоумышленникам запускать произвольные скрипты посредством плагинов).
+> **Примечание:** Элементу `<object>` необходим атрибут `data` , атрибут `type` , или оба сразу. Если вы используете их вместе, вы также можете использовать атрибут [`typemustmatch`](/ru/docs/Web/HTML/Element/object#typemustmatch) (имеющийся в наличии только в Firefox, на момент написания данной статьи). Атрибут `typemustmatch` предотвращает запуск файла, только если в в атрибут type не записан соответствующий медиа-тип. Следовательно, атрибут `typemustmatch` может предоставлять значительные преимущества в безопасности в случае встраивания контента из других источников {{glossary("origin")}} (Таким образом, не давая возможности злоумышленникам запускать произвольные скрипты посредством плагинов).
 
 Ниже представлен пример использования элемента {{htmlelement("embed")}} для вставки Flash-фильма (загляните на [live on Github](http://mdn.github.io/learning-area/html/multimedia-and-embedding/other-embedding-technologies/embed-flash.html), а также на [check the source code](https://github.com/mdn/learning-area/blob/gh-pages/html/multimedia-and-embedding/other-embedding-technologies/embed-flash.html)):
 
diff --git a/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.md b/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.md
index 2bc770c06099b1..270db163d96cf4 100644
--- a/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.md
+++ b/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.md
@@ -10,7 +10,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images
 
 | Требования: | Предполагается, что вы уже знакомы с [основами HTML](/ru/docs/Learn/HTML/Introduction_to_HTML) и умеете [добавлять статичные изображения на веб-страницу](/ru/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML). |
 | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Цель:       | Узнать, как использовать такие элементы, как {{htmlattrxref("srcset", "img")}} и {{htmlelement("picture")}} чтобы обеспечить работу гибких изображения на веб-сайтах.                              |
+| Цель:       | Узнать, как использовать такие элементы, как [`srcset`](/ru/docs/Web/HTML/Element/img#srcset) и {{htmlelement("picture")}} чтобы обеспечить работу гибких изображения на веб-сайтах.                              |
 
 ## Почему адаптивные изображения?
 
@@ -38,7 +38,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images
 
 Такого рода проблемы не было в начале существования веба, в первой половине 90-х годов – тогда единственными устройствами для просмотра веб-страниц были настольные компьютеры и ноутбуки, так что создатели браузеров и авторы спецификаций даже не задумывались о создании решения. _Технологии отзывчивых изображений_ были реализованы недавно для решения проблем, указанных выше. Они позволяют вам предоставить браузеру несколько изображений, каждое из которых отображает одно и то же, но содержит разное количество пикселей (_resolution switching_), или разные изображения с отдельными областями основного изображения (_art direction_).
 
-> **Примечание:** Новые возможности обсуждаются в статье — {{htmlattrxref("srcset", "img")}}/{{htmlattrxref("sizes", "img")}}/{{htmlelement("picture")}} — все они поддерживаются последними версиями современных настольных и мобильных браузеров (включая Microsoft Edge, но не Internet Explorer).
+> **Примечание:** Новые возможности обсуждаются в статье — [`srcset`](/ru/docs/Web/HTML/Element/img#srcset)/[`sizes`](/ru/docs/Web/HTML/Element/img#sizes)/{{htmlelement("picture")}} — все они поддерживаются последними версиями современных настольных и мобильных браузеров (включая Microsoft Edge, но не Internet Explorer).
 
 ## Как сделать изображения отзывчивыми?
 
@@ -52,7 +52,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images
 <img src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">
 ```
 
-Однако есть два новых атрибута — {{htmlattrxref("srcset", "img")}} и {{htmlattrxref("sizes", "img")}} — позволяющих добавить дополнительные изображения с пометками, чтобы браузер выбрал подходящее. Пример на Github: [responsive.html](http://mdn.github.io/learning-area/html/multimedia-and-embedding/responsive-images/responsive.html) (также смотри [источник кода](https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/responsive-images/responsive.html)).
+Однако есть два новых атрибута — [`srcset`](/ru/docs/Web/HTML/Element/img#srcset) и [`sizes`](/ru/docs/Web/HTML/Element/img#sizes) — позволяющих добавить дополнительные изображения с пометками, чтобы браузер выбрал подходящее. Пример на Github: [responsive.html](http://mdn.github.io/learning-area/html/multimedia-and-embedding/responsive-images/responsive.html) (также смотри [источник кода](https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/responsive-images/responsive.html)).
 
 ```html
 <img srcset="elva-fairy-320w.jpg 320w,
@@ -97,7 +97,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images
 
 И это всё! На текущий момент, если поддерживающий браузер с viewport width 480px загрузит страницу, медиа-условие `(max-width: 480px)` будет истинно, следовательно, будет выбран слот `440px`, тогда будет загружено изображение `elva-fairy-480w.jpg`, так как свойство ширины (`480w`) наиболее близко значение `440px`. Условно, изображение 800px занимает на диске 128KB, в то время как версия в 480px только 63KB — экономия в 65KB. Теперь представьте, что у вас страница, на которой много изображений. Используя это технику, вы обеспечите мобильным пользователям большую пропускную способность.
 
-Старые браузеры, не поддерживающие эти возможности, просто проигнорируют их и возьмут изображение по адресу из атрибута {{htmlattrxref("src", "img")}}.
+Старые браузеры, не поддерживающие эти возможности, просто проигнорируют их и возьмут изображение по адресу из атрибута [`src`](/ru/docs/Web/HTML/Element/img#src).
 
 > **Примечание:** В описании элемента {{htmlelement("head")}} вы найдёте строку `<meta name="viewport" content="width=device-width">`: это заставляет мобильные браузеры адаптировать их реальный viewport width для загрузки web-страниц (некоторые мобильные браузеры нечестны насчёт своего viewport width, вместо этого они загружают страницу в большем viewport width, а затем ужимают её, что не очень хорошо сказывается на наших отзывчивых изображениях или дизайне. Мы расскажем вам об этом больше в будущем модуле.)
 
@@ -203,7 +203,7 @@ img {
 Это все для отзывчивых изображений - мы надеемся, вам понравилось играть с этими новыми технологиями. Напомним, что мы здесь обсуждали две различные проблемы:
 
 - **Художественное оформление**: Проблема, при которой вы хотите использовать обрезанные изображения для различных макетов - например, ландшафтное изображение для полных экранов на макете компьютера и портретное изображение, показывающее увеличенный основной объект, для мобильного макета. Всё это может быть решено с помощью {{htmlelement("picture")}} элемента.
-- **Переключение разрешений**: Проблема, при которой вы хотите использовать файлы изображений меньшего размера на устройствах с узким экраном, поскольку им не нужны огромные изображения, как на настольных дисплеях, а также дополнительно, что вы хотите использовать изображения разного разрешения для экранов с высокой/низкой плотностью. Эту проблему можно решить с помощью [векторной графики](/ru/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web) (SVG изображений), и {{htmlattrxref("srcset", "img")}} и {{htmlattrxref("sizes", "img")}} атрибуты.
+- **Переключение разрешений**: Проблема, при которой вы хотите использовать файлы изображений меньшего размера на устройствах с узким экраном, поскольку им не нужны огромные изображения, как на настольных дисплеях, а также дополнительно, что вы хотите использовать изображения разного разрешения для экранов с высокой/низкой плотностью. Эту проблему можно решить с помощью [векторной графики](/ru/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web) (SVG изображений), и [`srcset`](/ru/docs/Web/HTML/Element/img#srcset) и [`sizes`](/ru/docs/Web/HTML/Element/img#sizes) атрибуты.
 
 Это так же подводит нас к окончанию целого модуля ["Мультимедиа и встраивание"](/ru/docs/Learn/HTML/Multimedia_and_embedding)! Единственное, что вам осталось сейчас сделать перед тем, как двигаться дальше - это попробовать наше мультимедийное задание и посмотреть, как вы усвоили материал. Веселитесь!
 
diff --git a/files/ru/learn/html/multimedia_and_embedding/video_and_audio_content/index.md b/files/ru/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
index c4d2fa732deff0..80fb79fae02a06 100644
--- a/files/ru/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
+++ b/files/ru/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
@@ -34,9 +34,9 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
 
 Описание параметров:
 
-- {{htmlattrxref("src","video")}}
+- [`src`](/ru/docs/Web/HTML/Element/video#src)
   - : Точно так же, как для элемента {{htmlelement("img")}} , атрибут `src` (source — источник) содержит путь к видео, которое вы хотите внедрить. Он работает точно так же.
-- {{htmlattrxref("controls","video")}}
+- [`controls`](/ru/docs/Web/HTML/Element/video#controls)
   - : Пользователи должны иметь возможность контролировать воспроизведение видео и аудио (особенно это важно для людей, которые больны [эпилепсией](https://ru.wikipedia.org/wiki/%D0%AD%D0%BF%D0%B8%D0%BB%D0%B5%D0%BF%D1%81%D0%B8%D1%8F)). Вы должны либо использовать атрибут `controls`, чтобы использовать встроенный в браузер интерфейс управления или создать собственный интерфейс, используя соответствующие [JavaScript API](/ru/docs/Web/API/HTMLMediaElement). Как минимум, интерфейс должен включать способ запуска и остановки медиа-носителя и регулировки громкости.
 - Параграф внутри тегов `<video>`
   - : Это называют **резервный контент** — он будет отображаться, если браузер, показывающий страницу, не поддерживает элемент `<video>`, позволяя нам обеспечить поддержку для старых версий браузеров. Это может быть все, что вы захотите; в нашем примере мы предоставили прямую ссылку на видеофайл, поэтому пользователь может хотя бы получить к нему доступ, независимо от того, какой браузер он используют.
@@ -113,17 +113,17 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
 
 **![A video player showing a poster image before it plays. The poster image says HTML5 video example, OMG hell yeah!](extra-video-features.png)**Новые параметры:
 
-- **{{htmlattrxref("width","video")}} and {{htmlattrxref("height","video")}}**
+- **[`width`](/ru/docs/Web/HTML/Element/video#width) and [`height`](/ru/docs/Web/HTML/Element/video#height)**
   - : Вы можете контролировать размер видео либо с помощью этих атрибутов, либо с помощью {{Glossary("CSS")}}. В обоих случаях видео поддерживают собственное соотношение ширины и высоты — известное как соотношение сторон. Если соотношение сторон не поддерживается установленными вами размерами, видео будет увеличиваться, чтобы заполнить пространство по горизонтали, а заполненному пространству по умолчанию будет задан сплошной цвет фона.
-- **{{htmlattrxref("autoplay","video")}}**
+- **[`autoplay`](/ru/docs/Web/HTML/Element/video#autoplay)**
   - : Этот атрибут позволяет сразу начать воспроизведение звука или видео, пока остальная часть страницы загружается. Вам не рекомендуется использовать автовоспроизведение видео (или аудио) на ваших сайтах, потому что пользователи могут найти это действительно раздражающим.
-- **{{htmlattrxref("loop","video")}}**
+- **[`loop`](/ru/docs/Web/HTML/Element/video#loop)**
   - : Этот атрибут позволяет воспроизводить видео (или аудио) снова, когда он заканчивается. Это также может раздражать, поэтому используйте тогда, когда это действительно необходимо.
-- **{{htmlattrxref("muted","video")}}**
+- **[`muted`](/ru/docs/Web/HTML/Element/video#muted)**
   - : Этот атрибут заставляет проигрыватель воспроизводить звук, отключённый по умолчанию.
-- **{{htmlattrxref("poster","video")}}**
+- **[`poster`](/ru/docs/Web/HTML/Element/video#poster)**
   - : Этот атрибут принимает в качестве значения URL-адрес изображения, который будет отображаться до воспроизведения видео. Он предназначен для заставки к видео или рекламы.
-- **{{htmlattrxref("preload","video")}}**
+- **[`preload`](/ru/docs/Web/HTML/Element/video#preload)**
 
   - : этот атрибут используется в элементе для буферизации больших файлов. Он может принимать одно из трёх значений:
 
@@ -198,7 +198,7 @@ WEBVTT
 Чтобы отобразить это вместе с воспроизведением мультимедиа HTML, вам необходимо:
 
 1. Сохраните его как `.vtt`- файл, в разумном месте.
-2. Ссылка на файл `.vtt` с элементом {{htmlelement ("track")}}. `<track>` должен быть помещён в `<audio>` или `<video>`, но после элементов `<source>`. Используйте атрибут {{htmlattrxref ("kind", "track")}}, чтобы указать, являются ли реплики `субтитрами`, `титрами` или `описаниями`. Кроме того, используйте {{htmlattrxref ("srclang", "track")}}, чтобы сообщить браузеру, на каком языке вы записывали субтитры.
+2. Ссылка на файл `.vtt` с элементом {{htmlelement ("track")}}. `<track>` должен быть помещён в `<audio>` или `<video>`, но после элементов `<source>`. Используйте атрибут [`kind`](/ru/docs/Web/HTML/Element/track#kind), чтобы указать, являются ли реплики `субтитрами`, `титрами` или `описаниями`. Кроме того, используйте [`srclang`](/ru/docs/Web/HTML/Element/track#srclang), чтобы сообщить браузеру, на каком языке вы записывали субтитры.
 
 Вот пример:
 
diff --git a/files/ru/learn/html/tables/advanced/index.md b/files/ru/learn/html/tables/advanced/index.md
index 00d7a5f0532970..5fed22d1acebc5 100644
--- a/files/ru/learn/html/tables/advanced/index.md
+++ b/files/ru/learn/html/tables/advanced/index.md
@@ -28,7 +28,7 @@ translation_of: Learn/HTML/Tables/Advanced
 
 Заголовок помещают сразу после тега `<table>`.
 
-> **Примечание:** Атрибут {{htmlattrxref("summary","table")}} также может быть использован в `<table>` элементе предоставляя описание — это также читается скринридерами. Однако мы рекомендуем вместо этого использовать `<caption>` элемент, так как `summary` {{glossary("deprecated")}} в HTML5 спецификации и не может быть прочитан зрячими пользователями (он не отображается на странице).
+> **Примечание:** Атрибут [`summary`](/ru/docs/Web/HTML/Element/table#summary) также может быть использован в `<table>` элементе предоставляя описание — это также читается скринридерами. Однако мы рекомендуем вместо этого использовать `<caption>` элемент, так как `summary` {{glossary("deprecated")}} в HTML5 спецификации и не может быть прочитан зрячими пользователями (он не отображается на странице).
 
 ### Упражнение: Добавление заголовка
 
@@ -62,7 +62,7 @@ translation_of: Learn/HTML/Tables/Advanced
 2. Попробуйте открыть это в браузере — вы увидите, что все выглядит классно, но могло бы быть лучше. Строка "SUM" которая содержит потраченные суммы кажется находится не в том месте и некоторые детали отсутствуют в коде.
 3. Поместите очевидную строку заголовка внутрь `<thead>` элемента, строку "SUM" внутрь `<tfoot>` элемента и оставшийся контент внутрь `<tbody>` элемента.
 4. Сохраните, перезагрузите и вы увидите, что добавление элемента `<tfoot>` привело к тому, что строка "SUM" опустилась к нижней части таблицы.
-5. Далее, добавьте атрибут {{htmlattrxref("colspan","td")}}, чтобы ячейка "SUM" занимала первые четыре столбца, таким образом числовое значение "Cost" появится в последнем столбце.
+5. Далее, добавьте атрибут [`colspan`](/ru/docs/Web/HTML/Element/td#colspan), чтобы ячейка "SUM" занимала первые четыре столбца, таким образом числовое значение "Cost" появится в последнем столбце.
 6. Давайте добавим несколько простых дополнительных стилей к таблице, чтобы дать вам представление насколько эти элементы полезны при использовании CSS. Внутри в `<head>` вашего HTML документа вы увидите пустой элемент {{htmlelement("style")}}. Внутри этого элемента добавьте следующие строки CSS кода:
 
     ```css
@@ -309,7 +309,7 @@ translation_of: Learn/HTML/Tables/Advanced
 
 ### Атрибут scope
 
-Новая тема в этой статье это атрибут {{htmlattrxref("scope","th")}}, который может быть добавлен к элементу `<th>` он сообщает скринридеру какие ячейки точно являются заголовками — например, заголовок строки в которой он находится или столбца. Возвращаясь назад к нашему примеру с записями расходов, вы могли однозначно определить заголовки столбцов как здесь:
+Новая тема в этой статье это атрибут [`scope`](/ru/docs/Web/HTML/Element/th#scope), который может быть добавлен к элементу `<th>` он сообщает скринридеру какие ячейки точно являются заголовками — например, заголовок строки в которой он находится или столбца. Возвращаясь назад к нашему примеру с записями расходов, вы могли однозначно определить заголовки столбцов как здесь:
 
 ```html
 <thead>
@@ -341,7 +341,7 @@ translation_of: Learn/HTML/Tables/Advanced
 
 ### Атрибуты id и headers
 
-Альтернатива атрибута `scope` это использование атрибутов {{htmlattrxref("id")}} и {{htmlattrxref("headers", "td")}} задавая ассоциации между заголовками и ячейками. Этот способ выглядит следующим образом:
+Альтернатива атрибута `scope` это использование атрибутов [`id`](/ru/docs/Web/HTML/Global_attributes#id) и [`headers`](/ru/docs/Web/HTML/Element/td#headers) задавая ассоциации между заголовками и ячейками. Этот способ выглядит следующим образом:
 
 1. Вы устанавливаете уникальный `id` для каждого `<th>` элемента.
 2. Вы устанавливаете атрибут `headers` для каждого `<td>` элемента. Каждый `headers` атрибут должен содержать список всех `id`, разделённый пробелами, ко всем `<th>` элементам которые действуют как заголовок для этой ячейки.
diff --git a/files/ru/mozilla/firefox/releases/32/index.md b/files/ru/mozilla/firefox/releases/32/index.md
index 5470bb284a65c8..3d31b2914e9e81 100644
--- a/files/ru/mozilla/firefox/releases/32/index.md
+++ b/files/ru/mozilla/firefox/releases/32/index.md
@@ -33,7 +33,7 @@ translation_of: Mozilla/Firefox/Releases/32
 
 ### HTML
 
-- Экспериментальная реализация свойства (включается параметром) {{HTMLElement("img")}} {{HTMLattrxref("srcset", "img")}}. Чтобы включить его, установите значение `dom.image.srcset.enable` в `true` ({{Bug(870021)}}).
+- Экспериментальная реализация свойства (включается параметром) {{HTMLElement("img")}} [`srcset`](/ru/docs/Web/HTML/Element/img#srcset). Чтобы включить его, установите значение `dom.image.srcset.enable` в `true` ({{Bug(870021)}}).
 
 ### JavaScript
 
diff --git a/files/ru/mozilla/firefox/releases/62/index.md b/files/ru/mozilla/firefox/releases/62/index.md
index a99b3bcffce9fa..a2f8c0a9e3b2d6 100644
--- a/files/ru/mozilla/firefox/releases/62/index.md
+++ b/files/ru/mozilla/firefox/releases/62/index.md
@@ -104,7 +104,7 @@ _Без изменений._
 
 - Поддержка событий {{event("userproximity")}}, {{event("deviceproximity")}} (см. {{domxref("UserProximityEvent")}} и {{domxref("DeviceProximityEvent")}}) отключена по умолчанию и управляется настройкой `device.sensors.proximity.enabled` ({{bug(1462308)}}).
 - Поддержка события {{event("devicelight")}} (см. также {{domxref("DeviceLightEvent")}}) отключена по умолчанию и управляется настройкой `device.sensors.ambientLight.enabled` ({{bug(1462308)}}).
-- [События мутации](/ru/docs/Web/Guide/Events/Mutation_events) {{event("DOMSubtreeModified")}} и {{event("DOMAttrModified")}} больше не выбрасываются, когда атрибут {{htmlattrxref("style")}} изменяется с помощью CSSOM ({{bug(1460295)}}).
+- [События мутации](/ru/docs/Web/Guide/Events/Mutation_events) {{event("DOMSubtreeModified")}} и {{event("DOMAttrModified")}} больше не выбрасываются, когда атрибут [`style`](/ru/docs/Web/HTML/Global_attributes#style) изменяется с помощью CSSOM ({{bug(1460295)}}).
 - Прекращена поддержка {{domxref("CSSStyleDeclaration.getPropertyCSSValue()")}} ({{bug(1408301)}}).
 - Прекращена поддержка {{domxref("CSSValue")}}, {{domxref("CSSPrimitiveValue")}} и {{domxref("CSSValueList")}} ({{bug(1459871)}}).
 - {{domxref("window.getComputedStyle()")}} больше не возвращает `null`, если вызван на `Window`, у которого нет представления ({{bug(1467722)}}).
diff --git a/files/ru/mozilla/firefox/releases/65/index.md b/files/ru/mozilla/firefox/releases/65/index.md
index 5825993926510b..877d841c9d9eaa 100644
--- a/files/ru/mozilla/firefox/releases/65/index.md
+++ b/files/ru/mozilla/firefox/releases/65/index.md
@@ -55,7 +55,7 @@ translation_of: Mozilla/Firefox/Releases/65
 
 - События теперь отправляются на отключённые элементы HTML, то есть элементы {{htmlelement("button")}}, {{htmlelement("fieldset")}}, {{htmlelement("input")}}, {{htmlelement("select")}} и {{htmlelement("textarea")}} с установленными атрибутами `disabled` ({{bug(329509)}}).
 - Как в Chrome и Safari, удаление атрибута `src` у элемента {{htmlelement("iframe")}} загружает в него `about:blank` ({{bug(1501418)}}) . До этого удаление `src` не влияло на содержимое `iframe`.
-- Добавлена поддержка атрибута {{htmlattrxref("referrerpolicy", "script")}} у элементов {{htmlelement("script")}} ({{bug(1460920)}}).
+- Добавлена поддержка атрибута [`referrerpolicy`](/ru/docs/Web/HTML/Element/script#referrerpolicy) у элементов {{htmlelement("script")}} ({{bug(1460920)}}).
 
 ### CSS
 
diff --git a/files/ru/orphaned/web/guide/unicode_bidrectional_text_algorithm/index.md b/files/ru/orphaned/web/guide/unicode_bidrectional_text_algorithm/index.md
index 2d6eb55c083c88..684f8822c97541 100644
--- a/files/ru/orphaned/web/guide/unicode_bidrectional_text_algorithm/index.md
+++ b/files/ru/orphaned/web/guide/unicode_bidrectional_text_algorithm/index.md
@@ -67,7 +67,7 @@ Unicode provides a number of special control characters that make it possible to
       <td rowspan="2">U+202C</td>
       <td rowspan="2"><code>&#x26;#x202C;</code></td>
       <td>
-        Closing whatever opening tag used the {{htmlattrxref("dir")}}
+        Closing whatever opening tag used the <a href="/ru/docs/Web/HTML/Global_attributes#dir"><code>dir</code></a>
         attribute
       </td>
       <td>Used for RLE or LRE</td>
@@ -81,7 +81,7 @@ Unicode provides a number of special control characters that make it possible to
       <td>U+2069</td>
       <td><code>&#x26;#x2069;</code></td>
       <td>
-        Closing whatever opening tag used the {{htmlattrxref("dir")}}
+        Closing whatever opening tag used the <a href="/ru/docs/Web/HTML/Global_attributes#dir"><code>dir</code></a>
         attribute
       </td>
       <td>Used for RLI, LRI, or FSI</td>
diff --git a/files/ru/orphaned/web/http/feature_policy/using_feature_policy/index.md b/files/ru/orphaned/web/http/feature_policy/using_feature_policy/index.md
index a148f7ec82b750..b2d12a3945eb49 100644
--- a/files/ru/orphaned/web/http/feature_policy/using_feature_policy/index.md
+++ b/files/ru/orphaned/web/http/feature_policy/using_feature_policy/index.md
@@ -38,7 +38,7 @@ original_slug: Web/HTTP/Feature_Policy/Using_Feature_Policy
 Функциональная политика предлагает два способа определения политик:
 
 - Заголовок {{httpheader('Feature-Policy')}} HTTP.
-- Атрибут {{htmlattrxref("allow", "iframe")}} на элементе {{htmlelement("iframe")}}.
+- Атрибут [`allow`](/ru/docs/Web/HTML/Element/iframe#allow) на элементе {{htmlelement("iframe")}}.
 
 Основное отличие между заголовком HTTP и атрибутом `allow` в том, что атрибут определяет доступность функциональности для документов, загруженных в `iframe`. Заголовок же определяет доступность функциональности в документе и вложенных в него контекстах, направляющимся в ответе на HTTP(S) запрос.
 
diff --git a/files/ru/web/api/blob/index.md b/files/ru/web/api/blob/index.md
index 7e3b408e7e1e37..827d0e767138aa 100644
--- a/files/ru/web/api/blob/index.md
+++ b/files/ru/web/api/blob/index.md
@@ -79,7 +79,7 @@ const blob = new Blob([JSON.stringify(obj, null, 2)], {type : 'application/json'
 
 #### JavaScript
 
-Основной частью этого кода для примера является функция `typedArrayToURL()`, которая создаёт `Blob` из переданного типизированного массива и возвращает объект URL для него. Преобразовав данные в URL объекта, их можно использовать несколькими способами, в том числе, в качестве значения атрибута {{htmlattrxref("src", "img")}} элементов {{HTMLElement("img")}} (конечно, при условии, что данные содержат изображение).
+Основной частью этого кода для примера является функция `typedArrayToURL()`, которая создаёт `Blob` из переданного типизированного массива и возвращает объект URL для него. Преобразовав данные в URL объекта, их можно использовать несколькими способами, в том числе, в качестве значения атрибута [`src`](/ru/docs/Web/HTML/Element/img#src) элементов {{HTMLElement("img")}} (конечно, при условии, что данные содержат изображение).
 
 ```js
 function typedArrayToURL(typedArray, mimeType) {
diff --git a/files/ru/web/api/canvas_api/tutorial/using_images/index.md b/files/ru/web/api/canvas_api/tutorial/using_images/index.md
index 447b7bb2c3c960..53dfff5ee7013a 100644
--- a/files/ru/web/api/canvas_api/tutorial/using_images/index.md
+++ b/files/ru/web/api/canvas_api/tutorial/using_images/index.md
@@ -43,7 +43,7 @@ Canvas API может использовать все перечисленные
 
 ### Использование изображений из других доменов
 
-Использование {{htmlattrxref("crossorigin", "img")}} атрибута {{HTMLElement("img")}} элемент (отображается {{domxref("HTMLImageElement.crossOrigin")}} свойства), вы можете запросить разрешение на загрузку другого домена для использования в `drawImage()`. Если хостинг домен разрешает доступ к междоменному изображению, то изображение может быть использовано в вашем canvas без without tainting it;иначе он может испортить ваш canvas.
+Использование [`crossorigin`](/ru/docs/Web/HTML/Element/img#crossorigin) атрибута {{HTMLElement("img")}} элемент (отображается {{domxref("HTMLImageElement.crossOrigin")}} свойства), вы можете запросить разрешение на загрузку другого домена для использования в `drawImage()`. Если хостинг домен разрешает доступ к междоменному изображению, то изображение может быть использовано в вашем canvas без without tainting it;иначе он может испортить ваш canvas.
 
 ### Использование других canvas элементов
 
diff --git a/files/ru/web/api/domstringmap/index.md b/files/ru/web/api/domstringmap/index.md
index b707691008bf31..d64bd8a60afd09 100644
--- a/files/ru/web/api/domstringmap/index.md
+++ b/files/ru/web/api/domstringmap/index.md
@@ -8,7 +8,7 @@ translation_of: Web/API/DOMStringMap
 
 {{ APIRef("HTML DOM") }}
 
-Used by the {{ htmlattrxref("dataset") }} HTML attribute to represent data for custom attributes added to elements.
+Used by the [`dataset`](/ru/docs/Web/HTML/Global_attributes#dataset) HTML attribute to represent data for custom attributes added to elements.
 
 ## Доступные методы
 
@@ -73,4 +73,4 @@ void removeProp(
 ## Смотрите также
 
 - {{ domxref("HTMLElement.dataset") }}
-- {{ htmlattrxref("dataset") }}
+- [`dataset`](/ru/docs/Web/HTML/Global_attributes#dataset)
diff --git a/files/ru/web/api/element/setattribute/index.md b/files/ru/web/api/element/setattribute/index.md
index 73b7ea26809a95..d4aa0e10f78696 100644
--- a/files/ru/web/api/element/setattribute/index.md
+++ b/files/ru/web/api/element/setattribute/index.md
@@ -16,7 +16,7 @@ element.setAttribute(name, value);
 
 ## Пример
 
-В следующем примере, `setAttribute()` используется, чтобы установить атрибут {{htmlattrxref("disabled")}} кнопки {{htmlelement("button")}}, делая её отключённой.
+В следующем примере, `setAttribute()` используется, чтобы установить атрибут [`disabled`](/ru/docs/Web/HTML/Global_attributes#disabled) кнопки {{htmlelement("button")}}, делая её отключённой.
 
 ```html
 <button>Hello World</button>
diff --git a/files/ru/web/api/fullscreen_api/index.md b/files/ru/web/api/fullscreen_api/index.md
index 6a0203dccd861d..afe7fabb589ec5 100644
--- a/files/ru/web/api/fullscreen_api/index.md
+++ b/files/ru/web/api/fullscreen_api/index.md
@@ -156,4 +156,4 @@ If full-screen mode is already active (`fullscreenElement` is not `null`), we ca
 - {{DOMxRef("Document.fullscreen")}}
 - {{DOMxRef("Document.fullscreenElement")}}
 - {{CSSxRef(":fullscreen")}}, {{CSSxRef("::backdrop")}}
-- {{HTMLAttrXRef("allowfullscreen", "iframe")}}
+- [`allowfullscreen`](/ru/docs/Web/HTML/Element/iframe#allowfullscreen)
diff --git a/files/ru/web/api/html_drag_and_drop_api/drag_operations/index.md b/files/ru/web/api/html_drag_and_drop_api/drag_operations/index.md
index 85c356957e18fb..b4a2c1014bf239 100644
--- a/files/ru/web/api/html_drag_and_drop_api/drag_operations/index.md
+++ b/files/ru/web/api/html_drag_and_drop_api/drag_operations/index.md
@@ -19,7 +19,7 @@ original_slug: Web/Guide/HTML/Drag_and_drop/Drag_operations
 
 Для перетаскивания других HTML-элементов, должны быть выполнены три пункта :
 
-1. Установить `{{htmlattrxref("draggable")}}="true"` на элемент, который вы хотите сделать перетаскиваемым.
+1. Установить `[`draggable`](/ru/docs/Web/HTML/Global_attributes#draggable)="true"` на элемент, который вы хотите сделать перетаскиваемым.
 2. Добавить обработчик события `{{event("dragstart")}}`.
 3. [Установить данные перетаскивания](/ru/docs/Web/API/DataTransfer/setData) в обработчик выше.
 
@@ -31,9 +31,9 @@ original_slug: Web/Guide/HTML/Drag_and_drop/Drag_operations
 </p>
 ```
 
-Атрибут `{{htmlattrxref("draggable")}}` установлен в `"true"`, т.о. этот элемент становится перетаскиваемым. Если этот атрибут был опущен или установлен в `"false"`, то элемент не может быть перенесён, и вместо этого будет выбран текст.
+Атрибут `[`draggable`](/ru/docs/Web/HTML/Global_attributes#draggable)` установлен в `"true"`, т.о. этот элемент становится перетаскиваемым. Если этот атрибут был опущен или установлен в `"false"`, то элемент не может быть перенесён, и вместо этого будет выбран текст.
 
-Атрибут `{{htmlattrxref("draggable")}}` может быть использован для любого элемента, включая изображения и ссылки. Однако, для последних двух, значение по умолчанию - `true`, т.о. вы можете только использовать атрибут `{{htmlattrxref("draggable")}}` со значением `false` для отключение перетаскивания этих элементов.
+Атрибут `[`draggable`](/ru/docs/Web/HTML/Global_attributes#draggable)` может быть использован для любого элемента, включая изображения и ссылки. Однако, для последних двух, значение по умолчанию - `true`, т.о. вы можете только использовать атрибут `[`draggable`](/ru/docs/Web/HTML/Global_attributes#draggable)` со значением `false` для отключение перетаскивания этих элементов.
 
 > **Примечание:** Когда элемент становится перетаскиваемыми, текст или другие элементы в нем больше не могут быть выбраны обычным способом, щёлкая и перетаскивая мышью. Вместо этого пользователь должен удерживать клавишу <kbd>Alt</kbd> чтобы выбрать текст с помощью мыши или клавиатуры.
 
diff --git a/files/ru/web/api/html_drag_and_drop_api/index.md b/files/ru/web/api/html_drag_and_drop_api/index.md
index 75cb3ad8aa8218..b6e784aa5ea972 100644
--- a/files/ru/web/api/html_drag_and_drop_api/index.md
+++ b/files/ru/web/api/html_drag_and_drop_api/index.md
@@ -68,7 +68,7 @@ Mozilla и Firefox поддерживают некоторые функции, 
 
 ### Обозначьте, что можно _перетаскивать_
 
-Чтобы сделать элемент _перетаскиваемым_, к нему нужно добавить атрибут {{htmlattrxref("draggable")}} и глобальный обработчик события {{domxref("GlobalEventHandlers.ondragstart","ondragstart")}}. Пример показан в коде ниже:
+Чтобы сделать элемент _перетаскиваемым_, к нему нужно добавить атрибут [`draggable`](/ru/docs/Web/HTML/Global_attributes#draggable) и глобальный обработчик события {{domxref("GlobalEventHandlers.ondragstart","ondragstart")}}. Пример показан в коде ниже:
 
 ```html
 <script>
diff --git a/files/ru/web/api/htmlanchorelement/index.md b/files/ru/web/api/htmlanchorelement/index.md
index 8cd30f8f6277fa..a63042ef1e004c 100644
--- a/files/ru/web/api/htmlanchorelement/index.md
+++ b/files/ru/web/api/htmlanchorelement/index.md
@@ -29,11 +29,11 @@ _Наследует свойства от его родителя, {{domxref("HT
 - {{domxref("URLUtils.hostname")}}
   - : Это {{domxref("DOMString")}} отображает имя хоста в указанном URL.
 - {{domxref("URLUtils.href")}}
-  - : Это {{domxref("DOMString")}} что отображает {{htmlattrxref("href", "a")}} HTML атрибут, содержащий действительный URL связанного ресурса.
+  - : Это {{domxref("DOMString")}} что отображает [`href`](/ru/docs/Web/HTML/Element/a#href) HTML атрибут, содержащий действительный URL связанного ресурса.
 - {{domxref("HTMLAnchorElement.hreflang")}}
-  - : Это {{domxref("DOMString")}} что отображает HTML атрибут {{htmlattrxref("hreflang", "a")}}, показывающий язык связанного ресурса.
+  - : Это {{domxref("DOMString")}} что отображает HTML атрибут [`hreflang`](/ru/docs/Web/HTML/Element/a#hreflang), показывающий язык связанного ресурса.
 - {{domxref("HTMLAnchorElement.media")}}
-  - : Это {{domxref("DOMString")}} что отображает {{htmlattrxref("media", "a")}} HTML атрибут, с указанием предполагаемого media для связанного ресурса.
+  - : Это {{domxref("DOMString")}} что отображает [`media`](/ru/docs/Web/HTML/Element/a#media) HTML атрибут, с указанием предполагаемого media для связанного ресурса.
 - {{domxref("HTMLAnchorElement.name")}}
   - : Это {{domxref("DOMString")}} отображает имя якоря.
 - {{domxref("URLUtils.password")}}
@@ -47,13 +47,13 @@ _Наследует свойства от его родителя, {{domxref("HT
 - {{domxref("URLUtils.protocol")}}
   - : Is a {{domxref("DOMString")}} отображающий составную часть протокола, включая двоеточия ('`:`'), ссылающегося URL.
 - {{domxref("HTMLAnchorElement.referrer")}} {{experimental_inline}}
-  - : Это {{domxref("DOMString")}} что отображает {{htmlattrxref("referrer", "a")}} HTML атрибут, показывающий какой referrer используется, когда выбрано изображение.
+  - : Это {{domxref("DOMString")}} что отображает [`referrer`](/ru/docs/Web/HTML/Element/a#referrer) HTML атрибут, показывающий какой referrer используется, когда выбрано изображение.
 - {{domxref("HTMLAnchorElement.rel")}}
-  - : Это {{domxref("DOMString")}} что отображает {{htmlattrxref("rel", "a")}} HTML атрибут, уточняя взаимоотношения целевого объекта к связанному объекту.
+  - : Это {{domxref("DOMString")}} что отображает [`rel`](/ru/docs/Web/HTML/Element/a#rel) HTML атрибут, уточняя взаимоотношения целевого объекта к связанному объекту.
 - {{domxref("HTMLAnchorElement.relList")}} {{readonlyInline}}
-  - : Возвращает {{domxref("DOMTokenList")}} который отображает {{htmlattrxref("rel", "a")}} HTML атрибут, как список токенов.
+  - : Возвращает {{domxref("DOMTokenList")}} который отображает [`rel`](/ru/docs/Web/HTML/Element/a#rel) HTML атрибут, как список токенов.
 - {{domxref("HTMLAnchorElement.rev")}}
-  - : Это {{domxref("DOMString")}} отображающий как {{htmlattrxref("rev", "a")}} HTML атрибут, уточняя взаимоотношения связанного объекта к целевому объекту
+  - : Это {{domxref("DOMString")}} отображающий как [`rev`](/ru/docs/Web/HTML/Element/a#rev) HTML атрибут, уточняя взаимоотношения связанного объекта к целевому объекту
 - {{domxref("URLUtils.search")}}
   - : Это {{domxref("DOMString")}} отображающий искомый элемент, включая ведущий знак вопроса ('`?`'), если таковой имеется, в ссылающемся URL.
 - {{domxref("HTMLAnchorElement.shape")}}
@@ -61,11 +61,11 @@ _Наследует свойства от его родителя, {{domxref("HT
 - {{domxref("HTMLAnchorElement.tabindex")}}
   - : Это `long` содержащий положение элемента в порядке навигационного переключения для текущего документа.
 - {{domxref("HTMLAnchorElement.target")}}
-  - : Это {{domxref("DOMString")}} который отображает {{htmlattrxref("target", "a")}} HTML атрибут, указывая где отображается связанный ресурс.
+  - : Это {{domxref("DOMString")}} который отображает [`target`](/ru/docs/Web/HTML/Element/a#target) HTML атрибут, указывая где отображается связанный ресурс.
 - {{domxref("HTMLAnchorElement.text")}}
   - : Это {{domxref("DOMString")}} является синонимом {{domxref("Node.textContent")}} свойства.
 - {{domxref("HTMLAnchorElement.type")}}
-  - : Это {{domxref("DOMString")}} которое отображает {{htmlattrxref("type", "a")}} HTML атрибут, показывающий MIME тип связанного ресурса.
+  - : Это {{domxref("DOMString")}} которое отображает [`type`](/ru/docs/Web/HTML/Element/a#type) HTML атрибут, показывающий MIME тип связанного ресурса.
 - {{domxref("URLUtils.username")}}
   - : Это {{domxref("DOMString")}} содержащий имя пользователя определённое перед именем домена.
 
diff --git a/files/ru/web/api/htmlareaelement/index.md b/files/ru/web/api/htmlareaelement/index.md
index 79efdc1eaca196..78e91010fcc38d 100644
--- a/files/ru/web/api/htmlareaelement/index.md
+++ b/files/ru/web/api/htmlareaelement/index.md
@@ -14,9 +14,9 @@ _Наследует свойства от его родителя, {{domxref("HT
 - {{domxref("HTMLAreaElement.accessKey")}}
   - : Это {{domxref("DOMString")}} содержащий единственный символ, который переключает фокус ввода для управления.
 - {{domxref("HTMLAreaElement.alt")}}
-  - : Это {{domxref("DOMString")}} которое отображает {{ htmlattrxref("alt", "area") }} HTML атрибут, содержащий альтернативный текст для элемента.
+  - : Это {{domxref("DOMString")}} которое отображает [`alt`](/ru/docs/Web/HTML/Element/area#alt) HTML атрибут, содержащий альтернативный текст для элемента.
 - {{domxref("HTMLAreaElement.coords")}}
-  - : Это {{domxref("DOMString")}} который отображает {{ htmlattrxref("coords", "area") }} HTML атрибут, содержащий координаты активного участка региона.
+  - : Это {{domxref("DOMString")}} который отображает [`coords`](/ru/docs/Web/HTML/Element/area#coords) HTML атрибут, содержащий координаты активного участка региона.
 - {{domxref("HTMLAreaElement.download")}} {{experimental_inline}}
   - : Это {{domxref("DOMString")}} показывает что связанный ресурс предназначен для загрузки, а не для отображения в браузере. Значение представляет собой предполагаемое имя файла. Если имя не является допустимым именем файла в данной ОС, браузер будет адаптировать его.
 - {{domxref("URLUtils.hash")}}
@@ -26,11 +26,11 @@ _Наследует свойства от его родителя, {{domxref("HT
 - {{domxref("URLUtils.hostname")}}
   - : Это {{domxref("DOMString")}} содержащий имя хоста в указанном URL.
 - {{domxref("URLUtils.href")}}
-  - : Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("href", "area") }} HTML атрибут, содержащий действительный URL связанного с ним ресурса.
+  - : Это {{domxref("DOMString")}} содержание которого отображает [`href`](/ru/docs/Web/HTML/Element/area#href) HTML атрибут, содержащий действительный URL связанного с ним ресурса.
 - {{domxref("HTMLAreaElement.hreflang")}}
-  - : Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("hreflang", "area") }} HTML атрибут, показывающий язык связанного с ним ресурса.
+  - : Это {{domxref("DOMString")}} содержание которого отображает [`hreflang`](/ru/docs/Web/HTML/Element/area#hreflang) HTML атрибут, показывающий язык связанного с ним ресурса.
 - {{domxref("HTMLAreaElement.media")}}
-  - : Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("media", "area") }} HTML атрибут, показывающий целевое media, связанного с ним ресурса.
+  - : Это {{domxref("DOMString")}} содержание которого отображает [`media`](/ru/docs/Web/HTML/Element/area#media) HTML атрибут, показывающий целевое media, связанного с ним ресурса.
 - {{domxref("HTMLAreaElement.noHref")}}
   - : Это {{domxref("Boolean")}} флаг показывающий, если зона неактивна (`true`) или активна (`false`).
 - {{domxref("URLUtils.password")}}
@@ -44,21 +44,21 @@ _Наследует свойства от его родителя, {{domxref("HT
 - {{domxref("URLUtils.protocol")}}
   - : Это {{domxref("DOMString")}} содержащий компоненту протокола (в том числе двоеточия `':'`), в указанном URL.
 - {{domxref("HTMLAreaElement.referrer")}} {{experimental_inline}}
-  - : Это {{domxref("DOMString")}} который отображает {{htmlattrxref("referrer", "area")}} HTML атрибут, показывающий какой referrer используется когда извлекается связанны с ним ресурс.
+  - : Это {{domxref("DOMString")}} который отображает [`referrer`](/ru/docs/Web/HTML/Element/area#referrer) HTML атрибут, показывающий какой referrer используется когда извлекается связанны с ним ресурс.
 - {{domxref("HTMLAreaElement.rel")}}
-  - : Это {{domxref("DOMString")}} который отображает {{ htmlattrxref("rel", "area") }} HTML атрибут,показывая отношения текущего документа со связанным с ним ресурсом.
+  - : Это {{domxref("DOMString")}} который отображает [`rel`](/ru/docs/Web/HTML/Element/area#rel) HTML атрибут,показывая отношения текущего документа со связанным с ним ресурсом.
 - {{domxref("HTMLAreaElement.relList")}} {{readOnlyInline}}
-  - : Возвращает {{domxref("DOMTokenList")}} который отображает {{ htmlattrxref("rel", "area") }} HTML атрибут, показывая отношения текущего документа к связанному с ним ресурса, как список токенов.
+  - : Возвращает {{domxref("DOMTokenList")}} который отображает [`rel`](/ru/docs/Web/HTML/Element/area#rel) HTML атрибут, показывая отношения текущего документа к связанному с ним ресурса, как список токенов.
 - {{domxref("HTMLAreaElement.search")}}
   - : Это {{domxref("DOMString")}} содержащий найденный элемент (включая начальный знак вопроса`'?'`), если таковой имеется, в указанном URL.
 - {{domxref("HTMLAreaElement.shape")}}
-  - : Это {{domxref("DOMString")}} который отображается {{ htmlattrxref("shape", "area") }} HTML атрибут, включающий вид активного участка, ограниченный известными значениями.
+  - : Это {{domxref("DOMString")}} который отображается [`shape`](/ru/docs/Web/HTML/Element/area#shape) HTML атрибут, включающий вид активного участка, ограниченный известными значениями.
 - {{domxref("HTMLAreaElement.tabIndex")}}
   - : Как `long` содержащий положение элемента в порядке табуляции.
 - {{domxref("HTMLAreaElement.target")}}
-  - : Это {{domxref("DOMString")}} которое отображает {{ htmlattrxref("target", "area") }} HTML атрибут, включая контекст просмотра, в котором открыт связанный с ним ресурс.
+  - : Это {{domxref("DOMString")}} которое отображает [`target`](/ru/docs/Web/HTML/Element/area#target) HTML атрибут, включая контекст просмотра, в котором открыт связанный с ним ресурс.
 - {{domxref("HTMLAreaElement.type")}}
-  - : Это {{domxref("DOMString")}} которое отображает {{ htmlattrxref("type", "area") }} HTML атрибут, показывающий MIME тип связанного с ним ресурса.
+  - : Это {{domxref("DOMString")}} которое отображает [`type`](/ru/docs/Web/HTML/Element/area#type) HTML атрибут, показывающий MIME тип связанного с ним ресурса.
 - {{domxref("URLUtils.username")}}
   - : Это {{domxref("DOMString")}} содержащий имя пользователя. определённое перед доменным именем.
 
diff --git a/files/ru/web/api/htmlbaseelement/index.md b/files/ru/web/api/htmlbaseelement/index.md
index af5dd52efefaa2..855ca0a92aa9aa 100644
--- a/files/ru/web/api/htmlbaseelement/index.md
+++ b/files/ru/web/api/htmlbaseelement/index.md
@@ -13,9 +13,9 @@ translation_of: Web/API/HTMLBaseElement
 _Наследует свойства от его родителя, {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLBaseElement.href")}}
-  - : Это {{domxref("DOMString")}} которая отображает {{htmlattrxref("href", "base")}} HTML атрибут, содержащий базовый URL относительно URLs ы документе.
+  - : Это {{domxref("DOMString")}} которая отображает [`href`](/ru/docs/Web/HTML/Element/base#href) HTML атрибут, содержащий базовый URL относительно URLs ы документе.
 - {{domxref("HTMLBaseElement.target")}}
-  - : Это {{domxref("DOMString")}} которое отображает {{htmlattrxref("target", "base")}} HTML атрибут, содержащий контекст цели просмотра по умолчанию или фрейм для элементов которые не имеют указанную целевую ссылку.
+  - : Это {{domxref("DOMString")}} которое отображает [`target`](/ru/docs/Web/HTML/Element/base#target) HTML атрибут, содержащий контекст цели просмотра по умолчанию или фрейм для элементов которые не имеют указанную целевую ссылку.
 
 ## Методы
 
diff --git a/files/ru/web/api/htmlbuttonelement/index.md b/files/ru/web/api/htmlbuttonelement/index.md
index 31881e931a1f0b..a59e0b15bf7787 100644
--- a/files/ru/web/api/htmlbuttonelement/index.md
+++ b/files/ru/web/api/htmlbuttonelement/index.md
@@ -59,7 +59,7 @@ _Наследует свойства от его родителя, {{domxref("HT
       <td>
         <p>
           URI ресурса, обрабатывающего информацию, отправленную кнопкой. Если
-          задан, то переопределяет {{htmlattrxref("action", "form")}}
+          задан, то переопределяет <a href="/ru/docs/Web/HTML/Element/form#action"><code>action</code></a>
           атрибут {{HTMLElement("form")}} элемента, который является
           его владельцем.
         </p>
@@ -71,7 +71,7 @@ _Наследует свойства от его родителя, {{domxref("HT
       <td>
         Тип содержимого, используемый для отправки формы на сервер. Если указан
         этот атрибут, то он переопределяет
-        {{htmlattrxref("enctype", "form")}} атрибут элемента
+        <a href="/ru/docs/Web/HTML/Element/form#enctype"><code>enctype</code></a> атрибут элемента
         {{HTMLElement("form")}}, который является владельцем этого
         элемента.
       </td>
@@ -82,7 +82,7 @@ _Наследует свойства от его родителя, {{domxref("HT
       <td>
         <p>
           HTTP метод, который браузер использует для отправки формы. Если задан,
-          тогда он переопределяет {{htmlattrxref("method", "form")}}
+          тогда он переопределяет <a href="/ru/docs/Web/HTML/Element/form#method"><code>method</code></a>
           атрибут {{HTMLElement("form")}} своего владельца.
         </p>
       </td>
@@ -94,7 +94,7 @@ _Наследует свойства от его родителя, {{domxref("HT
         <p>
           Показывает что форма не будет проверена при отправке. Если задано,
           тогда переопределяет
-          {{htmlattrxref("novalidate", "form")}} атрибут
+          <a href="/ru/docs/Web/HTML/Element/form#novalidate"><code>novalidate</code></a> атрибут
           {{HTMLElement("form")}} своего владельца.
         </p>
       </td>
@@ -106,7 +106,7 @@ _Наследует свойства от его родителя, {{domxref("HT
         <p>
           Имя или ключевое слово, указывающее, где должен отображаться ответ,
           полученный после отправки формы. Если задано, тогда переопределяет
-          {{htmlattrxref("target", "form")}} атрибут
+          <a href="/ru/docs/Web/HTML/Element/form#target"><code>target</code></a> атрибут
           {{HTMLElement("form")}} своего владельца.
         </p>
       </td>
diff --git a/files/ru/web/api/htmlcanvaselement/height/index.md b/files/ru/web/api/htmlcanvaselement/height/index.md
index e4262c96180291..7768e4fd678a54 100644
--- a/files/ru/web/api/htmlcanvaselement/height/index.md
+++ b/files/ru/web/api/htmlcanvaselement/height/index.md
@@ -12,7 +12,7 @@ translation_of: Web/API/HTMLCanvasElement/height
 {{APIRef("Canvas API")}}
 
 Свойство **`HTMLCanvasElement.height`** — это положительное
-`целое число`, отображающее значение HTML атрибута {{htmlattrxref("height", "canvas")}} элемента {{HTMLElement("canvas")}} в CSS пикселях. Если атрибут не указан или
+`целое число`, отображающее значение HTML атрибута [`height`](/ru/docs/Web/HTML/Element/canvas#height) элемента {{HTMLElement("canvas")}} в CSS пикселях. Если атрибут не указан или
 для него задано недопустимое значение, например отрицательное, то используется значение по умолчанию `150`
 
 Одно из двух свойств (другое — {{domxref("HTMLCanvasElement.width")}}), контролирующих размер холста.
diff --git a/files/ru/web/api/htmlcanvaselement/index.md b/files/ru/web/api/htmlcanvaselement/index.md
index b83ce3f602e038..91d212525720df 100644
--- a/files/ru/web/api/htmlcanvaselement/index.md
+++ b/files/ru/web/api/htmlcanvaselement/index.md
@@ -21,11 +21,11 @@ translation_of: Web/API/HTMLCanvasElement
 _Наследуются от родителя,_ _{{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLCanvasElement.height")}}
-  - : Положительное целое число, отражающее HTML-атрибут {{htmlattrxref("height", "canvas")}} элемента {{HTMLElement("canvas")}} (воспринимается в пикселях CSS). Если атрибут не определён или имеет некорректное значение (например отрицательное), используется значение по умолчанию `— 150`.
+  - : Положительное целое число, отражающее HTML-атрибут [`height`](/ru/docs/Web/HTML/Element/canvas#height) элемента {{HTMLElement("canvas")}} (воспринимается в пикселях CSS). Если атрибут не определён или имеет некорректное значение (например отрицательное), используется значение по умолчанию `— 150`.
 - {{domxref("HTMLCanvasElement.mozOpaque")}} {{non-standard_inline}}
-  - : Объект {{jsxref("Boolean")}}, отражающий HTML-атрибут {{htmlattrxref("moz-opaque", "canvas")}} элемента {{HTMLElement("canvas")}}. Сообщает холсту, будет ли присутствовать прозрачность. Если холсту известно, что прозрачность не используется, отрисовка может быть оптимизирована.
+  - : Объект {{jsxref("Boolean")}}, отражающий HTML-атрибут [`moz-opaque`](/ru/docs/Web/HTML/Element/canvas#moz-opaque) элемента {{HTMLElement("canvas")}}. Сообщает холсту, будет ли присутствовать прозрачность. Если холсту известно, что прозрачность не используется, отрисовка может быть оптимизирована.
 - {{domxref("HTMLCanvasElement.width")}}
-  - : Положительное целое число, отражающее HTML-атрибут {{htmlattrxref("width", "canvas")}} элемента {{HTMLElement("canvas")}} (воспринимается в пикселях CSS). Если атрибут не определён или имеет некорректное значение (например отрицательное), используется значение по умолчанию `— 300`.
+  - : Положительное целое число, отражающее HTML-атрибут [`width`](/ru/docs/Web/HTML/Element/canvas#width) элемента {{HTMLElement("canvas")}} (воспринимается в пикселях CSS). Если атрибут не определён или имеет некорректное значение (например отрицательное), используется значение по умолчанию `— 300`.
 - {{domxref("HTMLCanvasElement.mozPrintCallback")}}{{non-standard_inline}}
   - : Is a `function` that is Initially null, Web content can set this to a JavaScript function that will be called if the page is printed. This function can then redraw the canvas at a higher resolution that is suitable for the printer being used. [See this blog post.](https://blog.mozilla.org/labs/2012/09/a-new-way-to-control-printing-output/)
 
diff --git a/files/ru/web/api/htmlcanvaselement/width/index.md b/files/ru/web/api/htmlcanvaselement/width/index.md
index e2b00a0f3100c8..aec637dac306ce 100644
--- a/files/ru/web/api/htmlcanvaselement/width/index.md
+++ b/files/ru/web/api/htmlcanvaselement/width/index.md
@@ -11,7 +11,7 @@ translation_of: Web/API/HTMLCanvasElement/width
 {{APIRef("Canvas API")}}
 
 Свойство **`HTMLCanvasElement.width`** — это положительное
-`целое число`, отображающее значение HTML атрибута {{htmlattrxref("width", "canvas")}} элемента {{HTMLElement("canvas")}} в CSS пикселях.
+`целое число`, отображающее значение HTML атрибута [`width`](/ru/docs/Web/HTML/Element/canvas#width) элемента {{HTMLElement("canvas")}} в CSS пикселях.
 Если атрибут не указан или для него задано недопустимое значение, например отрицательное, то используется значение по умолчанию `300`.
 
 Одно из двух свойств (другое — {{domxref("HTMLCanvasElement.height")}}), контролирующих размер холста.
diff --git a/files/ru/web/api/htmldataelement/index.md b/files/ru/web/api/htmldataelement/index.md
index b0884bc32d243e..74064314c6b2fc 100644
--- a/files/ru/web/api/htmldataelement/index.md
+++ b/files/ru/web/api/htmldataelement/index.md
@@ -13,7 +13,7 @@ _Наследует свойства от родителя, {{domxref("HTMLEleme
 
 | Имя     | Тип                              | Описание                                                                                                                   |
 | ------- | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
-| `value` | {{domxref("DOMString")}} | отображает {{ htmlattrxref("value", "data") }} HTML атрибут, содержащий машиночитаемый вид значения элемента. |
+| `value` | {{domxref("DOMString")}} | отображает [`value`](/ru/docs/Web/HTML/Element/data#value) HTML атрибут, содержащий машиночитаемый вид значения элемента. |
 
 ## Методы
 
diff --git a/files/ru/web/api/htmldialogelement/index.md b/files/ru/web/api/htmldialogelement/index.md
index c52ce1534e3739..77aa5a004682df 100644
--- a/files/ru/web/api/htmldialogelement/index.md
+++ b/files/ru/web/api/htmldialogelement/index.md
@@ -19,7 +19,7 @@ translation_of: Web/API/HTMLDialogElement
 _Наследует свойства от своего родителя, {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLDialogElement.open")}}
-  - : {{domxref("Boolean")}} отражает HTML атрибут элемента {{htmlattrxref("open", "dialog")}}, указывающий на то, доступно ли диалоговое окно для воздействия.
+  - : {{domxref("Boolean")}} отражает HTML атрибут элемента [`open`](/ru/docs/Web/HTML/Element/dialog#open), указывающий на то, доступно ли диалоговое окно для воздействия.
 - {{domxref("HTMLDialogElement.returnValue")}}
   - : {{domxref("DOMString")}} устанавливает или возвращает передаваемое диалоговому окну значение.
 
diff --git a/files/ru/web/api/htmldialogelement/open/index.md b/files/ru/web/api/htmldialogelement/open/index.md
index ed0ed401721a26..34571dc488f1ae 100644
--- a/files/ru/web/api/htmldialogelement/open/index.md
+++ b/files/ru/web/api/htmldialogelement/open/index.md
@@ -13,7 +13,7 @@ translation_of: Web/API/HTMLDialogElement/open
 
 {{ SeeCompatTable() }}
 
-**`open`** - свойство интерфейса взаимодействия {{domxref("HTMLDialogElement")}}, является {{domxref("Boolean")}} значением и отражает HTML атрибут {{htmlattrxref("open", "dialog")}} этого элемента, указывающий, доступен ли {{htmlelement("dialog")}} для взаимодействия.
+**`open`** - свойство интерфейса взаимодействия {{domxref("HTMLDialogElement")}}, является {{domxref("Boolean")}} значением и отражает HTML атрибут [`open`](/ru/docs/Web/HTML/Element/dialog#open) этого элемента, указывающий, доступен ли {{htmlelement("dialog")}} для взаимодействия.
 
 ## Синтаксис
 
@@ -24,7 +24,7 @@ var myOpenValue = dialogInstance.open;
 
 ### Значение
 
-{{domxref("Boolean")}} значение отражает состояние HTML атрибута {{htmlattrxref("open", "dialog")}}. `true` значит, что значение установлено и диалоговое окно показывается в настоящий момент. `false` указывает, что значение не установлено и диалоговое окно не показывается.
+{{domxref("Boolean")}} значение отражает состояние HTML атрибута [`open`](/ru/docs/Web/HTML/Element/dialog#open). `true` значит, что значение установлено и диалоговое окно показывается в настоящий момент. `false` указывает, что значение не установлено и диалоговое окно не показывается.
 
 Свойство доступно только для чтения — значение можно установить программно методы show и hide элемента {{htmlelement("dialog")}}.
 
diff --git a/files/ru/web/api/htmlformelement/index.md b/files/ru/web/api/htmlformelement/index.md
index d47c47d3ff9cbb..a2026ebf0f1ef2 100644
--- a/files/ru/web/api/htmlformelement/index.md
+++ b/files/ru/web/api/htmlformelement/index.md
@@ -20,27 +20,27 @@ The **`HTMLFormElement`** interface provides methods to create and modify {{HTML
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLFormElement.acceptCharset")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{ htmlattrxref("accept-charset", "form") }} HTML attribute, containing a list of character encodings that the server accepts.
+  - : Is a {{domxref("DOMString")}} that reflects the [`accept-charset`](/ru/docs/Web/HTML/Element/form#accept-charset) HTML attribute, containing a list of character encodings that the server accepts.
 - {{domxref("HTMLFormElement.action")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{ htmlattrxref("action", "form") }} HTML attribute, containing the URI of a program that processes the information submitted by the form.
+  - : Is a {{domxref("DOMString")}} that reflects the [`action`](/ru/docs/Web/HTML/Element/form#action) HTML attribute, containing the URI of a program that processes the information submitted by the form.
 - {{domxref("HTMLFormElement.autocomplete")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{ htmlattrxref("autocomplete", "form") }} HTML attribute, containing a string that indicates whether the controls in this form can have their values automatically populated by the browser.
+  - : Is a {{domxref("DOMString")}} that reflects the [`autocomplete`](/ru/docs/Web/HTML/Element/form#autocomplete) HTML attribute, containing a string that indicates whether the controls in this form can have their values automatically populated by the browser.
 - {{domxref("HTMLFormElement.elements")}} {{readonlyinline}}
   - : Returns a live {{domxref("HTMLFormControlsCollection")}} containing all the form controls belonging to this form element.
 - {{domxref("HTMLFormElement.encoding")}}
   - : Is a synonym for `enctype`.
 - {{domxref("HTMLFormElement.enctype")}}
-  - : Is a {{domxref("DOMString")}} reflects the {{ htmlattrxref("enctype", "form") }} HTML attribute, indicating the type of content that is used to transmit the form to the server. Only specified values can be set.
+  - : Is a {{domxref("DOMString")}} reflects the [`enctype`](/ru/docs/Web/HTML/Element/form#enctype) HTML attribute, indicating the type of content that is used to transmit the form to the server. Only specified values can be set.
 - {{domxref("HTMLFormElement.length")}} {{readonlyinline}}
   - : Returns a `long` that represents the number of controls in the form.
 - {{domxref("HTMLFormElement.method")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{ htmlattrxref("method", "form") }} HTML attribute, indicating the HTTP method used to submit the form. Only specified values can be set.
+  - : Is a {{domxref("DOMString")}} that reflects the [`method`](/ru/docs/Web/HTML/Element/form#method) HTML attribute, indicating the HTTP method used to submit the form. Only specified values can be set.
 - {{domxref("HTMLFormElement.name")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{ htmlattrxref("name", "form") }} HTML attribute, containing the name of the form.
+  - : Is a {{domxref("DOMString")}} that reflects the [`name`](/ru/docs/Web/HTML/Element/form#name) HTML attribute, containing the name of the form.
 - {{domxref("HTMLFormElement.noValidate")}}
-  - : Is a {{jsxref("Boolean")}} that reflects the {{ htmlattrxref("novalidate", "form") }} HTML attribute, indicating that the form should not be validated.
+  - : Is a {{jsxref("Boolean")}} that reflects the [`novalidate`](/ru/docs/Web/HTML/Element/form#novalidate) HTML attribute, indicating that the form should not be validated.
 - {{domxref("HTMLFormElement.target")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{ htmlattrxref("target", "form") }} HTML attribute, indicating where to display the results received from submitting the form.
+  - : Is a {{domxref("DOMString")}} that reflects the [`target`](/ru/docs/Web/HTML/Element/form#target) HTML attribute, indicating where to display the results received from submitting the form.
 
 ## Methods
 
diff --git a/files/ru/web/api/htmlimageelement/index.md b/files/ru/web/api/htmlimageelement/index.md
index 758622c1ba8b77..264191acf3289b 100644
--- a/files/ru/web/api/htmlimageelement/index.md
+++ b/files/ru/web/api/htmlimageelement/index.md
@@ -17,24 +17,24 @@ _Наследует свойства родителя, {{domxref("HTMLElement")}
 | Имя                                                                  | Тип                              | Описание                                                                                                                                                                                                                          |
 | -------------------------------------------------------------------- | -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `align`                                     | {{domxref("DOMString")}} | Указывает расположение картинки зависящее от окружающего контента. Возможные значения: `"left"`, `"right"`, `"justify"`, и `"center"`.                                                                                            |
-| `alt`                                                                | {{domxref("DOMString")}} | Повторяет атрибут HTML {{htmlattrxref("alt", "img")}} указывающий на запасной контекст картинки.                                                                                                                        |
+| `alt`                                                                | {{domxref("DOMString")}} | Повторяет атрибут HTML [`alt`](/ru/docs/Web/HTML/Element/img#alt) указывающий на запасной контекст картинки.                                                                                                                        |
 | `border`                                    | {{domxref("DOMString")}} | Ширина рамки вокруг картинки. Устарело и вместо него следует использовать свойство CSS {{cssxref("border")}}.                                                                                                              |
 | `complete` {{readonlyInline}}                                  | {{domxref("Boolean")}}     | Возвращает true, если браузер закончил загрузку картинки с ошибкой или успешно. Также возвращает true, когда не установлено значение {{domxref("HTMLImageElement.src", "src")}}, во всех остальных случаях - false. |
 | `crossOrigin`                                                        | {{domxref("DOMString")}} | Является {{domxref("DOMString")}}, с настройками CORS для этого элемента изображения. Дополнительная информация: [Атрибуты настроек CORS](/ru/docs/HTML/CORS_settings_attributes).                                        |
 | `currentSrc`{{readonlyInline}}{{experimental_inline}} | {{domxref("DOMString")}} | Возвращает {{domxref("DOMString")}} с URL-адресом текущего изображения (что может измениться, например, в ответ на запросы мультимедиа).                                                                                  |
-| `height`                                                             | `unsigned long`                  | Отражает атрибут {{htmlattrxref ("height", "img")}} HTML, указывая визуализированную высоту изображения в пикселях CSS.                                                                                                 |
+| `height`                                                             | `unsigned long`                  | Отражает атрибут [`height`](/ru/docs/Web/HTML/Element/img#height) HTML, указывая визуализированную высоту изображения в пикселях CSS.                                                                                                 |
 | `hspace`                                    | `long`                           | Space to the left and right of the image.                                                                                                                                                                                         |
-| `isMap`                                                              | {{domxref("Boolean")}}     | Reflects the {{htmlattrxref("ismap", "img")}} HTML attribute, indicating that the image is part of a server-side image map.                                                                                           |
+| `isMap`                                                              | {{domxref("Boolean")}}     | Reflects the [`ismap`](/ru/docs/Web/HTML/Element/img#ismap) HTML attribute, indicating that the image is part of a server-side image map.                                                                                           |
 | `longDesc`                                  | {{domxref("DOMString")}} | URI of a long description of the image.                                                                                                                                                                                           |
 | `lowSrc`                                    | {{domxref("DOMString")}} | A reference to a low-quality (but faster to load) copy of the image.                                                                                                                                                              |
 | `name`                                      | {{domxref("DOMString")}} |                                                                                                                                                                                                                                   |
 | `naturalHeight` {{readonlyInline}}                             | `unsigned long`                  | Intrinsic height of the image in CSS pixels, if it is available; otherwise, `0`.                                                                                                                                                  |
 | `naturalWidth` {{readonlyInline}}                              | `unsigned long`                  | Intrinsic width of the image in CSS pixels, if it is available; otherwise, `0`.                                                                                                                                                   |
-| `src`                                                                | {{domxref("DOMString")}} | Reflects the {{htmlattrxref("src")}} HTML attribute, containing the URL of the image.                                                                                                                                    |
+| `src`                                                                | {{domxref("DOMString")}} | Reflects the [`src`](/ru/docs/Web/HTML/Global_attributes#src) HTML attribute, containing the URL of the image.                                                                                                                                    |
 | `srcset` {{experimental_inline}}                            |                                  |                                                                                                                                                                                                                                   |
-| `useMap`                                                             | {{domxref("DOMString")}} | Reflects the {{htmlattrxref("usemap", "img")}} HTML attribute, containing a partial URL of a map element.                                                                                                              |
+| `useMap`                                                             | {{domxref("DOMString")}} | Reflects the [`usemap`](/ru/docs/Web/HTML/Element/img#usemap) HTML attribute, containing a partial URL of a map element.                                                                                                              |
 | `vspace`                                    | `long`                           | Space above and below the image.                                                                                                                                                                                                  |
-| `width`                                                              | `unsigned long`                  | Reflects the {{htmlattrxref("width", "img")}} HTML attribute, indicating the rendered width of the image in CSS pixels.                                                                                               |
+| `width`                                                              | `unsigned long`                  | Reflects the [`width`](/ru/docs/Web/HTML/Element/img#width) HTML attribute, indicating the rendered width of the image in CSS pixels.                                                                                               |
 | `x` {{readonlyInline}}{{non-standard_inline}}         | `long`                           | The horizontal offset from the nearest layer. (Mimic an old Netscape 4 behavior)                                                                                                                                                  |
 | `y` {{readonlyInline}}{{non-standard_inline}}         | `long`                           | The vertical offset from the nearest layer. (Mimic an old Netscape 4 behavior)                                                                                                                                                    |
 
diff --git a/files/ru/web/api/htmlinputelement/index.md b/files/ru/web/api/htmlinputelement/index.md
index 9a57ff914c4b9f..63c2a670a96c31 100644
--- a/files/ru/web/api/htmlinputelement/index.md
+++ b/files/ru/web/api/htmlinputelement/index.md
@@ -23,9 +23,9 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>accept</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("accept", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#accept"><code>accept</code></a> HTML
         attribute, containing comma-separated list of file types accepted by the
-        server when {{htmlattrxref("type","input")}} is
+        server when <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> is
         <code>file</code>.
       </td>
     </tr>
@@ -43,9 +43,9 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>alt</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("alt", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#alt"><code>alt</code></a> HTML
         attribute, containing alternative text to use when
-        {{htmlattrxref("type","input")}} is <code>image.</code>
+        <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> is <code>image.</code>
       </td>
     </tr>
     <tr>
@@ -61,10 +61,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>autocomplete</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{htmlattrxref("autocomplete", "input")}}
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>
         HTML attribute, indicating whether the value of the control can be
         automatically completed by the browser. Ignored if the value of the
-        {{htmlattrxref("type","input")}} attribute is hidden,
+        <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> attribute is hidden,
         checkbox, radio, file, or a button type (button, submit, reset, image).
         Possible values are:
         <ul>
@@ -84,12 +84,12 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>autofocus</code></td>
       <td>{{domxref("Boolean")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("autofocus", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#autofocus"><code>autofocus</code></a> HTML
         attribute, which specifies that a form control should have input focus
         when the page loads, unless the user overrides it, for example by typing
         in a different control. Only one form element in a document can have the
-        {{htmlattrxref("autofocus","input")}} attribute. It cannot be
-        applied if the {{htmlattrxref("type","input")}} attribute is
+        <a href="/ru/docs/Web/HTML/Element/input#autofocus"><code>autofocus</code></a> attribute. It cannot be
+        applied if the <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> attribute is
         set to <code>hidden</code> (that is, you cannot automatically set focus
         to a hidden control).
       </td>
@@ -99,7 +99,7 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td>{{domxref("Boolean")}}</td>
       <td>
         The current state of the element when
-        {{htmlattrxref("type","input")}} is <code>checkbox</code> or
+        <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> is <code>checkbox</code> or
         <code>radio</code>.
       </td>
     </tr>
@@ -128,10 +128,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>disabled</code></td>
       <td>{{domxref("Boolean")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("disabled", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#disabled"><code>disabled</code></a> HTML
         attribute, indicating that the control is not available for interaction.
         The input values will not be submitted with the form. See also
-        {{ htmlattrxref("readOnly", "input") }}
+        <a href="/ru/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>
       </td>
     </tr>
     <tr>
@@ -148,7 +148,7 @@ _Наследует свойства своего родителя,_ _{{domxref(
         <ul>
           <li>
             this can be the
-            {{ htmlattrxref("id", "form") }} attribute of any
+            <a href="/ru/docs/Web/HTML/Element/form#id"><code>id</code></a> attribute of any
             {{ HTMLElement("form") }} element in the same document. Even
             if the attribute is set on {{ HTMLElement("input") }},
             this property will be <code>null</code>, if it isn't the id of a
@@ -164,10 +164,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>formAction</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("formaction", "input") }}
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#formaction"><code>formaction</code></a>
         HTML attribute, containing the URI of a program that processes
         information submitted by the element. If specified, this attribute
-        overrides the {{ htmlattrxref("action", "form") }} attribute
+        overrides the <a href="/ru/docs/Web/HTML/Element/form#action"><code>action</code></a> attribute
         of the {{ HTMLElement("form") }} element that owns this element.
       </td>
     </tr>
@@ -175,10 +175,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>formEncType</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("formenctype", "input") }}
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#formenctype"><code>formenctype</code></a>
         HTML attribute, containing the type of content that is used to submit
         the form to the server. If specified, this attribute overrides the
-        {{ htmlattrxref("enctype", "form") }} attribute of the
+        <a href="/ru/docs/Web/HTML/Element/form#enctype"><code>enctype</code></a> attribute of the
         {{ HTMLElement("form") }} element that owns this element.
       </td>
     </tr>
@@ -186,10 +186,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>formMethod</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("formmethod", "input") }}
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#formmethod"><code>formmethod</code></a>
         HTML attribute, containing the HTTP method that the browser uses to
         submit the form. If specified, this attribute overrides the
-        {{ htmlattrxref("method", "form") }} attribute of the
+        <a href="/ru/docs/Web/HTML/Element/form#method"><code>method</code></a> attribute of the
         {{ HTMLElement("form") }} element that owns this element.
       </td>
     </tr>
@@ -198,10 +198,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td>{{domxref("Boolean")}}</td>
       <td>
         Reflects the
-        {{ htmlattrxref("formnovalidate", "input") }} HTML
+        <a href="/ru/docs/Web/HTML/Element/input#formnovalidate"><code>formnovalidate</code></a> HTML
         attribute, indicating that the form is not to be validated when it is
         submitted. If specified, this attribute overrides the
-        {{ htmlattrxref("novalidate", "form") }} attribute of the
+        <a href="/ru/docs/Web/HTML/Element/form#novalidate"><code>novalidate</code></a> attribute of the
         {{ HTMLElement("form") }} element that owns this element.
       </td>
     </tr>
@@ -209,11 +209,11 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>formTarget</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("formtarget", "input") }}
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#formtarget"><code>formtarget</code></a>
         HTML attribute, containing a name or keyword indicating where to display
         the response that is received after submitting the form. If specified,
         this attribute overrides the
-        {{ htmlattrxref("target", "form") }} attribute of the
+        <a href="/ru/docs/Web/HTML/Element/form#target"><code>target</code></a> attribute of the
         {{ HTMLElement("form") }} element that owns this element.
       </td>
     </tr>
@@ -221,9 +221,9 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>height</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("height", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#height"><code>height</code></a> HTML
         attribute, which defines the height of the image displayed for the
-        button, if the value of {{htmlattrxref("type","input")}} is
+        button, if the value of <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> is
         image.
       </td>
     </tr>
@@ -249,7 +249,7 @@ _Наследует свойства своего родителя,_ _{{domxref(
         {{HTMLElement("datalist")}} element in the same document. The
         browser displays only options that are valid values for this input
         element. This attribute is ignored when the
-        {{htmlattrxref("type","input")}} attribute's value is
+        <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> attribute's value is
         hidden, checkbox, radio, file, or a button type.
       </td>
     </tr>
@@ -257,7 +257,7 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>max</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("max", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#max"><code>max</code></a> HTML
         attribute, containing the maximum (numeric or date-time) value for this
         item, which must not be less than its minimum (<strong>min</strong>
         attribute) value.
@@ -267,7 +267,7 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>maxLength</code></td>
       <td><code>long</code></td>
       <td>
-        Reflects the {{ htmlattrxref("maxlength", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a> HTML
         attribute, containing the maximum length of text (in Unicode code
         points) that the value can be changed to. The constraint is evaluated
         only when the value is changed
@@ -281,17 +281,17 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>min</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("min", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#min"><code>min</code></a> HTML
         attribute, containing the minimum (numeric or date-time) value for this
         item, which must not be greater than its maximum
-        ({{htmlattrxref("max","input")}} attribute) value.
+        (<a href="/ru/docs/Web/HTML/Element/input#max"><code>max</code></a> attribute) value.
       </td>
     </tr>
     <tr>
       <td><code>multiple</code></td>
       <td></td>
       <td>
-        Reflects the {{ htmlattrxref("multiple", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#multiple"><code>multiple</code></a> HTML
         attribute, indicating whether more than one value is possible (e.g.,
         multiple files).
       </td>
@@ -300,7 +300,7 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>name</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("name", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#name"><code>name</code></a> HTML
         attribute, containing a name that identifies the element when submitting
         the form.
       </td>
@@ -309,12 +309,12 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>pattern</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("pattern", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a> HTML
         attribute, containing a regular expression that the control's value is
         checked against. The pattern must match the entire value, not just some
-        subset. Use the {{htmlattrxref("title","input")}} attribute
+        subset. Use the <a href="/ru/docs/Web/HTML/Element/input#title"><code>title</code></a> attribute
         to describe the pattern to help the user. This attribute applies when
-        the value of the {{htmlattrxref("type","input")}} attribute
+        the value of the <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> attribute
         is text, search, tel, url or email; otherwise it is ignored.
       </td>
     </tr>
@@ -322,11 +322,11 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>placeholder</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("placeholder", "input") }}
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>
         HTML attribute, containing a hint to the user of what can be entered in
         the control. The placeholder text must not contain carriage returns or
         line-feeds. This attribute applies when the value of the
-        {{htmlattrxref("type","input")}} attribute is text, search,
+        <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> attribute is text, search,
         tel, url or email; otherwise it is ignored.
       </td>
     </tr>
@@ -335,10 +335,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td>{{domxref("Boolean")}}</td>
       <td>
         <p>
-          Reflects the {{ htmlattrxref("readonly", "input") }} HTML
+          Reflects the <a href="/ru/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a> HTML
           attribute, indicating that the user cannot modify the value of the
           control.<br />This is ignored if the
-          value of the {{htmlattrxref("type","input")}} attribute is
+          value of the <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> attribute is
           hidden, range, color, checkbox, radio, file, or a button type.
         </p>
       </td>
@@ -347,7 +347,7 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>required</code></td>
       <td>{{domxref("Boolean")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("required", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#required"><code>required</code></a> HTML
         attribute, indicating that the user must fill in a value before
         submitting a form.
       </td>
@@ -381,12 +381,12 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>size</code></td>
       <td><code>unsigned long</code></td>
       <td>
-        Reflects the {{ htmlattrxref("size", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#size"><code>size</code></a> HTML
         attribute, containing size of the control. This value is in pixels
-        unless the value of {{htmlattrxref("type","input")}} is text
+        unless the value of <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> is text
         or password, in which case, it is an integer number of characters.
         Applies only when
-        {{htmlattrxref("type","input")}} is set to text, search,
+        <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> is set to text, search,
         tel, url, email, or password; otherwise it is ignored.
       </td>
     </tr>
@@ -394,10 +394,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>src</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("src", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#src"><code>src</code></a> HTML
         attribute, which specifies a URI for the location of an image to display
         on the graphical submit button, if the value of
-        {{htmlattrxref("type","input")}} is image; otherwise it is
+        <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> is image; otherwise it is
         ignored.
       </td>
     </tr>
@@ -405,10 +405,10 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>step</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("step", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#step"><code>step</code></a> HTML
         attribute, which works with<strong
-        > </strong>{{htmlattrxref("min","input")}} and
-        {{htmlattrxref("max","input")}} to limit the increments at
+        > </strong><a href="/ru/docs/Web/HTML/Element/input#min"><code>min</code></a> and
+        <a href="/ru/docs/Web/HTML/Element/input#max"><code>max</code></a> to limit the increments at
         which a numeric or date-time value can be set. It can be the string any
         or a positive floating point number. If this is not set to any, the
         control accepts only values at multiples of the step value greater than
@@ -427,9 +427,9 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>type</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("type", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> HTML
         attribute, indicating the type of control to display. See
-        {{ htmlattrxref("type", "input") }} attribute of
+        <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> attribute of
         {{ HTMLElement("input") }} for possible values.
       </td>
     </tr>
@@ -445,7 +445,7 @@ _Наследует свойства своего родителя,_ _{{domxref(
         A localized message that describes the validation constraints that the
         control does not satisfy (if any). This is the empty string if the
         control is not a candidate for constraint validation
-        ({{htmlattrxref("willValidate","input")}} is
+        (<a href="/ru/docs/Web/HTML/Element/input#willvalidate"><code>willvalidate</code></a> is
         <code>false</code>), or it satisfies its constraints.
       </td>
     </tr>
@@ -493,9 +493,9 @@ _Наследует свойства своего родителя,_ _{{domxref(
       <td><code>width</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        Reflects the {{ htmlattrxref("width", "input") }} HTML
+        Reflects the <a href="/ru/docs/Web/HTML/Element/input#width"><code>width</code></a> HTML
         attribute, which defines the width of the image displayed for the
-        button, if the value of {{htmlattrxref("type","input")}} is
+        button, if the value of <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> is
         image.
       </td>
     </tr>
@@ -663,27 +663,27 @@ _Inherits methods from its parent,_ _{{domxref("HTMLElement")}}._
       <td><code>stepDown(n)</code></td>
       <td><code>void</code></td>
       <td>
-        Decrements the {{htmlattrxref("value","input")}} by
-        ({{htmlattrxref("step","input")}} * <code>n</code>), where
+        Decrements the <a href="/ru/docs/Web/HTML/Element/input#value"><code>value</code></a> by
+        (<a href="/ru/docs/Web/HTML/Element/input#step"><code>step</code></a> * <code>n</code>), where
         <code>n</code> defaults to <code>1</code> if not specified. Throws an
         <code>INVALID_STATE_ERR</code> exception:
         <ul>
           <li>
             if the method is not applicable to for the current
-            {{htmlattrxref("type","input")}} value.
+            <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> value.
           </li>
           <li>
-            if the element has no {{htmlattrxref("step","input")}}
+            if the element has no <a href="/ru/docs/Web/HTML/Element/input#step"><code>step</code></a>
             value.
           </li>
           <li>
-            if the {{htmlattrxref("value","input")}} cannot be
+            if the <a href="/ru/docs/Web/HTML/Element/input#value"><code>value</code></a> cannot be
             converted to a number.
           </li>
           <li>
             if the resulting value is above the
-            {{htmlattrxref("max","input")}} or below the
-            {{htmlattrxref("min","input")}}.
+            <a href="/ru/docs/Web/HTML/Element/input#max"><code>max</code></a> or below the
+            <a href="/ru/docs/Web/HTML/Element/input#min"><code>min</code></a>.
           </li>
         </ul>
       </td>
@@ -692,27 +692,27 @@ _Inherits methods from its parent,_ _{{domxref("HTMLElement")}}._
       <td><code>stepUp(n)</code></td>
       <td><code>void</code></td>
       <td>
-        Increments the {{htmlattrxref("value","input")}} by
-        ({{htmlattrxref("step","input")}} * <code>n</code>), where
+        Increments the <a href="/ru/docs/Web/HTML/Element/input#value"><code>value</code></a> by
+        (<a href="/ru/docs/Web/HTML/Element/input#step"><code>step</code></a> * <code>n</code>), where
         <code>n</code> defaults to <code>1</code> if not specified. Throws an
         <code>INVALID_STATE_ERR</code> exception:
         <ul>
           <li>
             if the method is not applicable to for the current
-            {{htmlattrxref("type","input")}} value.
+            <a href="/ru/docs/Web/HTML/Element/input#type"><code>type</code></a> value.
           </li>
           <li>
-            if the element has no {{htmlattrxref("step","input")}}
+            if the element has no <a href="/ru/docs/Web/HTML/Element/input#step"><code>step</code></a>
             value.
           </li>
           <li>
-            if the {{htmlattrxref("value","input")}} cannot be
+            if the <a href="/ru/docs/Web/HTML/Element/input#value"><code>value</code></a> cannot be
             converted to a number.
           </li>
           <li>
             if the resulting value is above the
-            {{htmlattrxref("max","input")}} or below the
-            {{htmlattrxref("min","input")}}.
+            <a href="/ru/docs/Web/HTML/Element/input#max"><code>max</code></a> or below the
+            <a href="/ru/docs/Web/HTML/Element/input#min"><code>min</code></a>.
           </li>
         </ul>
       </td>
diff --git a/files/ru/web/api/htmllinkelement/index.md b/files/ru/web/api/htmllinkelement/index.md
index b3043942ddfea1..c3e88ac0285320 100644
--- a/files/ru/web/api/htmllinkelement/index.md
+++ b/files/ru/web/api/htmllinkelement/index.md
@@ -28,13 +28,13 @@ _Наследует свойства от своего родителя, {{domxr
 - {{domxref("HTMLLinkElement.media")}}
   - : Is a {{domxref("DOMString")}} representing a list of one or more media formats to which the resource applies.
 - {{domxref("HTMLLinkElement.referrerPolicy")}} {{experimental_inline}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{htmlattrxref("referrerpolicy", "link")}} HTML attribute indicating which referrer to use.
+  - : Is a {{domxref("DOMString")}} that reflects the [`referrerpolicy`](/ru/docs/Web/HTML/Element/link#referrerpolicy) HTML attribute indicating which referrer to use.
 - {{domxref("HTMLLinkElement.rel")}}
   - : Is a {{domxref("DOMString")}} representing the forward relationship of the linked resource from the document to the resource.
 - {{domxref("HTMLLinkElement.relList")}} {{readonlyInline}}
-  - : Is a {{domxref("DOMTokenList")}} that reflects the {{htmlattrxref("rel", "link")}} HTML attribute, as a list of tokens.
+  - : Is a {{domxref("DOMTokenList")}} that reflects the [`rel`](/ru/docs/Web/HTML/Element/link#rel) HTML attribute, as a list of tokens.
 - {{domxref("HTMLLinkElement.sizes")}} {{readonlyInline}}
-  - : Is a {{domxref("DOMSettableTokenList")}} that reflects the {{htmlattrxref("sizes", "link")}} HTML attribute, as a list of tokens.
+  - : Is a {{domxref("DOMSettableTokenList")}} that reflects the [`sizes`](/ru/docs/Web/HTML/Element/link#sizes) HTML attribute, as a list of tokens.
 - {{domxref("LinkStyle.sheet")}} {{readonlyInline}}
   - : Returns the {{domxref("StyleSheet")}} object associated with the given element, or `null` if there is none.
 - {{domxref("HTMLLinkElement.type")}}
diff --git a/files/ru/web/api/htmlmediaelement/index.md b/files/ru/web/api/htmlmediaelement/index.md
index 6c5b37f51605fd..7699722a26fa0c 100644
--- a/files/ru/web/api/htmlmediaelement/index.md
+++ b/files/ru/web/api/htmlmediaelement/index.md
@@ -28,7 +28,7 @@ _Этот интерфейс также наследует свойства от
   - : {{Domxref ("AudioTrackList")}}, в котором перечислены объекты {{domxref ("AudioTrack")}}, содержащиеся в элементе.
 - {{domxref("HTMLMediaElement.autoplay")}}
 
-  - : {{Jsxref ("Boolean")}}, который отражает атрибут HTML {{htmlattrxref ("autoplay", "video")}}, указывающий, должно ли воспроизведение начинаться автоматически, как только будет доступно достаточно медиафайлов, чтобы сделать это без прерывания.
+  - : {{Jsxref ("Boolean")}}, который отражает атрибут HTML [`autoplay`](/ru/docs/Web/HTML/Element/video#autoplay), указывающий, должно ли воспроизведение начинаться автоматически, как только будет доступно достаточно медиафайлов, чтобы сделать это без прерывания.
 
     > **Примечание:** Примечание. Сайты, которые автоматически воспроизводят аудио (или видео с аудиодорожкой), могут быть неприятными для пользователей, поэтому их следует по возможности избегать. Если вы должны предлагать функцию автозапуска, вы должны включить её (требуется, чтобы пользователь специально включил её). Однако это может быть полезно при создании элементов мультимедиа, источник которых будет установлен позднее под контролем пользователя.
 
@@ -37,7 +37,7 @@ _Этот интерфейс также наследует свойства от
 - {{domxref("HTMLMediaElement.controller")}}
   - : Объект {{domxref ("MediaController")}}, представляющий медиа-контроллер, назначенный элементу, либо `null`, если ни один не назначен.
 - {{domxref("HTMLMediaElement.controls")}}
-  - : Является {{jsxref ('Boolean')}}, который отражает атрибут HTML {{htmlattrxref ("controls", "video")}}, указывающий, должны ли отображаться элементы пользовательского интерфейса для управления ресурсом.
+  - : Является {{jsxref ('Boolean')}}, который отражает атрибут HTML [`controls`](/ru/docs/Web/HTML/Element/video#controls), указывающий, должны ли отображаться элементы пользовательского интерфейса для управления ресурсом.
 - {{domxref("HTMLMediaElement.controlsList")}} {{readonlyinline}}
   - : Возвращает {{domxref ("DOMTokenList")}}, который помогает агенту пользователя выбирать элементы управления для отображения на элементе мультимедиа всякий раз, когда агент пользователя показывает свой собственный набор элементов управления. DOMTokenList принимает одно или несколько из трёх возможных значений: nodownload, nofullscreen и noremoteplayback.
 - {{domxref("HTMLMediaElement.crossOrigin")}}
@@ -47,7 +47,7 @@ _Этот интерфейс также наследует свойства от
 - {{domxref("HTMLMediaElement.currentTime")}}
   - : Двойное значение, обозначающее текущее время воспроизведения в секундах. Установка этого значения ищет носитель в новое время.
 - {{domxref("HTMLMediaElement.defaultMuted")}}
-  - : Является {{jsxref ('Boolean')}}, который отражает атрибут HTML {{htmlattrxref ("muted", "video")}}, который указывает, должен ли звук вывода медиа-элемента по умолчанию отключаться.
+  - : Является {{jsxref ('Boolean')}}, который отражает атрибут HTML [`muted`](/ru/docs/Web/HTML/Element/video#muted), который указывает, должен ли звук вывода медиа-элемента по умолчанию отключаться.
 - {{domxref("HTMLMediaElement.defaultPlaybackRate")}}
   - : Двойное значение, обозначающее скорость воспроизведения по умолчанию для мультимедиа.
 - {{domxref("HTMLMediaElement.disableRemotePlayback")}}
@@ -59,9 +59,9 @@ _Этот интерфейс также наследует свойства от
 - {{domxref("HTMLMediaElement.error")}} {{readonlyinline}}
   - : Возвращает объект {{domxref ("MediaError")}} для самой последней ошибки или `null`, если ошибки не было.
 - {{domxref("HTMLMediaElement.loop")}}
-  - : Является {{jsxref ('Boolean')}}, который отражает атрибут HTML {{htmlattrxref ("loop", "video")}}, который указывает, должен ли медиа-элемент начинаться сначала, когда он достигает конца.
+  - : Является {{jsxref ('Boolean')}}, который отражает атрибут HTML [`loop`](/ru/docs/Web/HTML/Element/video#loop), который указывает, должен ли медиа-элемент начинаться сначала, когда он достигает конца.
 - {{domxref("HTMLMediaElement.mediaGroup")}}
-  - : Это {{domxref ("DOMString")}}, который отражает атрибут HTML {{htmlattrxref ("mediagroup", "video")}}, который указывает имя группы элементов, к которой он принадлежит. Группа медиа-элементов имеет общий {{domxref ('MediaController')}}.
+  - : Это {{domxref ("DOMString")}}, который отражает атрибут HTML [`mediagroup`](/ru/docs/Web/HTML/Element/video#mediagroup), который указывает имя группы элементов, к которой он принадлежит. Группа медиа-элементов имеет общий {{domxref ('MediaController')}}.
 - {{domxref("HTMLMediaElement.mediaKeys")}} {{readonlyinline}} {{experimental_inline}}
   - : Возвращает объект {{domxref ("MediaKeys")}} или ноль. MediaKeys - это набор ключей, которые связанный HTMLMediaElement может использовать для дешифрования мультимедийных данных во время воспроизведения.
 - {{domxref("HTMLMediaElement.mozAudioCaptured")}} {{readonlyinline}} {{non-standard_inline}}
@@ -87,7 +87,7 @@ _Этот интерфейс также наследует свойства от
 - {{domxref("HTMLMediaElement.played")}} {{readonlyinline}}
   - : Возвращает объект {{domxref ('TimeRanges')}}, который содержит диапазоны медиаисточников, которые воспроизводил браузер, если таковые имеются.
 - {{domxref("HTMLMediaElement.preload")}}
-  - : Это {{domxref ("DOMString")}}, который отражает атрибут HTML {{htmlattrxref ("preload", "video")}}, указывающий, какие данные должны быть предварительно загружены, если таковые имеются. Возможные значения: `none`, `metadata`, `auto`.
+  - : Это {{domxref ("DOMString")}}, который отражает атрибут HTML [`preload`](/ru/docs/Web/HTML/Element/video#preload), указывающий, какие данные должны быть предварительно загружены, если таковые имеются. Возможные значения: `none`, `metadata`, `auto`.
 - {{domxref("HTMLMediaElement.preservesPitch")}} {{non-standard_inline}}
   - : Является {{jsxref ('Boolean')}}, который определяет, будет ли сохранена высота звука. Если установлено значение false, высота звука будет регулироваться в зависимости от скорости звука. Это реализовано с помощью префиксов в Firefox (mozPreservedPitch) и WebKit (webkitPreservedPitch).
 - {{domxref("HTMLMediaElement.readyState")}} {{readonlyinline}}
@@ -99,7 +99,7 @@ _Этот интерфейс также наследует свойства от
 - {{domxref("HTMLMediaElement.sinkId")}} {{readonlyinline}} {{experimental_inline}}
   - : Возвращает {{domxref ("DOMString")}}, который является уникальным идентификатором аудиоустройства, предоставляющего выходные данные, или пустую строку, если используется пользовательский агент по умолчанию. Этот идентификатор должен быть одним из значений MediaDeviceInfo.deviceid, возвращаемых из {{domxref ("MediaDevices.enumerateDevices ()")}}, id-multimedia или id-communications.
 - {{domxref("HTMLMediaElement.src")}}
-  - : Это {{domxref ("DOMString")}}, который отражает атрибут HTML {{htmlattrxref ("src", "video")}}, который содержит URL-адрес используемого медиа-ресурса.
+  - : Это {{domxref ("DOMString")}}, который отражает атрибут HTML [`src`](/ru/docs/Web/HTML/Element/video#src), который содержит URL-адрес используемого медиа-ресурса.
 - {{domxref("HTMLMediaElement.srcObject")}}
   - : {{Domxref ('MediaStream')}}, представляющий медиафайл для воспроизведения или воспроизведённый в текущем HTMLMediaElement, или null, если не назначен.
 - {{domxref("HTMLMediaElement.textTracks")}} {{readonlyinline}}
@@ -149,7 +149,7 @@ _Этот интерфейс также наследует методы от с
 - {{domxref("HTMLMediaElement.fastSeek()")}}
   - : Прямо стремится к данному времени.
 - {{domxref("HTMLMediaElement.load()")}}
-  - : Сбрасывает носитель в начало и выбирает наилучший из доступных источников из источников, предоставленных с использованием атрибута {{htmlattrxref ("src", "video")}} или элемента {{HTMLElement ("source")}}.
+  - : Сбрасывает носитель в начало и выбирает наилучший из доступных источников из источников, предоставленных с использованием атрибута [`src`](/ru/docs/Web/HTML/Element/video#src) или элемента {{HTMLElement ("source")}}.
 - {{domxref("HTMLMediaElement.mozCaptureStream()")}} {{non-standard_inline}}
   - : \[введите описание]
 - {{domxref("HTMLMediaElement.mozCaptureStreamUntilEnded()")}} {{non-standard_inline}}
diff --git a/files/ru/web/api/htmlscriptelement/index.md b/files/ru/web/api/htmlscriptelement/index.md
index 4a61de4bd86d23..793e3665ce5615 100644
--- a/files/ru/web/api/htmlscriptelement/index.md
+++ b/files/ru/web/api/htmlscriptelement/index.md
@@ -29,7 +29,7 @@ _Наследует свойства от своего родителя, {{domxr
       <td>{{domxref("DOMString")}}</td>
       <td>
         Представляет тип MIME сценария. Он отражает атрибут
-        {{htmlattrxref("type","script")}}.
+        <a href="/ru/docs/Web/HTML/Element/script#type"><code>type</code></a>.
       </td>
     </tr>
     <tr>
@@ -37,7 +37,7 @@ _Наследует свойства от своего родителя, {{domxr
       <td>{{domxref("DOMString")}}</td>
       <td>
         Получает и отдаёт URL внешнего скрипта. Он отражает атрибут
-        {{htmlattrxref("src","script")}}.
+        <a href="/ru/docs/Web/HTML/Element/script#src"><code>src</code></a>.
       </td>
     </tr>
     <tr>
@@ -53,7 +53,7 @@ _Наследует свойства от своего родителя, {{domxr
       <td>{{domxref("DOMString")}}</td>
       <td>
         Представляет кодировку символов внешнего скрипта. Он отражает атрибут
-        {{htmlattrxref("charset","script")}}.
+        <a href="/ru/docs/Web/HTML/Element/script#charset"><code>charset</code></a>.
       </td>
     </tr>
     <tr>
@@ -196,7 +196,7 @@ _Наследует свойства от своего родителя, {{domxr
       <td>{{domxref("DOMString")}}</td>
       <td>
         {{domxref("DOMString")}}, который отражает HTML атрибут
-        {{htmlattrxref("referrerPolicy", "script")}}
+        <a href="/ru/docs/Web/HTML/Element/script#referrerpolicy"><code>referrerpolicy</code></a>
         указывающий, какой реферер использовать при извлечении скриптов и
         выборках, выполненных сценариев.
       </td>
diff --git a/files/ru/web/api/htmlselectelement/index.md b/files/ru/web/api/htmlselectelement/index.md
index 2553f4ab858d2d..04aa0be15dbc6d 100644
--- a/files/ru/web/api/htmlselectelement/index.md
+++ b/files/ru/web/api/htmlselectelement/index.md
@@ -21,18 +21,18 @@ _This interface inherits the properties of {{domxref("HTMLElement")}}, and of {{
 
 | Name                                                                                                                      | Type                                             | Description                                                                                                                                                                                                                                                                                                                                                                   |
 | ------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| {{domxref("HTMLSelectElement.autofocus", "autofocus")}}                                                  | {{jsxref("Boolean")}}                     | Reflects the {{htmlattrxref("autofocus", "select")}} HTML attribute, which indicates whether the control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form-associated element in a document can have this attribute specified.  |
-| {{domxref("HTMLSelectElement.disabled", "disabled")}}                                                  | {{jsxref("Boolean")}}                     | Reflects the {{htmlattrxref("disabled", "select")}} HTML attribute, which indicates whether the control is disabled. If it is disabled, it does not accept clicks.                                                                                                                                                                                              |
+| {{domxref("HTMLSelectElement.autofocus", "autofocus")}}                                                  | {{jsxref("Boolean")}}                     | Reflects the [`autofocus`](/ru/docs/Web/HTML/Element/select#autofocus) HTML attribute, which indicates whether the control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form-associated element in a document can have this attribute specified.  |
+| {{domxref("HTMLSelectElement.disabled", "disabled")}}                                                  | {{jsxref("Boolean")}}                     | Reflects the [`disabled`](/ru/docs/Web/HTML/Element/select#disabled) HTML attribute, which indicates whether the control is disabled. If it is disabled, it does not accept clicks.                                                                                                                                                                                              |
 | {{domxref("HTMLSelectElement.form", "form")}} {{readonlyInline}}                                     | {{domxref("HTMLFormElement")}}         | Returns the form that this element is associated with. If the element is not associated with of a {{HTMLElement("form")}} element, then it returns `null`.                                                                                                                                                                                                           |
 | {{domxref("HTMLSelectElement.labels", "labels")}} {{readonlyInline}}                                 | {{domxref("NodeList")}}                 | Returns a list of label elements associated with this select element.                                                                                                                                                                                                                                                                                                         |
 | {{domxref("HTMLSelectElement.length", "length")}}                                                          | `unsigned long`                                  | The number of {{HTMLElement("option")}} elements in this `select` element.                                                                                                                                                                                                                                                                                             |
-| {{domxref("HTMLSelectElement.multiple", "multiple")}}                                                  | {{jsxref("Boolean")}}                     | Reflects the {{htmlattrxref("multiple", "select")}} HTML attribute, which indicates whether multiple items can be selected.                                                                                                                                                                                                                                     |
-| {{domxref("HTMLSelectElement.name", "name")}}                                                              | {{domxref("DOMString")}}                 | Reflects the {{htmlattrxref("name", "select")}} HTML attribute, containing the name of this control used by servers and DOM search functions.                                                                                                                                                                                                                       |
+| {{domxref("HTMLSelectElement.multiple", "multiple")}}                                                  | {{jsxref("Boolean")}}                     | Reflects the [`multiple`](/ru/docs/Web/HTML/Element/select#multiple) HTML attribute, which indicates whether multiple items can be selected.                                                                                                                                                                                                                                     |
+| {{domxref("HTMLSelectElement.name", "name")}}                                                              | {{domxref("DOMString")}}                 | Reflects the [`name`](/ru/docs/Web/HTML/Element/select#name) HTML attribute, containing the name of this control used by servers and DOM search functions.                                                                                                                                                                                                                       |
 | {{domxref("HTMLSelectElement.options", "options")}} {{readonlyInline}}                             | {{domxref("HTMLOptionsCollection")}} | The set of {{HTMLElement("option")}} elements contained by this element.                                                                                                                                                                                                                                                                                               |
-| {{domxref("HTMLSelectElement.required", "required")}}                                                  | {{jsxref("Boolean")}}                     | Reflects the {{htmlattrxref("required", "select")}} HTML attribute, which indicates whether the user is required to select a value before submitting the form.                                                                                                                                                      |
+| {{domxref("HTMLSelectElement.required", "required")}}                                                  | {{jsxref("Boolean")}}                     | Reflects the [`required`](/ru/docs/Web/HTML/Element/select#required) HTML attribute, which indicates whether the user is required to select a value before submitting the form.                                                                                                                                                      |
 | {{domxref("HTMLSelectElement.selectedIndex", "selectedIndex")}}                                      | `long`                                           | Reflects the index of the first selected {{HTMLElement("option")}} element. The value `-1` indicates no element is selected.                                                                                                                                                                                                                                           |
 | {{domxref("HTMLSelectElement.selectedOptions", "selectedOptions")}} {{readonlyInline}}         | {{domxref("HTMLCollection")}}         | Set of options that are selected.                                                                                                                                                                                                                                                                                                                                             |
-| {{domxref("HTMLSelectElement.size", "size")}}                                                              | `long`                                           | Reflects the {{htmlattrxref("size", "select")}} HTML attribute, which contains the number of visible items in the control. The default is 1, unless `multiple` is true, in which case it is 4.                                                                                                                                                                      |
+| {{domxref("HTMLSelectElement.size", "size")}}                                                              | `long`                                           | Reflects the [`size`](/ru/docs/Web/HTML/Element/select#size) HTML attribute, which contains the number of visible items in the control. The default is 1, unless `multiple` is true, in which case it is 4.                                                                                                                                                                      |
 | {{domxref("HTMLSelectElement.type", "type")}} {{readonlyInline}}                                     | {{domxref("DOMString")}}                 | The form control's type. When `multiple` is `true`, it returns `"select-multiple"`; otherwise, it returns `"select-one"`.                                                                                                                                                                                                                                                     |
 | {{domxref("HTMLSelectElement.validationMessage", "validationMessage")}} {{readonlyInline}} | {{domxref("DOMString")}}                 | Localized message that describes the validation constraints that the control does not satisfy (if any). This attribute is the empty string if the control is not a candidate for constraint validation (`willValidate` is false), or it satisfies its constraints.                                                                                                            |
 | {{domxref("HTMLSelectElement.validity", "validity")}} {{readonlyInline}}                         | {{domxref("ValidityState")}}             | The validity state that this control is in.                                                                                                                                                                                                                                                                                                                                   |
diff --git a/files/ru/web/api/htmlslotelement/index.md b/files/ru/web/api/htmlslotelement/index.md
index 7cabe997acc370..2c254b0c24fce3 100644
--- a/files/ru/web/api/htmlslotelement/index.md
+++ b/files/ru/web/api/htmlslotelement/index.md
@@ -16,7 +16,7 @@ The **`HTMLContentElement`** interface represents a {{HTMLElement("content")}} H
 _This interface inherits the properties of {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLContentElement.select")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{ htmlattrxref("select", "content") }} HTML attribute. The value is a comma-separated list of CSS selectors that select the content to insert in place of the `<content>` element.
+  - : Is a {{domxref("DOMString")}} that reflects the [`select`](/ru/docs/Web/HTML/Element/content#select) HTML attribute. The value is a comma-separated list of CSS selectors that select the content to insert in place of the `<content>` element.
 
 ## Методы
 
diff --git a/files/ru/web/api/htmltablecellelement/index.md b/files/ru/web/api/htmltablecellelement/index.md
index 847981d0ba06d3..0fb54a3aedecc5 100644
--- a/files/ru/web/api/htmltablecellelement/index.md
+++ b/files/ru/web/api/htmltablecellelement/index.md
@@ -13,31 +13,31 @@ translation_of: Web/API/HTMLTableCellElement
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLTableCellElement.colSpan")}}
-  - : Is an `unsigned` `long` that represents the number of columns this cell must span. It reflects the {{htmlattrxref("colspan", "td")}} attribute.
+  - : Is an `unsigned` `long` that represents the number of columns this cell must span. It reflects the [`colspan`](/ru/docs/Web/HTML/Element/td#colspan) attribute.
 - {{domxref("HTMLTableCellElement.rowSpan")}}
-  - : Is an `unsigned` `long` that represents the number of rows this cell must span. It reflects the {{htmlattrxref("rowspan", "td")}} attribute.
+  - : Is an `unsigned` `long` that represents the number of rows this cell must span. It reflects the [`rowspan`](/ru/docs/Web/HTML/Element/td#rowspan) attribute.
 - {{domxref("HTMLTableCellElement.headers")}} {{readonlyInline}}
-  - : Is a {{domxref("DOMSettableTokenList")}} describing a list of `id` of {{HTMLElement("th")}} elements that represents headers associated with the cell. It reflects the {{htmlattrxref("headers", "td")}} attribute.
+  - : Is a {{domxref("DOMSettableTokenList")}} describing a list of `id` of {{HTMLElement("th")}} elements that represents headers associated with the cell. It reflects the [`headers`](/ru/docs/Web/HTML/Element/td#headers) attribute.
 - {{domxref("HTMLTableCellElement.cellIndex")}} {{readonlyInline}}
   - : Is a `long` representing the cell position in the cells collection of the {{HTMLElement("tr")}} it belongs to. If the cell doesn't belong to a `<tr>`, it returns `-1`.
 - {{domxref("HTMLTableCellElement.align")}}
-  - : Is a {{domxref("DOMString")}} containing an enumerated value reflecting the {{htmlattrxref("align", "td")}} attribute. It indicates the alignment of the element's contents with respect to the surrounding context. The possible values are `"left"`, `"right"`, and `"center"`.
+  - : Is a {{domxref("DOMString")}} containing an enumerated value reflecting the [`align`](/ru/docs/Web/HTML/Element/td#align) attribute. It indicates the alignment of the element's contents with respect to the surrounding context. The possible values are `"left"`, `"right"`, and `"center"`.
 - {{domxref("HTMLTableCellElement.bgColor")}}
-  - : Is a {{domxref("DOMString")}} containing the background color of the cells. It reflects the obsolete {{htmlattrxref("bgColor", "td")}} attribute.
+  - : Is a {{domxref("DOMString")}} containing the background color of the cells. It reflects the obsolete [`bgColor`](/ru/docs/Web/HTML/Element/td#bgColor) attribute.
 - {{domxref("HTMLTableCellElement.axis")}}
-  - : Is a {{domxref("DOMString")}} containing a name grouping cells in virtual. It reflects the obsolete {{htmlattrxref("axis", "td")}} attribute.
+  - : Is a {{domxref("DOMString")}} containing a name grouping cells in virtual. It reflects the obsolete [`axis`](/ru/docs/Web/HTML/Element/td#axis) attribute.
 - {{domxref("HTMLTableCellElement.height")}}
-  - : Is a {{domxref("DOMString")}} containing a length of pixel of the hinted height of the cell. It reflects the obsolete {{htmlattrxref("height", "td")}} attribute.
+  - : Is a {{domxref("DOMString")}} containing a length of pixel of the hinted height of the cell. It reflects the obsolete [`height`](/ru/docs/Web/HTML/Element/td#height) attribute.
 - {{domxref("HTMLTableCellElement.width")}}
-  - : Is a {{domxref("DOMString")}} containing a length of pixel of the hinted width of the cell. It reflects the obsolete {{htmlattrxref("width", "td")}} attribute.
+  - : Is a {{domxref("DOMString")}} containing a length of pixel of the hinted width of the cell. It reflects the obsolete [`width`](/ru/docs/Web/HTML/Element/td#width) attribute.
 - {{domxref("HTMLTableCellElement.ch")}}
-  - : Is a {{domxref("DOMString")}} containing one single chararcter. This character is the one to align all the cell of a column on. It reflects the {{htmlattrxref("char", "td")}} and default to the decimal points associated with the language, e.g. `'.'` for English, or `','` for French. This property was optional and was not very well supported.
+  - : Is a {{domxref("DOMString")}} containing one single chararcter. This character is the one to align all the cell of a column on. It reflects the [`char`](/ru/docs/Web/HTML/Element/td#char) and default to the decimal points associated with the language, e.g. `'.'` for English, or `','` for French. This property was optional and was not very well supported.
 - {{domxref("HTMLTableCellElement.chOff")}}
   - : Is a {{domxref("DOMString")}} containing a integer indicating how many characters must be left at the right (for left-to-right scripts; or at the left for right-to-left scripts) of the character defined by `HTMLTableCellElement.ch`. This property was optional and was not very well supported.
 - {{domxref("HTMLTableCellElement.noWrap")}}
-  - : Is a {{domxref("Boolean")}} value reflecting the {{htmlattrxref("nowrap", "td")}} attribute and indicating if cell content can be broken in several lines.
+  - : Is a {{domxref("Boolean")}} value reflecting the [`nowrap`](/ru/docs/Web/HTML/Element/td#nowrap) attribute and indicating if cell content can be broken in several lines.
 - {{domxref("HTMLTableCellElement.vAlign")}}
-  - : Is a {{domxref("DOMString")}} representing an enumerated value indicating how the content of the cell must be vertically aligned. It reflects the {{htmlattrxref("valign", "td")}} attribute and can have one of the following values: `"top"`, `"middle"`, `"bottom"`, or `"baseline"`.
+  - : Is a {{domxref("DOMString")}} representing an enumerated value indicating how the content of the cell must be vertically aligned. It reflects the [`valign`](/ru/docs/Web/HTML/Element/td#valign) attribute and can have one of the following values: `"top"`, `"middle"`, `"bottom"`, or `"baseline"`.
 
 ## Methods
 
diff --git a/files/ru/web/api/htmltimeelement/index.md b/files/ru/web/api/htmltimeelement/index.md
index cbd40e13c51055..daf4b3a8e76355 100644
--- a/files/ru/web/api/htmltimeelement/index.md
+++ b/files/ru/web/api/htmltimeelement/index.md
@@ -15,7 +15,7 @@ translation_of: Web/API/HTMLTimeElement
 _Наследует свойства от родителя {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLTimeElement.dateTime")}}
-  - : Это {{domxref("DOMString")}} который отражает {{ htmlattrxref("datetime", "time") }} HTML атрибут, содержащий понятный для машин формат даты и времени.
+  - : Это {{domxref("DOMString")}} который отражает [`datetime`](/ru/docs/Web/HTML/Element/time#datetime) HTML атрибут, содержащий понятный для машин формат даты и времени.
 
 ## Методы
 
diff --git a/files/ru/web/api/htmltrackelement/index.md b/files/ru/web/api/htmltrackelement/index.md
index 5087735fd99f10..898c525345ba51 100644
--- a/files/ru/web/api/htmltrackelement/index.md
+++ b/files/ru/web/api/htmltrackelement/index.md
@@ -14,15 +14,15 @@ translation_of: Web/API/HTMLTrackElement
 _Наследует свойства своего родителя, {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLTrackElement.kind")}}
-  - : Тип данных {{domxref("DOMString")}}, так как отображает значение HTML-атрибута {{htmlattrxref("kind", "track")}}. Показывает, как будет использоваться текстовый трек. Возможные значения: `subtitles`, `captions`, `descriptions`, `chapters`, `metadata` (субтитры, подписи, описания, главы или метаданные).
+  - : Тип данных {{domxref("DOMString")}}, так как отображает значение HTML-атрибута [`kind`](/ru/docs/Web/HTML/Element/track#kind). Показывает, как будет использоваться текстовый трек. Возможные значения: `subtitles`, `captions`, `descriptions`, `chapters`, `metadata` (субтитры, подписи, описания, главы или метаданные).
 - {{domxref("HTMLTrackElement.src")}}
-  - : Тип данных {{domxref("DOMString")}}, так как отображает значение HTML-атрибута {{htmlattrxref("src", "track")}}. Указывает адрес файла текстового трека.
+  - : Тип данных {{domxref("DOMString")}}, так как отображает значение HTML-атрибута [`src`](/ru/docs/Web/HTML/Element/track#src). Указывает адрес файла текстового трека.
 - {{domxref("HTMLTrackElement.srclang")}}
-  - : Тип данных {{domxref("DOMString")}}, так как отображает значение HTML-атрибута {{htmlattrxref("srclang", "track")}}. Указывает язык текстового трека.
+  - : Тип данных {{domxref("DOMString")}}, так как отображает значение HTML-атрибута [`srclang`](/ru/docs/Web/HTML/Element/track#srclang). Указывает язык текстового трека.
 - {{domxref("HTMLTrackElement.label")}}
-  - : Тип данных {{domxref("DOMString")}} , так как отображает значение HTML-атрибута {{htmlattrxref("label", "track")}}. Определяет видимый пользователю заголовок трека.
+  - : Тип данных {{domxref("DOMString")}} , так как отображает значение HTML-атрибута [`label`](/ru/docs/Web/HTML/Element/track#label). Определяет видимый пользователю заголовок трека.
 - {{domxref("HTMLTrackElement.default")}}
-  - : Тип данных {{domxref("Boolean")}}, отображает значение HTML-атрибута {{htmlattrxref("default", "track")}}. Указывает, что это текстовый трек по умолчанию, если пользовательские настройки не определят другой трек, как более уместный.
+  - : Тип данных {{domxref("Boolean")}}, отображает значение HTML-атрибута [`default`](/ru/docs/Web/HTML/Element/track#default). Указывает, что это текстовый трек по умолчанию, если пользовательские настройки не определят другой трек, как более уместный.
 - {{domxref("HTMLTrackElement.readyState")}} {{ReadOnlyInline}}
 
   - : Возвращает значение типа `unsigned short`, которое показывает доступность трека для чтения:
diff --git a/files/ru/web/api/htmlvideoelement/index.md b/files/ru/web/api/htmlvideoelement/index.md
index 9ac46cbbd44a76..254fdcedbc821a 100644
--- a/files/ru/web/api/htmlvideoelement/index.md
+++ b/files/ru/web/api/htmlvideoelement/index.md
@@ -17,15 +17,15 @@ translation_of: Web/API/HTMLVideoElement
 _Inherits properties from its parent,_ _{{domxref("HTMLMediaElement")}}, and_ _{{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLVideoElement.height")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{htmlattrxref("height", "video")}} HTML attribute, which specifies the height of the display area, in CSS pixels.
+  - : Is a {{domxref("DOMString")}} that reflects the [`height`](/ru/docs/Web/HTML/Element/video#height) HTML attribute, which specifies the height of the display area, in CSS pixels.
 - {{domxref("HTMLVideoElement.poster")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{htmlattrxref("poster", "video")}} HTML attribute, which specifies an image to show while no video data is available.
+  - : Is a {{domxref("DOMString")}} that reflects the [`poster`](/ru/docs/Web/HTML/Element/video#poster) HTML attribute, which specifies an image to show while no video data is available.
 - {{domxref("HTMLVideoElement.videoHeight")}} {{readonlyInline}}
   - : Returns an `unsigned long` containing the intrinsic height of the resource in CSS pixels, taking into account the dimensions, aspect ratio, clean aperture, resolution, and so forth, as defined for the format used by the resource. If the element's ready state is `HAVE_NOTHING`, the value is `0`.
 - {{domxref("HTMLVideoElement.videoWidth")}} {{readonlyInline}}
   - : Returns an `unsigned long` containing the intrinsic width of the resource in CSS pixels, taking into account the dimensions, aspect ratio, clean aperture, resolution, and so forth, as defined for the format used by the resource. If the element's ready state is `HAVE_NOTHING`, the value is `0`.
 - {{domxref("HTMLVideoElement.width")}}
-  - : Is a {{domxref("DOMString")}} that reflects the {{htmlattrxref("width", "video")}} HTML attribute, which specifies the width of the display area, in CSS pixels.
+  - : Is a {{domxref("DOMString")}} that reflects the [`width`](/ru/docs/Web/HTML/Element/video#width) HTML attribute, which specifies the width of the display area, in CSS pixels.
 
 ### Gecko-специфичные свойства
 
diff --git a/files/ru/web/api/mediadevices/getusermedia/index.md b/files/ru/web/api/mediadevices/getusermedia/index.md
index 2048cf7beed8ad..2028df2ddaf38c 100644
--- a/files/ru/web/api/mediadevices/getusermedia/index.md
+++ b/files/ru/web/api/mediadevices/getusermedia/index.md
@@ -197,7 +197,7 @@ var promise = navigator.mediaDevices.getUserMedia(constraints);
 
 #### Feature Policy (Функциональная политика)
 
-Функция управление безопасностью ([Feature Policy](/ru/docs/Web/HTTP/Feature_Policy)) протокола {{Glossary("HTTP")}} находиться в процессе введения в браузеры, с поддержкой, доступной в различной степени во многих браузерах (но не всегда включённой в настройках по умолчанию, как в Firefox). Метод `getUserMedia()` - один из методов, требующий использования функциональной политики и вашему коду нужно быть готовым к работе с ним. К примеру, чтобы метод был доступен в документах не высокого уровня, разработчику нужно использовать либо атрибут {{htmlattrxref("allow", "iframe")}} на элементе {{HTMLElement("iframe")}} , который использует `getUserMedia()`, либо {{HTTPHeader("Feature-Policy")}} заголовок для страниц , передающихся с сервера, которые используют `getUserMedia()`.
+Функция управление безопасностью ([Feature Policy](/ru/docs/Web/HTTP/Feature_Policy)) протокола {{Glossary("HTTP")}} находиться в процессе введения в браузеры, с поддержкой, доступной в различной степени во многих браузерах (но не всегда включённой в настройках по умолчанию, как в Firefox). Метод `getUserMedia()` - один из методов, требующий использования функциональной политики и вашему коду нужно быть готовым к работе с ним. К примеру, чтобы метод был доступен в документах не высокого уровня, разработчику нужно использовать либо атрибут [`allow`](/ru/docs/Web/HTML/Element/iframe#allow) на элементе {{HTMLElement("iframe")}} , который использует `getUserMedia()`, либо {{HTTPHeader("Feature-Policy")}} заголовок для страниц , передающихся с сервера, которые используют `getUserMedia()`.
 
 Два разрешения, которые обращаются к `getUserMedia()` - `camera` и `microphone`.
 
@@ -230,9 +230,9 @@ Feature-Policy: microphone 'self' https://developer.mozilla.org
 
 Существуют несколько небезопасных способа загрузить документ, который может попытаться вызвать метод `getUserMedia()`. Ниже представлены примеры ситуаций, в которых `getUserMedia()` не разрешается вызывать:
 
-- Документ, загруженный в песочницу {{HTMLElement("iframe")}} элемента не может вызвать `getUserMedia()`, до тех пор пока, на элементе `<iframe>` находиться атрибут {{htmlattrxref("sandbox", "iframe")}}, установленный в значение `allow-same-origin`.
+- Документ, загруженный в песочницу {{HTMLElement("iframe")}} элемента не может вызвать `getUserMedia()`, до тех пор пока, на элементе `<iframe>` находиться атрибут [`sandbox`](/ru/docs/Web/HTML/Element/iframe#sandbox), установленный в значение `allow-same-origin`.
 - Документ, загруженный по протоколам `data://` или `blob://` в URL-адресе, не имеющий источника (такими являются типы URL-ов, введённые пользователями в строке адреса браузера) не может вызвать `getUserMedia()`. Подобные типы URL-ов, загружаемые из JavaScript-кода, наследуют разрешения скрипта.
-- Иные ситуации, документы которых не имеют источника, к примеру элемент, содержащий атрибут {{htmlattrxref("srcdoc", "iframe")}}, использующийся для указания содержимого фрейма.
+- Иные ситуации, документы которых не имеют источника, к примеру элемент, содержащий атрибут [`srcdoc`](/ru/docs/Web/HTML/Element/iframe#srcdoc), использующийся для указания содержимого фрейма.
 
 ## Примеры
 
diff --git a/files/ru/web/api/mediaerror/code/index.md b/files/ru/web/api/mediaerror/code/index.md
index a602515b9e68d1..610179e5aef70d 100644
--- a/files/ru/web/api/mediaerror/code/index.md
+++ b/files/ru/web/api/mediaerror/code/index.md
@@ -40,7 +40,7 @@ var myError = mediaError.code;
 
 ## Пример
 
-В этом примере создаётся элемент {{HTMLElement("video")}}, устанавливается обработчик ошибок для него, а затем устанавливается атрибут элемента {{htmlattrxref("src", "video")}} для видеоресурса, который должен присутствовать в элементе. Обработчик ошибок просто выводит сообщение
+В этом примере создаётся элемент {{HTMLElement("video")}}, устанавливается обработчик ошибок для него, а затем устанавливается атрибут элемента [`src`](/ru/docs/Web/HTML/Element/video#src) для видеоресурса, который должен присутствовать в элементе. Обработчик ошибок просто выводит сообщение
 
 ```js
 var obj = document.createElement('video');
diff --git a/files/ru/web/api/mediastream_recording_api/recording_a_media_element/index.md b/files/ru/web/api/mediastream_recording_api/recording_a_media_element/index.md
index fbe2f2b27b2307..2a30751fb33313 100644
--- a/files/ru/web/api/mediastream_recording_api/recording_a_media_element/index.md
+++ b/files/ru/web/api/mediastream_recording_api/recording_a_media_element/index.md
@@ -31,7 +31,7 @@ translation_of: Web/API/MediaStream_Recording_API/Recording_a_media_element
 </div>
 ```
 
-Основной интерфейс представляется в двух колонках. В левой находиться кнопка старта и элемент {{HTMLElement("video")}} , который отображает предварительный просмотр видео. Это видео, воспроизводится камерой устройства. Заметьте, что используется атрибут {{htmlattrxref("autoplay", "video")}}, что бы поток начал воспроизводиться немедленно, снимаясь прямо с камеры. Атрибут {{htmlattrxref("muted", "video")}} гарантирует отключение звука с микрофона, для предотвращения цикличного эхо эффекта.
+Основной интерфейс представляется в двух колонках. В левой находиться кнопка старта и элемент {{HTMLElement("video")}} , который отображает предварительный просмотр видео. Это видео, воспроизводится камерой устройства. Заметьте, что используется атрибут [`autoplay`](/ru/docs/Web/HTML/Element/video#autoplay), что бы поток начал воспроизводиться немедленно, снимаясь прямо с камеры. Атрибут [`muted`](/ru/docs/Web/HTML/Element/video#muted) гарантирует отключение звука с микрофона, для предотвращения цикличного эхо эффекта.
 
 ```html
 <div class="right">
@@ -46,7 +46,7 @@ translation_of: Web/API/MediaStream_Recording_API/Recording_a_media_element
 </div>
 ```
 
-Справа мы видим кнопку остановки и элемент `<video>,` который будет использоваться для воспроизведения записанного видео. Обратите внимание, что на панели воспроизведения не установлен режим автозапуска (поэтому воспроизведение не начинается сразу после поступления мультимедиа), а также установлен атрибут {{htmlattrxref ("controls", "video")}}, что говорит о необходимости показывать пользовательские элементы управления для воспроизведения, паузы и т. д.
+Справа мы видим кнопку остановки и элемент `<video>,` который будет использоваться для воспроизведения записанного видео. Обратите внимание, что на панели воспроизведения не установлен режим автозапуска (поэтому воспроизведение не начинается сразу после поступления мультимедиа), а также установлен атрибут [`controls`](/ru/docs/Web/HTML/Element/video#controls), что говорит о необходимости показывать пользовательские элементы управления для воспроизведения, паузы и т. д.
 
 Под элементом воспроизведения находится кнопка для загрузки записанного видео.
 
@@ -242,9 +242,9 @@ When a {{event("click")}} event occurs, here's what happens:
   - : When the preview video begins to play, we know there's media to record, so we respond by calling the [`startRecording()`](#starting_media_recording) function we created earlier, passing in the preview video stream (as the source media to be recorded) and `recordingTimeMS` as the number of milliseconds of media to record. As mentioned before, `startRecording()` returns a {{jsxref("Promise")}} whose resolution handler is called (receiving as input an array of {{domxref("Blob")}} objects containing the chunks of recorded media data) once recording has completed.
 - Lines 11-15
 
-  - : The recording process's resolution handler receives as input an array of media data `Blob`s locally known as `recordedChunks`. The first thing we do is merge the chunks into a single {{domxref("Blob")}} whose MIME type is `"video/webm"` by taking advantage of the fact that the {{domxref("Blob.Blob", "Blob()")}} constructor concatenates arrays of objects into one object. Then {{domxref("URL.createObjectURL()")}} is used to create an URL that references the blob; this is then made the value of the recorded video playback element's {{htmlattrxref("src", "video")}} attribute (so that you can play the video from the blob) as well as the target of the download button's link.
+  - : The recording process's resolution handler receives as input an array of media data `Blob`s locally known as `recordedChunks`. The first thing we do is merge the chunks into a single {{domxref("Blob")}} whose MIME type is `"video/webm"` by taking advantage of the fact that the {{domxref("Blob.Blob", "Blob()")}} constructor concatenates arrays of objects into one object. Then {{domxref("URL.createObjectURL()")}} is used to create an URL that references the blob; this is then made the value of the recorded video playback element's [`src`](/ru/docs/Web/HTML/Element/video#src) attribute (so that you can play the video from the blob) as well as the target of the download button's link.
 
-    Then the download button's {{htmlattrxref("download", "a")}} attribute is set. While the `download` attribute can be a Boolean, you can also set it to a string to use as the name for the downloaded file. So by setting the download link's `download` attribute to "RecordedVideo.webm", we tell the browser that clicking the button should download a file named `"RecordedVideo.webm"` whose contents are the recorded video.
+    Then the download button's [`download`](/ru/docs/Web/HTML/Element/a#download) attribute is set. While the `download` attribute can be a Boolean, you can also set it to a string to use as the name for the downloaded file. So by setting the download link's `download` attribute to "RecordedVideo.webm", we tell the browser that clicking the button should download a file named `"RecordedVideo.webm"` whose contents are the recorded video.
 
 - Lines 17-18
   - : The size and type of the recorded media are output to the log area below the two videos and the download button.
diff --git a/files/ru/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md b/files/ru/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
index 9e2857f29f8be1..e3355de47bdf37 100644
--- a/files/ru/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
+++ b/files/ru/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
@@ -244,7 +244,7 @@ mediaRecorder.onstop = function(e) {
 </article>
 ```
 
-После этого создаём объект {{domxref("Blob")}} с комбинацией наших записанных частей аудио и создаём объект URL ссылающийся на него, используя метод `window.URL.createObjectURL(blob)`. Затем устанавливаем значение атрибута {{htmlattrxref("src", "audio")}} элемента {{HTMLElement("audio")}} в созданный объект URL, так, что бы при нажатии на кнопку воспроизведения объект `Blob` передал свои данные элементу.
+После этого создаём объект {{domxref("Blob")}} с комбинацией наших записанных частей аудио и создаём объект URL ссылающийся на него, используя метод `window.URL.createObjectURL(blob)`. Затем устанавливаем значение атрибута [`src`](/ru/docs/Web/HTML/Element/audio#src) элемента {{HTMLElement("audio")}} в созданный объект URL, так, что бы при нажатии на кнопку воспроизведения объект `Blob` передал свои данные элементу.
 
 Наконец, устанавливаем обработчик события `onclick` на кнопке удаления, для удаления всей структуры HTML проигрывания результата записи (элемент clip).
 
diff --git a/files/ru/web/api/payment_request_api/index.md b/files/ru/web/api/payment_request_api/index.md
index 51b66d098247dc..f946af0619824d 100644
--- a/files/ru/web/api/payment_request_api/index.md
+++ b/files/ru/web/api/payment_request_api/index.md
@@ -23,7 +23,7 @@ To request a payment, a web page creates a {{domxref("PaymentRequest")}} object
 
 You can find a complete guide in [Using the Payment Request API](/ru/docs/Web/API/Payment_Request_API/Using_the_Payment_Request_API).
 
-> **Примечание:** The API is available inside cross-origin {{htmlelement("iframe")}} elements only if they have had the {{htmlattrxref("allowpaymentrequest","iframe")}} attribute set on them.
+> **Примечание:** The API is available inside cross-origin {{htmlelement("iframe")}} elements only if they have had the [`allowpaymentrequest`](/ru/docs/Web/HTML/Element/iframe#allowpaymentrequest) attribute set on them.
 
 ## Interfaces
 
diff --git a/files/ru/web/api/screen_capture_api/index.md b/files/ru/web/api/screen_capture_api/index.md
index f8d4be028988ff..cf1eecefc955c9 100644
--- a/files/ru/web/api/screen_capture_api/index.md
+++ b/files/ru/web/api/screen_capture_api/index.md
@@ -92,7 +92,7 @@ The following dictionaries are defined by the Screen Capture API.
 
 ## Feature Policy validation
 
-{{Glossary("User agent", "User agents")}} that support Feature Policy (either using HTTP's {{HTTPHeader("Feature-Policy")}} header or the {{HTMLElement("iframe")}} attribute {{htmlattrxref("allow", "iframe")}}) can specify a desire to use the Screen Capture API using the policy control directive `display-capture`:
+{{Glossary("User agent", "User agents")}} that support Feature Policy (either using HTTP's {{HTTPHeader("Feature-Policy")}} header or the {{HTMLElement("iframe")}} attribute [`allow`](/ru/docs/Web/HTML/Element/iframe#allow)) can specify a desire to use the Screen Capture API using the policy control directive `display-capture`:
 
 ```html
 <iframe allow="display-capture" src="/some-other-document.html">
diff --git a/files/ru/web/api/screen_capture_api/using_screen_capture/index.md b/files/ru/web/api/screen_capture_api/using_screen_capture/index.md
index ee7835b28bf507..0b22a56a371e4f 100644
--- a/files/ru/web/api/screen_capture_api/using_screen_capture/index.md
+++ b/files/ru/web/api/screen_capture_api/using_screen_capture/index.md
@@ -322,7 +322,7 @@ The final product looks like this. If your browser supports Screen Capture API,
 
 ## Security
 
-In order to function when [Feature Policy](/ru/docs/Web/HTTP/Feature_Policy) is enabled, you will need the `display-capture` permission. This can be done using the {{HTTPHeader("Feature-Policy")}} {{Glossary("HTTP")}} header or—if you're using the Screen Capture API in an {{HTMLElement("iframe")}}, the `<iframe>` element's {{htmlattrxref("allow", "iframe")}} attribute.
+In order to function when [Feature Policy](/ru/docs/Web/HTTP/Feature_Policy) is enabled, you will need the `display-capture` permission. This can be done using the {{HTTPHeader("Feature-Policy")}} {{Glossary("HTTP")}} header or—if you're using the Screen Capture API in an {{HTMLElement("iframe")}}, the `<iframe>` element's [`allow`](/ru/docs/Web/HTML/Element/iframe#allow) attribute.
 
 For example, this line in the HTTP headers will enable Screen Capture API for the document and any embedded {{HTMLElement("iframe")}} elements that are loaded from the same origin:
 
diff --git a/files/ru/web/api/selection/index.md b/files/ru/web/api/selection/index.md
index 0278ece5d7ca21..6c202f4cc7dd06 100644
--- a/files/ru/web/api/selection/index.md
+++ b/files/ru/web/api/selection/index.md
@@ -141,7 +141,7 @@ Other key terms used in this section.
 - `anchor`
   - : The anchor of a selection is the beginning point of the selection. When making a selection with a mouse, the anchor is where in the document the mouse button is initially pressed. As the user changes the selection using the mouse or the keyboard, the anchor does not move.
 - `editing host`
-  - : An editable element (e.g., an HTML element with {{htmlattrxref("contenteditable")}} set, or the HTML child of a document that has {{DOMxRef("Document.designMode", "designMode")}} enabled).
+  - : An editable element (e.g., an HTML element with [`contenteditable`](/ru/docs/Web/HTML/Global_attributes#contenteditable) set, or the HTML child of a document that has {{DOMxRef("Document.designMode", "designMode")}} enabled).
 - `focus of a selection`
 
   - : The _focus_ of a selection is the end point of the selection. When making a selection with a mouse, the focus is where in the document the mouse button is released. As the user changes the selection using the mouse or the keyboard, the focus is the end of the selection that moves.
diff --git a/files/ru/web/api/speechrecognition/index.md b/files/ru/web/api/speechrecognition/index.md
index 03a99abac52bcb..246f17769a6cb2 100644
--- a/files/ru/web/api/speechrecognition/index.md
+++ b/files/ru/web/api/speechrecognition/index.md
@@ -20,7 +20,7 @@ _`SpeechRecognition` наследует свойства от своего ро
 - {{domxref("SpeechRecognition.grammars")}}
   - : Возвращает и устанавливает коллекцию объектов {{domxref("SpeechGrammar")}} грамматики которые будут понятны текущему `SpeechRecognition`.
 - {{domxref("SpeechRecognition.lang")}}
-  - : Задаёт и возвращает язык текущего `SpeechRecognition`. Если данное свойство не указано по умолчанию, то используется из HTML кода значение атрибута {{htmlattrxref("lang","html")}} , или настройки языка агента текущего пользователя.
+  - : Задаёт и возвращает язык текущего `SpeechRecognition`. Если данное свойство не указано по умолчанию, то используется из HTML кода значение атрибута [`lang`](/ru/docs/Web/HTML/Element/html#lang) , или настройки языка агента текущего пользователя.
 - {{domxref("SpeechRecognition.continuous")}}
   - : Проверяет возвращается ли непрерывные результаты или вернулся только один. По умолчанию для одиночного значение (`false`.)
 - {{domxref("SpeechRecognition.interimResults")}}
diff --git a/files/ru/web/api/validitystate/index.md b/files/ru/web/api/validitystate/index.md
index 1264c8927894b2..601049d842fd6e 100644
--- a/files/ru/web/api/validitystate/index.md
+++ b/files/ru/web/api/validitystate/index.md
@@ -23,23 +23,23 @@ browser-compat: api.ValidityState
 - `customError` {{ReadOnlyInline}}
   - : {{jsxref("Boolean")}}, указывающий, было ли установлено кастомное сообщение валидации путём вызова метода {{domxref('HTMLObjectElement.setCustomValidity', 'setCustomValidity()')}} с непустой строкой в аргументе.
 - {{domxref("ValidityState.patternMismatch", "patternMismatch")}} {{ReadOnlyInline}}
-  - : {{jsxref("Boolean")}} `true`, если значение не соответствует шаблону, указанному в атрибуте {{htmlattrxref("pattern", "input")}}. `false`, если значение соответствует этому шаблону. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
+  - : {{jsxref("Boolean")}} `true`, если значение не соответствует шаблону, указанному в атрибуте [`pattern`](/ru/docs/Web/HTML/Element/input#pattern). `false`, если значение соответствует этому шаблону. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
 - {{domxref("ValidityState.rangeOverflow", "rangeOverflow")}} {{ReadOnlyInline}}
-  - : {{jsxref("Boolean")}} `true`, если значение больше максимума, заданного в атрибуте {{htmlattrxref("max", "input")}}. `false`, если значение меньше или равно ему. Если `true`, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
+  - : {{jsxref("Boolean")}} `true`, если значение больше максимума, заданного в атрибуте [`max`](/ru/docs/Web/HTML/Element/input#max). `false`, если значение меньше или равно ему. Если `true`, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
 - {{domxref("ValidityState.rangeUnderflow", "rangeUnderflow")}} {{ReadOnlyInline}}
-  - : {{jsxref("Boolean")}} `true`, если значение меньше минимума, заданного в атрибуте {{htmlattrxref("min", "input")}}. `false`, если значение больше или равно ему. Если `true`, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
+  - : {{jsxref("Boolean")}} `true`, если значение меньше минимума, заданного в атрибуте [`min`](/ru/docs/Web/HTML/Element/input#min). `false`, если значение больше или равно ему. Если `true`, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
 - {{domxref("ValidityState.stepMismatch", "stepMismatch")}} {{ReadOnlyInline}}
-  - : {{jsxref("Boolean")}} `true`, если значение не соответствует правилам, заданным в атрибуте {{htmlattrxref("step", "input")}} (то есть, не делится без остатка на значение шага). `false`, если соответствует этим правилам. Если `true`, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
+  - : {{jsxref("Boolean")}} `true`, если значение не соответствует правилам, заданным в атрибуте [`step`](/ru/docs/Web/HTML/Element/input#step) (то есть, не делится без остатка на значение шага). `false`, если соответствует этим правилам. Если `true`, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
 - {{domxref("ValidityState.tooLong", "tooLong")}} {{ReadOnlyInline}}
   - : {{jsxref("Boolean")}} `true`, если значение превышает лимит, указанный в атрибуте `maxlength` объектов {{domxref("HTMLInputElement")}} или {{domxref("HTMLTextAreaElement")}}. `false`, если длина меньше или равна максимальной длине. _**Примечание:** Данное свойство никогда не будет `true` в Gecko, потому что значению элемента не разрешается быть больше `maxlength`._ Если `true`, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
 - {{domxref("ValidityState.tooShort", "tooShort")}} {{ReadOnlyInline}}
   - : {{jsxref("Boolean")}} `true`, если длина значения не достигает минимума, указанного в атрибуте `minlength` объектов {{domxref("HTMLInputElement")}} и {{domxref("HTMLTextAreaElement")}}. `false`, если длина больше или равна ему. Если `true`, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.
 - {{domxref("ValidityState.typeMismatch", "typeMismatch")}} {{ReadOnlyInline}}
-  - : {{jsxref("Boolean")}} `true`, если значение не соответствует требуемому синтаксису (когда для {{htmlattrxref("type", "input")}} задано значение `email` или `url`). `false`, если синтаксис корректный. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
+  - : {{jsxref("Boolean")}} `true`, если значение не соответствует требуемому синтаксису (когда для [`type`](/ru/docs/Web/HTML/Element/input#type) задано значение `email` или `url`). `false`, если синтаксис корректный. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
 - `valid` {{ReadOnlyInline}}
   - : {{jsxref("Boolean")}} `true`, если элемент соответствует всем ограничениям валидации и, следовательно, считается валидным. `false`, если не соответствует любому ограничению. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":valid")}}; иначе — псевдоклассу {{cssxref(":invalid")}}.
 - {{domxref("ValidityState.valueMissing", "valueMissing")}} {{ReadOnlyInline}}
-  - : {{jsxref("Boolean")}} `true`, если у элемента есть атрибут {{htmlattrxref("required", "input")}}, но сам элемент заполнен не был. `false`, если элемент был заполнен. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
+  - : {{jsxref("Boolean")}} `true`, если у элемента есть атрибут [`required`](/ru/docs/Web/HTML/Element/input#required), но сам элемент заполнен не был. `false`, если элемент был заполнен. Если `true`, элемент соответствует CSS-псевдоклассу {{cssxref(":invalid")}}.
 
 ## Спецификации
 
diff --git a/files/ru/web/api/web_components/index.md b/files/ru/web/api/web_components/index.md
index 11875e29e3ab8a..2a0b0ed0523863 100644
--- a/files/ru/web/api/web_components/index.md
+++ b/files/ru/web/api/web_components/index.md
@@ -57,7 +57,7 @@ original_slug: Web/Web_Components
 
   - : &#x20;
 
-    - Глобальный атрибут HTML {{htmlattrxref("is")}}: позволяет указать, что стандартный элемент HTML должен вести себя как зарегистрированный встроенный пользовательский элемент.
+    - Глобальный атрибут HTML [`is`](/ru/docs/Web/HTML/Global_attributes#is): позволяет указать, что стандартный элемент HTML должен вести себя как зарегистрированный встроенный пользовательский элемент.
     - Параметр «is» метода {{domxref("Document.createElement()")}}: позволяет создать экземпляр стандартного HTML-элемента, который ведёт себя как заданный зарегистрированный настраиваемый встроенный элемент.
 
 - Псевдоклассы CSS
@@ -73,7 +73,7 @@ original_slug: Web/Web_Components
 
   - : Псевдоэлементы, относящиеся конкретно к настраиваемым элементам:
 
-    - {{cssxref("::part")}}: Представляет любой элемент в [теневом дереве](/ru/docs/Web/Web_Components/Using_shadow_DOM), имеющий соответствующий атрибут {{HTMLAttrxRef("part")}}.
+    - {{cssxref("::part")}}: Представляет любой элемент в [теневом дереве](/ru/docs/Web/Web_Components/Using_shadow_DOM), имеющий соответствующий атрибут [`part`](/ru/docs/Web/HTML/Global_attributes#part).
 
 ### Shadow DOM
 
diff --git a/files/ru/web/api/web_components/using_custom_elements/index.md b/files/ru/web/api/web_components/using_custom_elements/index.md
index fcf4ba3fe3839c..102f83141cc77a 100644
--- a/files/ru/web/api/web_components/using_custom_elements/index.md
+++ b/files/ru/web/api/web_components/using_custom_elements/index.md
@@ -51,7 +51,7 @@ class WordCount extends HTMLParagraphElement {
 Есть два типа пользовательских элементов:
 
 - **Автономные пользовательские элементы** независимы — они не наследуют встроенным HTML-элементам. Их используют на странице просто как обычный HTML-элемент. Например, `<popup-info>` или `document.createElement("popup-info")`.
-- **Модифицированные встроенные элементы** наследуют базовым HTML-элементам. Чтобы создать один из них, вы определяете элемент, от которого они унаследованы (как в примерах выше), и используете их как обычный базовый элемент, но с добавлением атрибута/свойства с именем пользовательского элемента {{htmlattrxref("is")}}. Например `<p is="word-count">`, или `document.createElement("p", { is: "word-count" })`.
+- **Модифицированные встроенные элементы** наследуют базовым HTML-элементам. Чтобы создать один из них, вы определяете элемент, от которого они унаследованы (как в примерах выше), и используете их как обычный базовый элемент, но с добавлением атрибута/свойства с именем пользовательского элемента [`is`](/ru/docs/Web/HTML/Global_attributes#is). Например `<p is="word-count">`, или `document.createElement("p", { is: "word-count" })`.
 
 ## Разбор простых примеров
 
diff --git a/files/ru/web/api/webrtc_api/signaling_and_video_calling/index.md b/files/ru/web/api/webrtc_api/signaling_and_video_calling/index.md
index f14768685c83fd..6c32cb3f26193d 100644
--- a/files/ru/web/api/webrtc_api/signaling_and_video_calling/index.md
+++ b/files/ru/web/api/webrtc_api/signaling_and_video_calling/index.md
@@ -534,7 +534,7 @@ function handleRemoveTrackEvent(event) {
 }
 ```
 
-This code fetches the incoming video {{domxref("MediaStream")}} from the `"received_video"` {{HTMLElement("video")}} element's {{htmlattrxref("srcObject", "video")}} attribute, then calls the stream's {{domxref("MediaStream.getTracks", "getTracks()")}} method to get an array of the stream's tracks.
+This code fetches the incoming video {{domxref("MediaStream")}} from the `"received_video"` {{HTMLElement("video")}} element's [`srcObject`](/ru/docs/Web/HTML/Element/video#srcObject) attribute, then calls the stream's {{domxref("MediaStream.getTracks", "getTracks()")}} method to get an array of the stream's tracks.
 
 If the array's length is zero, meaning there are no tracks left in the stream, we end the call by calling `closeVideoCall()`. This cleanly restores our app to a state in which it's ready to start or receive another call. See [Ending the call](#ending_the_call) to learn how `closeVideoCall()` works.
 
@@ -607,7 +607,7 @@ After pulling references to the two {{HTMLElement("video")}} elements, we check
 3. Close the {{domxref("RTCPeerConnection")}} by calling {{domxref("RTCPeerConnection.close", "myPeerConnection.close()")}}.
 4. Set `myPeerConnection` to `null`, ensuring our code learns there's no ongoing call; this is useful when the user clicks a name in the user list.
 
-Then for both the incoming and outgoing {{HTMLElement("video")}} elements, we remove their {{htmlattrxref("src", "video")}} and {{htmlattrxref("srcObject", "video")}} attributes using their {{domxref("Element.removeAttribute", "removeAttribute()")}} methods. This completes the disassociation of the streams from the video elements.
+Then for both the incoming and outgoing {{HTMLElement("video")}} elements, we remove their [`src`](/ru/docs/Web/HTML/Element/video#src) and [`srcObject`](/ru/docs/Web/HTML/Element/video#srcObject) attributes using their {{domxref("Element.removeAttribute", "removeAttribute()")}} methods. This completes the disassociation of the streams from the video elements.
 
 Finally, we set the {{domxref("HTMLElement.disabled", "disabled")}} property to `true` on the "Hang Up" button, making it unclickable while there is no call underway; then we set `targetUsername` to `null` since we're no longer talking to anyone. This allows the user to call another user, or to receive an incoming call.
 
diff --git a/files/ru/web/api/webrtc_api/simple_rtcdatachannel_sample/index.md b/files/ru/web/api/webrtc_api/simple_rtcdatachannel_sample/index.md
index 185d12f6ac0692..3c8f165095ccd3 100644
--- a/files/ru/web/api/webrtc_api/simple_rtcdatachannel_sample/index.md
+++ b/files/ru/web/api/webrtc_api/simple_rtcdatachannel_sample/index.md
@@ -235,7 +235,7 @@ When the user presses the "Send" button, the sendMessage() method we've establis
   }
 ```
 
-First, the text of the message is fetched from the input box's {{htmlattrxref("value", "input")}} attribute. This is then sent to the remote peer by calling {{domxref("RTCDataChannel.send", "sendChannel.send()")}}. That's all there is to it! The rest of this method is just some user experience sugar -- the input box is emptied and re-focused so the user can immediately begin typing another message.
+First, the text of the message is fetched from the input box's [`value`](/ru/docs/Web/HTML/Element/input#value) attribute. This is then sent to the remote peer by calling {{domxref("RTCDataChannel.send", "sendChannel.send()")}}. That's all there is to it! The rest of this method is just some user experience sugar -- the input box is emptied and re-focused so the user can immediately begin typing another message.
 
 ### Receiving messages
 
diff --git a/files/ru/web/api/webvtt_api/index.md b/files/ru/web/api/webvtt_api/index.md
index f57ee5ea6262fc..b15d8a7abbe495 100644
--- a/files/ru/web/api/webvtt_api/index.md
+++ b/files/ru/web/api/webvtt_api/index.md
@@ -301,7 +301,7 @@ Here are a few examples:
 
 A cue timing indicates when the cue is shown. It has a start and end time which are represented by timestamps. The end time must be greater than the start time, and the start time must be greater than or equal to all previous start times. Cues may have overlapping timings.
 
-If the WebVTT file is being used for chapters ({{HTMLElement("track")}} {{htmlattrxref("kind")}} is `chapters`) then the file cannot have overlapping timings.
+If the WebVTT file is being used for chapters ({{HTMLElement("track")}} [`kind`](/ru/docs/Web/HTML/Global_attributes#kind) is `chapters`) then the file cannot have overlapping timings.
 
 Each cue timing contains five components:
 
@@ -441,7 +441,7 @@ In addition to the three escape sequences mentioned above, there are fours other
 
 ### Cue payload text tags
 
-There are a number of tags, such as `<b>`, that can be used. However, if the WebVTT file is used in a {{HTMLElement("track")}} element where the attribute {{htmlattrxref("kind")}} is `chapters` then you cannot use tags.
+There are a number of tags, such as `<b>`, that can be used. However, if the WebVTT file is used in a {{HTMLElement("track")}} element where the attribute [`kind`](/ru/docs/Web/HTML/Global_attributes#kind) is `chapters` then you cannot use tags.
 
 - Timestamp tag
 
diff --git a/files/ru/web/api/window/focus_event/index.md b/files/ru/web/api/window/focus_event/index.md
index eb7750d3b8247b..5d02b7fe66bff1 100644
--- a/files/ru/web/api/window/focus_event/index.md
+++ b/files/ru/web/api/window/focus_event/index.md
@@ -19,7 +19,7 @@ element.onfocus = выполняемый код при сработке собы
 
 Событие фокуса (focus) вызывается когда пользователь устанавливает фокус на данный элемент.
 
-Чтобы вызвать событие **`onfocus`** на элементах, отличных от полей ввода **input,** им необходимо предварительно добавить атрибут {{htmlattrxref("tabindex")}} (см. [Building keyboard accessibility back in](/ru/docs/Learn/Accessibility/HTML#Building_keyboard_accessibility_back_in) для подробностей).
+Чтобы вызвать событие **`onfocus`** на элементах, отличных от полей ввода **input,** им необходимо предварительно добавить атрибут [`tabindex`](/ru/docs/Web/HTML/Global_attributes#tabindex) (см. [Building keyboard accessibility back in](/ru/docs/Learn/Accessibility/HTML#Building_keyboard_accessibility_back_in) для подробностей).
 
 В отличие от браузеров IE, в которых практически на всех элементах можно вызвать событие фокуса, браузеры, написанные на движке **Gecko (Mozilla Firefox),** не поддерживают это событие**.**
 
diff --git a/files/ru/web/css/_colon_any-link/index.md b/files/ru/web/css/_colon_any-link/index.md
index d992c442bfcd01..4daa7348c46195 100644
--- a/files/ru/web/css/_colon_any-link/index.md
+++ b/files/ru/web/css/_colon_any-link/index.md
@@ -70,7 +70,7 @@ a:-webkit-any-link {
 ## Смотрите также
 
 - [Создание гиперссылок](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%81%D1%81%D1%8B%D0%BB%D0%BE%D0%BA)
-- Соответствует HTML-элементам: [`<a>`](/en-US/docs/Web/HTML/Element/a), [`<area>`](/en-US/docs/Web/HTML/Element/area) и [`<link>`](/en-US/docs/Web/HTML/Element/link) с атрибутом {{htmlattrxref("href", "a")}}
+- Соответствует HTML-элементам: [`<a>`](/en-US/docs/Web/HTML/Element/a), [`<area>`](/en-US/docs/Web/HTML/Element/area) и [`<link>`](/en-US/docs/Web/HTML/Element/link) с атрибутом [`href`](/ru/docs/Web/HTML/Element/a#href)
 - Похожие CSS селекторы:
 
   - [`:visited`](/en-US/docs/Web/CSS/:visited)
diff --git a/files/ru/web/css/_colon_dir/index.md b/files/ru/web/css/_colon_dir/index.md
index 4cb9c01b7dd04a..28910c467058ea 100644
--- a/files/ru/web/css/_colon_dir/index.md
+++ b/files/ru/web/css/_colon_dir/index.md
@@ -17,9 +17,9 @@ translation_of: Web/CSS/:dir
 
 `:dir()` учитывает только _семантическое_ направление, т.е. заданное в самом документе. Он не учитывает _стилизованное_ направление, т.е. заданное CSS-правилами, например {{cssxref("direction")}}.
 
-> **Примечание:** помните о том, что псевдокласс `:dir()` **не эквивалентен** [выбору по атрибуту](/ru/docs/Web/CSS/Attribute_selectors) `[dir=…]`. Последний применяется только к тем элементам HTML, у которых есть атрибут {{htmlattrxref("dir")}}, игнорируя те, у которых он не задан — даже если они унаследовали его значение. (Похожим образом `[dir=rtl]` и `[dir=ltr]` не будут включать `auto`.) `:dir()`, же, напротив, соответствует значению вычисленному {{glossary("user agent")}}, даже унаследованному.
+> **Примечание:** помните о том, что псевдокласс `:dir()` **не эквивалентен** [выбору по атрибуту](/ru/docs/Web/CSS/Attribute_selectors) `[dir=…]`. Последний применяется только к тем элементам HTML, у которых есть атрибут [`dir`](/ru/docs/Web/HTML/Global_attributes#dir), игнорируя те, у которых он не задан — даже если они унаследовали его значение. (Похожим образом `[dir=rtl]` и `[dir=ltr]` не будут включать `auto`.) `:dir()`, же, напротив, соответствует значению вычисленному {{glossary("user agent")}}, даже унаследованному.
 
-> **Примечание:** В HTML, направление задаётся атрибутом {{htmlattrxref("dir")}}. В других форматах могут использоваться иные методы.
+> **Примечание:** В HTML, направление задаётся атрибутом [`dir`](/ru/docs/Web/HTML/Global_attributes#dir). В других форматах могут использоваться иные методы.
 
 ## Синтаксис
 
diff --git a/files/ru/web/css/_colon_fullscreen/index.md b/files/ru/web/css/_colon_fullscreen/index.md
index 4b326aec86b234..8d271cadf44437 100644
--- a/files/ru/web/css/_colon_fullscreen/index.md
+++ b/files/ru/web/css/_colon_fullscreen/index.md
@@ -74,4 +74,4 @@ HTML выглядит так:
 - {{cssxref(":not")}}
 - {{cssxref("::backdrop")}}
 - DOM API: {{ domxref("Element.requestFullscreen()") }}, {{ domxref("Document.exitFullscreen()") }}, {{ domxref("Document.fullscreenElement") }}
-- {{HTMLAttrXRef("allowfullscreen", "iframe")}} attribute
+- [`allowfullscreen`](/ru/docs/Web/HTML/Element/iframe#allowfullscreen) attribute
diff --git a/files/ru/web/css/_colon_lang/index.md b/files/ru/web/css/_colon_lang/index.md
index ac58d6b42aaea2..95f7d4e7060a18 100644
--- a/files/ru/web/css/_colon_lang/index.md
+++ b/files/ru/web/css/_colon_lang/index.md
@@ -18,7 +18,7 @@ p:lang(en) {
 }
 ```
 
-> **Примечание:** В HTML язык определяется комбинацией атрибута {{htmlattrxref("lang")}}, элемента {{HTMLElement("meta")}} и иногда информацией из протокола (такой, как заголовки HTTP ). Для других типов документов могут быть другие методы определения языка.
+> **Примечание:** В HTML язык определяется комбинацией атрибута [`lang`](/ru/docs/Web/HTML/Global_attributes#lang), элемента {{HTMLElement("meta")}} и иногда информацией из протокола (такой, как заголовки HTTP ). Для других типов документов могут быть другие методы определения языка.
 
 ## Синтаксис
 
@@ -66,5 +66,5 @@ In this example, the `:lang()` pseudo-class is used to match the parents of quot
 ## Также смотрите
 
 - Language-related pseudo-classes: {{cssxref(":lang")}}, {{cssxref(":dir")}}
-- HTML {{htmlattrxref("lang")}} attribute
+- HTML [`lang`](/ru/docs/Web/HTML/Global_attributes#lang) attribute
 - [BCP 47 - Tags for Identifying Languages](https://tools.ietf.org/html/bcp47)
diff --git a/files/ru/web/css/_colon_optional/index.md b/files/ru/web/css/_colon_optional/index.md
index ec65fa7102bfaf..7d5b7752746a1e 100644
--- a/files/ru/web/css/_colon_optional/index.md
+++ b/files/ru/web/css/_colon_optional/index.md
@@ -10,7 +10,7 @@ translation_of: Web/CSS/:optional
 
 ## Описание
 
-CSS [псевдокласс](/ru/docs/Web/CSS/Псевдо-классы) `:optional` находит любые {{ HTMLElement("input") }} элементы, у которых не установлен атрибут {{ htmlattrxref("required","input") }}. Он позволяет формам легко отмечать необязательные поля, и давать им соответствующие стили.
+CSS [псевдокласс](/ru/docs/Web/CSS/Псевдо-классы) `:optional` находит любые {{ HTMLElement("input") }} элементы, у которых не установлен атрибут [`required`](/ru/docs/Web/HTML/Element/input#required). Он позволяет формам легко отмечать необязательные поля, и давать им соответствующие стили.
 
 Чтобы задать особый внешний вид обязательным полям формы можно использовать псевдокласс {{ cssxref(":required") }}.
 
diff --git a/files/ru/web/css/_colon_required/index.md b/files/ru/web/css/_colon_required/index.md
index 92a0494d5079d1..c32c115e2aebb6 100644
--- a/files/ru/web/css/_colon_required/index.md
+++ b/files/ru/web/css/_colon_required/index.md
@@ -10,7 +10,7 @@ translation_of: Web/CSS/:required
 
 ## Описание
 
-CSS [псевдокласс](/ru/docs/Web/CSS/Псевдо-классы) `:required` находит любые {{ HTMLElement("input") }} элементы, имеющие атрибут {{ htmlattrxref("required", "input") }}. Он позволяет формам легко сообщать, что поля должны быть корректно заполнены перед отправкой формы.
+CSS [псевдокласс](/ru/docs/Web/CSS/Псевдо-классы) `:required` находит любые {{ HTMLElement("input") }} элементы, имеющие атрибут [`required`](/ru/docs/Web/HTML/Element/input#required). Он позволяет формам легко сообщать, что поля должны быть корректно заполнены перед отправкой формы.
 
 Псевдо-класс {{ cssxref(":optional") }} может использоваться, чтобы дать особый внешний вид полям, не обязательным для заполнения.
 
diff --git a/files/ru/web/css/_colon_target/index.md b/files/ru/web/css/_colon_target/index.md
index 8d112de17b6e5b..6f3a25e36da38a 100644
--- a/files/ru/web/css/_colon_target/index.md
+++ b/files/ru/web/css/_colon_target/index.md
@@ -9,7 +9,7 @@ translation_of: Web/CSS/:target
 
 {{CSSRef}}
 
-[Псевдокласс](/ru/docs/Web/CSS/Pseudo-classes) [CSS](/ru/docs/Web/CSS) **`:target`** представляет уникальный элемент (целевой элемент) с подходящим {{htmlattrxref("id")}} URL-фрагментом.
+[Псевдокласс](/ru/docs/Web/CSS/Pseudo-classes) [CSS](/ru/docs/Web/CSS) **`:target`** представляет уникальный элемент (целевой элемент) с подходящим [`id`](/ru/docs/Web/HTML/Global_attributes#id) URL-фрагментом.
 
 ```css
 /* Выбирает элемент с подходящим ID текущего URL-фрагмента */
diff --git a/files/ru/web/css/_doublecolon_placeholder/index.md b/files/ru/web/css/_doublecolon_placeholder/index.md
index d4f20c865a6d6c..db05ced527d607 100644
--- a/files/ru/web/css/_doublecolon_placeholder/index.md
+++ b/files/ru/web/css/_doublecolon_placeholder/index.md
@@ -110,7 +110,7 @@ input::placeholder {
 
 ### Метки
 
-Placeholder не является заменой элемента {{htmlelement("label")}}. Без метки, которая программно связывается с формой с помощью {{htmlattrxref("for", "label")}} и {{htmlattrxref("id")}} атрибутов, такие программы, как скринридеры не смогут анализировать элементы {{htmlelement("input")}}.
+Placeholder не является заменой элемента {{htmlelement("label")}}. Без метки, которая программно связывается с формой с помощью [`for`](/ru/docs/Web/HTML/Element/label#for) и [`id`](/ru/docs/Web/HTML/Global_attributes#id) атрибутов, такие программы, как скринридеры не смогут анализировать элементы {{htmlelement("input")}}.
 
 - [MDN Basic form hints](/ru/docs/Web/Accessibility/ARIA/forms/Basic_form_hints)
 - [Placeholders in Form Fields Are Harmful — Nielsen Norman Group](https://www.nngroup.com/articles/form-design-placeholders/)
diff --git a/files/ru/web/css/css_colors/applying_color/index.md b/files/ru/web/css/css_colors/applying_color/index.md
index 779d52b728c924..caaa2cbeb15c6d 100644
--- a/files/ru/web/css/css_colors/applying_color/index.md
+++ b/files/ru/web/css/css_colors/applying_color/index.md
@@ -36,7 +36,7 @@ original_slug: Web/HTML/Applying_color
 - {{cssxref("text-emphasis-color")}}
   - : Цвет, который используется для выделения диакритических знаков, прилегающих к каждому текстовому символу. Это свойство используется преимущественно для восточноазиатских языков.
 - {{cssxref("caret-color")}}
-  - : Цвет, который используется для каретки ({{Glossary("caret")}}) (курсора ввода текста). Применимо только к редактируемым элементам, таким как {{HTMLElement ("input")}} и {{HTMLElement ("textarea")}} или элементам , для которых установлен атрибут {{htmlattrxref ("contenteditable")}}.
+  - : Цвет, который используется для каретки ({{Glossary("caret")}}) (курсора ввода текста). Применимо только к редактируемым элементам, таким как {{HTMLElement ("input")}} и {{HTMLElement ("textarea")}} или элементам , для которых установлен атрибут [`contenteditable`](/ru/docs/Web/HTML/Global_attributes#contenteditable).
 
 ### Блоки
 
@@ -310,7 +310,7 @@ CSS мы рассмотрим более детально, чтобы по оч
 
 ## Предоставляем возможность пользователю выбрать цвет
 
-There are many situations in which your web site may need to let the user select a color. Perhaps you have a customizable user interface, or you're implementing a drawing app. Maybe you have editable text and need to let the user choose the text color. Or perhaps your app lets the user assign colors to folders or items. Although historically it's been necessary to implement your own color picker, HTML now provides support for browsers to provide one for your use through the {{HTMLElement("input")}} element, by using `"color"` as the value of its {{htmlattrxref("type", "input")}} attribute.
+There are many situations in which your web site may need to let the user select a color. Perhaps you have a customizable user interface, or you're implementing a drawing app. Maybe you have editable text and need to let the user choose the text color. Or perhaps your app lets the user assign colors to folders or items. Although historically it's been necessary to implement your own color picker, HTML now provides support for browsers to provide one for your use through the {{HTMLElement("input")}} element, by using `"color"` as the value of its [`type`](/ru/docs/Web/HTML/Element/input#type) attribute.
 
 The `<input>` element represents a color only in the [hexadecimal string notation](#hexadecimal_string_notation) covered above.
 
diff --git a/files/ru/web/css/css_media_queries/index.md b/files/ru/web/css/css_media_queries/index.md
index 5e8cf960efc767..0149e3f055a184 100644
--- a/files/ru/web/css/css_media_queries/index.md
+++ b/files/ru/web/css/css_media_queries/index.md
@@ -18,7 +18,7 @@ original_slug: Web/CSS/Media_Queries
 
 **Медиавыражения (media queries)** являются ключевым компонентом [отзывчивого дизайна](/ru/docs/Web/Apps/Progressive/Responsive), который делает возможным для CSS адаптироваться в зависимости от различных параметров или характеристик устройства. Например, медиавыражение может применить различные стили, если экран меньше определённого размера, или в зависимости от того находится устройство в портретном или альбомном режиме. {{cssxref("@media")}} at-правило используется чтобы задать условия применения стилей к документу.
 
-Кроме того, синтаксис медиавыражений используется в других контекстах, таких как атрибут {{htmlattrxref("media", "source")}} элемента {{HTMLElement("source")}}, для определения, нужно или нет использовать этот источник, когда выбирается определённое изображение для использования в элементе {{HTMLElement("picture")}}.
+Кроме того, синтаксис медиавыражений используется в других контекстах, таких как атрибут [`media`](/ru/docs/Web/HTML/Element/source#media) элемента {{HTMLElement("source")}}, для определения, нужно или нет использовать этот источник, когда выбирается определённое изображение для использования в элементе {{HTMLElement("picture")}}.
 
 In addition, the {{domxref("Window.matchMedia()")}} method can be used to test the window against a media query. You can also use {{domxref("MediaQueryList.addListener()")}} to be notified whenever the state of the queries changes. With this functionality, your site or app can respond to changes in the device configuration, orientation, or state.
 
diff --git a/files/ru/web/html/attributes/pattern/index.md b/files/ru/web/html/attributes/pattern/index.md
index 941a1b8e23d6e1..ec4419b974336b 100644
--- a/files/ru/web/html/attributes/pattern/index.md
+++ b/files/ru/web/html/attributes/pattern/index.md
@@ -10,11 +10,11 @@ translation_of: Web/HTML/Attributes/pattern
 
 Атрибут `pattern` является атрибутом для полей ввода с типом {{HTMLElement("input/text", "text")}}, {{HTMLElement("input/tel", "tel")}}, {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/url", "url")}}, {{HTMLElement("input/password", "password")}}, и {{HTMLElement("input/search", "search")}}.
 
-The `pattern` attribute, when specified, is a regular expression which the input's {{htmlattrxref("value")}} must match in order for the value to pass [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). It must be a valid JavaScript regular expression, as used by the {{jsxref("RegExp")}} type, and as documented in our [guide on regular expressions](/ru/docs/Web/JavaScript/Guide/Regular_Expressions); the `'u'` flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text.
+The `pattern` attribute, when specified, is a regular expression which the input's [`value`](/ru/docs/Web/HTML/Global_attributes#value) must match in order for the value to pass [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). It must be a valid JavaScript regular expression, as used by the {{jsxref("RegExp")}} type, and as documented in our [guide on regular expressions](/ru/docs/Web/JavaScript/Guide/Regular_Expressions); the `'u'` flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text.
 
 If the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored.
 
-> **Примечание:** Use the {{htmlattrxref("title", "input")}} attribute to specify text that most browsers will display as a tooltip to explain what the requirements are to match the pattern. You **must not** rely on the tooltip alone for an explanation. See below for more information on usability.
+> **Примечание:** Use the [`title`](/ru/docs/Web/HTML/Element/input#title) attribute to specify text that most browsers will display as a tooltip to explain what the requirements are to match the pattern. You **must not** rely on the tooltip alone for an explanation. See below for more information on usability.
 
 Some of the input types supporting the pattern attribute, notably the {{HTMLElement("input/email", "email")}} and {{HTMLElement("input/url", "url")}} input types, have expected value syntaxes that must be matched. If the pattern attribute isn't present, and the value doesn't match the expected syntax for that value type, the {{domxref('ValidityState')}} object's read-only {{domxref('ValidityState.typeMismatch','typeMismatch')}} property will be true.
 
@@ -57,7 +57,7 @@ Had we used [`minlength`](/en-US/docs/Web/HTML/Attributes/minlength) and [`maxle
 
 ### Specifying a pattern
 
-You can use the {{htmlattrxref("pattern","input")}} attribute to specify a regular expression that the inputted value must match in order to be considered valid (see [Validating against a regular expression](/ru/docs/Learn/HTML/Forms/Form_validation#Validating_against_a_regular_expression) for a simple crash course on using regular expressions to validate inputs).
+You can use the [`pattern`](/ru/docs/Web/HTML/Element/input#pattern) attribute to specify a regular expression that the inputted value must match in order to be considered valid (see [Validating against a regular expression](/ru/docs/Learn/HTML/Forms/Form_validation#Validating_against_a_regular_expression) for a simple crash course on using regular expressions to validate inputs).
 
 The example below restricts the value to 4-8 characters and requires that it contain only lower-case letters.
 
diff --git a/files/ru/web/html/attributes/rel/index.md b/files/ru/web/html/attributes/rel/index.md
index 99573451270507..2a381515bc3f34 100644
--- a/files/ru/web/html/attributes/rel/index.md
+++ b/files/ru/web/html/attributes/rel/index.md
@@ -28,15 +28,15 @@ original_slug: Web/HTML/Link_types
         <ul>
           <li>
             If the element is {{HTMLElement("link")}} and the
-            {{htmlattrxref("rel", "link")}} attribute also contains the
+            <a href="/ru/docs/Web/HTML/Element/link#rel"><code>rel</code></a> attribute also contains the
             <code>stylesheet</code> type, the link defines an
             <a href="/en-US/docs/Alternative_style_sheets"
               >alternative style sheet</a
-            >; in that case the {{htmlattrxref("title", "link")}}
+            >; in that case the <a href="/ru/docs/Web/HTML/Element/link#title"><code>title</code></a>
             attribute must be present and not be the empty string.
           </li>
           <li>
-            If the {{htmlattrxref("type","link")}} is set to
+            If the <a href="/ru/docs/Web/HTML/Element/link#type"><code>type</code></a> is set to
             <code>application/rss+xml</code> or
             <code>application/atom+xml</code>, the link defines a
             <a href="/en-US/docs/RSS/Getting_Started/Syndicating"
@@ -49,16 +49,16 @@ original_slug: Web/HTML/Link_types
             <ul>
               <li>
                 for another medium, like a handheld device (if the
-                {{htmlattrxref("media","link")}} attribute is set)
+                <a href="/ru/docs/Web/HTML/Element/link#media"><code>media</code></a> attribute is set)
               </li>
               <li>
                 in another language (if the
-                {{htmlattrxref("hreflang","link")}} attribute is
+                <a href="/ru/docs/Web/HTML/Element/link#hreflang"><code>hreflang</code></a> attribute is
                 set),
               </li>
               <li>
                 in another format, such as a PDF (if the
-                {{htmlattrxref("type","link")}} attribute is set)
+                <a href="/ru/docs/Web/HTML/Element/link#type"><code>type</code></a> attribute is set)
               </li>
               <li>a combination of these</li>
             </ul>
@@ -94,11 +94,11 @@ original_slug: Web/HTML/Link_types
         pages as robot harvesters will quickly lead to a lot of spam sent to the
         address. In that case, it is better to lead to a page containing a
         contact form.<br /><br />Although recognized, the
-        {{htmlattrxref("rev", "link")}} attribute on
+        <a href="/ru/docs/Web/HTML/Element/link#rev"><code>rev</code></a> attribute on
         {{HTMLElement("a")}}, {{HTMLElement("area")}}
         or{{HTMLElement("link")}} elements with a link type of
         <code>made</code> is incorrect and should be replaced by the
-        {{htmlattrxref("rel", "link")}} attribute with this link type.
+        <a href="/ru/docs/Web/HTML/Element/link#rel"><code>rel</code></a> attribute with this link type.
       </td>
       <td>
         {{HTMLElement("a")}}, {{HTMLElement("area")}},
@@ -189,16 +189,16 @@ original_slug: Web/HTML/Link_types
       <td>
         Defines a resource for representing the page in the user interface,
         usually an icon (auditory or visual).<br /><br />The
-        {{htmlattrxref("media","link")}},
-        {{htmlattrxref("type","link")}} and
-        {{htmlattrxref("sizes","link")}} attributes allow the
+        <a href="/ru/docs/Web/HTML/Element/link#media"><code>media</code></a>,
+        <a href="/ru/docs/Web/HTML/Element/link#type"><code>type</code></a> and
+        <a href="/ru/docs/Web/HTML/Element/link#sizes"><code>sizes</code></a> attributes allow the
         browser to select the most appropriate icon for its context. If several
         resources match, the browser will select the last one declared, in tree
         order. As these attributes are merely hints, and the resources may be
         inappropriate upon further inspection, the browser will then select
         another one, if appropriate.<br /><br /><strong>Note:</strong> Apple's
         iOS does not use this link type, nor the
-        {{htmlattrxref("sizes","link")}} attribute, like others
+        <a href="/ru/docs/Web/HTML/Element/link#sizes"><code>sizes</code></a> attribute, like others
         mobile browsers do, to select a webpage icon for Web Clip or a start-up
         placeholder. Instead it uses the non-standard
         <a
@@ -364,7 +364,7 @@ original_slug: Web/HTML/Link_types
       <td>
         Suggests that the browser fetch the linked resource in advance, as it is
         likely to be requested by the user. Starting with Firefox 44, the value
-        of the {{htmlattrxref("crossorigin", "link")}} attribute is
+        of the <a href="/ru/docs/Web/HTML/Element/link#crossorigin"><code>crossorigin</code></a> attribute is
         taken into consideration, making it possible to make anonymous
         prefetches.<br /><br /><strong>Note:</strong> The
         <a href="/en-US/docs/Link_prefetching_FAQ">Link Prefetch FAQ</a> has
@@ -417,7 +417,7 @@ original_slug: Web/HTML/Link_types
       <td>
         Indicates that the hyperlink reference a document whose interface is
         specially designing for searching in this document, or site, and its
-        resources.<br /><br />If the {{htmlattrxref("type","link")}}
+        resources.<br /><br />If the <a href="/ru/docs/Web/HTML/Element/link#type"><code>type</code></a>
         attribute is set to
         <code>application/opensearchdescription+xml </code>the resource is an
         <a href="/en-US/docs/Creating_OpenSearch_plugins_for_Firefox"
@@ -442,7 +442,7 @@ original_slug: Web/HTML/Link_types
         an
         <a href="/en-US/docs/Alternative_style_sheets"
           >alternative style sheet</a
-        >; in that case the {{htmlattrxref("title", "link")}}
+        >; in that case the <a href="/ru/docs/Web/HTML/Element/link#title"><code>title</code></a>
         attribute must be present and not be the empty string.
       </td>
       <td>{{HTMLElement("link")}}</td>
diff --git a/files/ru/web/html/constraint_validation/index.md b/files/ru/web/html/constraint_validation/index.md
index 4f803f173f3541..c8735f2ac6935f 100644
--- a/files/ru/web/html/constraint_validation/index.md
+++ b/files/ru/web/html/constraint_validation/index.md
@@ -20,19 +20,19 @@ original_slug: Web/Guide/HTML/Constraint_validation
 
 В HTML5 базовые ограничения объявляются двумя способами:
 
-- Задавать семантически наиболее подходящие значения для атрибута {{ htmlattrxref("type", "input") }} элемента {{ HTMLElement("input") }}. Например, типа `email` автоматически создаёт ограничение, которое проверяет, является ли значение валидным email-адресом.
+- Задавать семантически наиболее подходящие значения для атрибута [`type`](/ru/docs/Web/HTML/Element/input#type) элемента {{ HTMLElement("input") }}. Например, типа `email` автоматически создаёт ограничение, которое проверяет, является ли значение валидным email-адресом.
 - Использовать атрибуты валидации, позволяющие достаточно просто задать ограничения без помощи JavaScript.
 
 ### Семантические типы input
 
-Внутренние ограничения атрибута {{ htmlattrxref("type", "input") }}:
+Внутренние ограничения атрибута [`type`](/ru/docs/Web/HTML/Element/input#type):
 
 | Тип input                                                          | Описание ограничения                                                                                                                                  | Связанное нарушение                                                                   |
 | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
 | [`<input type="URL">`](/en-US/docs/Web/HTML/Element/input/url)     | Значение должно быть [URL-адресом](/ru/docs/Learn/Common_questions/What_is_a_URL), как указано в [URL Living Standard](https://url.spec.whatwg.org/). | Нарушение ограничения **[TypeMismatch](/ru/docs/Web/API/ValidityState/typeMismatch)** |
 | [`<input type="email">`](/en-US/docs/Web/HTML/Element/input/email) | Значение должно быть синтаксически правильным email-адресом, который обычно имеет формат `username@hostname.tld`.                                     | Нарушение ограничения **[TypeMismatch](/ru/docs/Web/API/ValidityState/typeMismatch)** |
 
-Для обоих этих типов input, если установлен атрибут {{ htmlattrxref("multiple", "input") }} допускается ввод нескольких разделённых запятыми значений. Если какое-то из значений не удовлетворяет условию, описанному выше, срабатывает нарушение ограничения **Type mismatch**.
+Для обоих этих типов input, если установлен атрибут [`multiple`](/ru/docs/Web/HTML/Element/input#multiple) допускается ввод нескольких разделённых запятыми значений. Если какое-то из значений не удовлетворяет условию, описанному выше, срабатывает нарушение ограничения **Type mismatch**.
 
 Обратите внимание, что большинство типов input не имеют внутренних ограничений, так как некоторые из них недоступны для валидации ограничений или имеют алгоритм, по умолчанию преобразующий неправильные значения в правильные.
 
@@ -286,7 +286,7 @@ original_slug: Web/Guide/HTML/Constraint_validation
 
 Вызов метода `checkValidity()` называется _статической_ валидацией ограничений, а вызов метода `reportValidity()` или отправка формы называется _интерактивной_ валидацией ограничений.
 
-> **Примечание:**- Если элементу {{ HTMLElement("form") }} задан атрибут {{ htmlattrxref("novalidate", "form") }}, интерактивная валидация ограничений не произойдёт.
+> **Примечание:**- Если элементу {{ HTMLElement("form") }} задан атрибут [`novalidate`](/ru/docs/Web/HTML/Element/form#novalidate), интерактивная валидация ограничений не произойдёт.
 >
 > - Вызов метода `submit()` интерфейса [`HTMLFormElement`](/ru/docs/Web/API/HTMLFormElement) не запускает валидацию ограничений. Другими словами, этот метод отправляет данные формы на сервер, даже если ограничения нарушены. Вместо него вызовите метод `click()` кнопки отправки формы.
 
@@ -424,7 +424,7 @@ window.onload = function () {
 
 #### CSS-псевдоклассы :required и :optional
 
-[Псевдоклассы](/ru/docs/Web/CSS/Pseudo-classes) {{cssxref(':required')}} и {{cssxref(':optional')}} позволяют писать селекторы, соответствующие элементам формы, которые имеют или не имеют атрибут {{ htmlattrxref("required") }}
+[Псевдоклассы](/ru/docs/Web/CSS/Pseudo-classes) {{cssxref(':required')}} и {{cssxref(':optional')}} позволяют писать селекторы, соответствующие элементам формы, которые имеют или не имеют атрибут [`required`](/ru/docs/Web/HTML/Global_attributes#required)
 
 #### CSS-псевдокласс :placeholder-shown
 
diff --git a/files/ru/web/html/content_categories/index.md b/files/ru/web/html/content_categories/index.md
index 00164bd1abebb7..467135f6e28b4c 100644
--- a/files/ru/web/html/content_categories/index.md
+++ b/files/ru/web/html/content_categories/index.md
@@ -36,7 +36,7 @@ original_slug: Web/Guide/HTML/Content_categories
 - {{HTMLElement("area")}}, только внутри элемента {{HTMLElement("map")}}
 - {{HTMLElement("link")}}, при наличии атрибута [`itemprop`](/ru/docs/HTML/Global_attributes#attr-itemprop)
 - {{HTMLElement("meta")}}, при наличии атрибута [`itemprop`](/ru/docs/HTML/Global_attributes#attr-itemprop)
-- {{HTMLElement("style")}}, при наличии атрибута {{htmlattrxref("scoped","style")}}
+- {{HTMLElement("style")}}, при наличии атрибута [`scoped`](/ru/docs/Web/HTML/Element/style#scoped)
 
 ### Секционный контент
 
@@ -81,12 +81,12 @@ original_slug: Web/Guide/HTML/Content_categories
 К интерактивному контенту относятся элементы, который специально разработаны для взаимодействия с пользователем. В данную категорию входят {{HTMLElement("a")}}, {{HTMLElement("button")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("iframe")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}} и {{HTMLElement("textarea")}}.
 Некоторые элементы считаются интерактивным контентом только при соблюдении определённых условий:
 
-- {{HTMLElement("audio")}}, если указан атрибут {{htmlattrxref("controls", "audio")}}
-- {{HTMLElement("img")}}, если указан атрибут {{htmlattrxref("usemap", "img")}}
-- {{HTMLElement("input")}}, если атрибут {{htmlattrxref("type", "input")}} не скрыт
-- {{HTMLElement("menu")}}, если атрибут {{htmlattrxref("type", "menu")}} имеет значение `toolbar`
-- {{HTMLElement("object")}}, если указан атрибут {{htmlattrxref("usemap", "object")}}
-- {{HTMLElement("video")}}, если указан атрибут {{htmlattrxref("controls", "video")}}
+- {{HTMLElement("audio")}}, если указан атрибут [`controls`](/ru/docs/Web/HTML/Element/audio#controls)
+- {{HTMLElement("img")}}, если указан атрибут [`usemap`](/ru/docs/Web/HTML/Element/img#usemap)
+- {{HTMLElement("input")}}, если атрибут [`type`](/ru/docs/Web/HTML/Element/input#type) не скрыт
+- {{HTMLElement("menu")}}, если атрибут [`type`](/ru/docs/Web/HTML/Element/menu#type) имеет значение `toolbar`
+- {{HTMLElement("object")}}, если указан атрибут [`usemap`](/ru/docs/Web/HTML/Element/object#usemap)
+- {{HTMLElement("video")}}, если указан атрибут [`controls`](/ru/docs/Web/HTML/Element/video#controls)
 
 ### Явный контент
 
diff --git a/files/ru/web/html/cors_enabled_image/index.md b/files/ru/web/html/cors_enabled_image/index.md
index f9029eef270dc2..a47d10fa38d79f 100644
--- a/files/ru/web/html/cors_enabled_image/index.md
+++ b/files/ru/web/html/cors_enabled_image/index.md
@@ -9,7 +9,7 @@ tags:
   - Security
 translation_of: Web/HTML/CORS_enabled_image
 ---
-HTML предоставляет атрибут {{ htmlattrxref("crossorigin", "img") }} для изображений, которые в сочетании с соответствующим заголовком {{Glossary("CORS")}} позволяют использовать изображения, определённые элементом {{ HTMLElement("img") }}, загруженные из внешних источников, в {{HTMLElement("canvas")}} , как если бы они были загружены из текущего источника.
+HTML предоставляет атрибут [`crossorigin`](/ru/docs/Web/HTML/Element/img#crossorigin) для изображений, которые в сочетании с соответствующим заголовком {{Glossary("CORS")}} позволяют использовать изображения, определённые элементом {{ HTMLElement("img") }}, загруженные из внешних источников, в {{HTMLElement("canvas")}} , как если бы они были загружены из текущего источника.
 
 Дополнительные сведения об использовании атрибута `crossorigin` смотрите в разделе [атрибуты параметров CORS](/ru/docs/Web/HTML/CORS_settings_attributes).
 
@@ -58,7 +58,7 @@ HTML предоставляет атрибут {{ htmlattrxref("crossorigin", "i
 
 Теперь, когда сервер настроен так, чтобы разрешить извлечение изображений из разных источников, мы можем написать код, который позволяет пользователю сохранять их в [локальном хранилище](/ru/docs/Web/API/Web_Storage_API), как если бы они обслуживались из того же домена, на котором выполняется код.
 
-Ключевым моментом является использование атрибута {{htmlattrxref("crossorigin")}} путём установки {{domxref("HTMLImageElement.crossOrigin", "crossOrigin")}} в элементе {{domxref("HTMLImageElement")}} , на который будет загружено изображение. Это даёт браузеру команду на запрос доступа к другому источнику при попытке загрузить данные изображения.
+Ключевым моментом является использование атрибута [`crossorigin`](/ru/docs/Web/HTML/Global_attributes#crossorigin) путём установки {{domxref("HTMLImageElement.crossOrigin", "crossOrigin")}} в элементе {{domxref("HTMLImageElement")}} , на который будет загружено изображение. Это даёт браузеру команду на запрос доступа к другому источнику при попытке загрузить данные изображения.
 
 #### Запуск загрузки
 
diff --git a/files/ru/web/html/element/a/index.md b/files/ru/web/html/element/a/index.md
index 412d66bd4da4c5..fafccc9bc1e512 100644
--- a/files/ru/web/html/element/a/index.md
+++ b/files/ru/web/html/element/a/index.md
@@ -43,7 +43,7 @@ HTML-элемент `<a>` определяет гиперссылку для п
 > **Примечание:** Вы можете использовать специальное значение «top», чтобы создать ссылки в начало страницы, например: `<a href="#top">Вернуться наверх</a>`. [Это поведение указано в Спецификациях HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#scroll-to-fragid).
 
 - {{htmlattrdef("hreflang")}}
-  - : Этот атрибут сообщает язык документа по ссылке. Это чисто контрольная информация. Разрешённые значения определены в [BCP47](http://www.ietf.org/rfc/bcp/bcp47.txt) для HTML5 и [RFC1766](http://www.ietf.org/rfc/rfc1766.txt) для HTML4. Используйте этот атрибут, только если задан {{htmlattrxref("href", "a")}}.
+  - : Этот атрибут сообщает язык документа по ссылке. Это чисто контрольная информация. Разрешённые значения определены в [BCP47](http://www.ietf.org/rfc/bcp/bcp47.txt) для HTML5 и [RFC1766](http://www.ietf.org/rfc/rfc1766.txt) для HTML4. Используйте этот атрибут, только если задан [`href`](/ru/docs/Web/HTML/Element/a#href).
 - {{htmlattrdef("ping")}}
   - : Этот атрибут уведомляет указанные в нём URL, что пользователь перешёл по ссылке.
 - {{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
@@ -54,16 +54,16 @@ HTML-элемент `<a>` определяет гиперссылку для п
     - `"origin-when-cross-origin"` отправляет другим ресурсам только протокол, хост и порт, а внутри ресурса также отправляет путь.
     - `"unsafe-url"` отправляет только ресурс и адрес (но не пароли или никнеймы). Это значение небезопасно, так как могут утечь ресурс и адрес с TLS-защищённых ресурсов на небезопасные.
 - {{htmlattrdef("rel")}}
-  - : Для ссылок, которые содержат атрибут `href`, этот атрибут устанавливает отношения между ссылками. Значением является [список значений](/ru/docs/Web/HTML/Link_types), разделённый пробелами. Значения и их семантика будут зарегистрированы другими сайтами, которые могут иметь произвольное значение к документу автора. Значением по умолчанию является `void`, если не задано иное. Используйте этот тег, только если задан атрибут {{htmlattrxref("href", "a")}}.
+  - : Для ссылок, которые содержат атрибут `href`, этот атрибут устанавливает отношения между ссылками. Значением является [список значений](/ru/docs/Web/HTML/Link_types), разделённый пробелами. Значения и их семантика будут зарегистрированы другими сайтами, которые могут иметь произвольное значение к документу автора. Значением по умолчанию является `void`, если не задано иное. Используйте этот тег, только если задан атрибут [`href`](/ru/docs/Web/HTML/Element/a#href).
 - {{htmlattrdef("target")}}
   - : Этот атрибут определяет, где показать содержимое по ссылке. В HTML4, это название и ключевое слово фрейма. В HTML5, это название или ключевое слово в браузере (например, вкладка, окно или iframe). У следующих ключевых слов специальные значения:
     - `_self` загружает документ в текущем фрейме в HTML4 (или текущей вкладке в HTML5) как текущий. Это значение по умолчанию, если не указано иное значение.
     - `_blank` загружает документ в новой окне в HTML4 или вкладке в HTML5.
     - `_parent` загружает документ в родительском фрейме в HTML4 или в родительской вкладке в HTML5. Если нет родителя, параметр будет вести себя как`_self`: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`.
-    - `_top` в HTML4 загружает документ в новом окне, игнорируя другие фреймы. В HTML5 загружает в окне высшего уровня. Если родителя нет, опция ведёт себя как `_self`.Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.
+    - `_top` в HTML4 загружает документ в новом окне, игнорируя другие фреймы. В HTML5 загружает в окне высшего уровня. Если родителя нет, опция ведёт себя как `_self`.Используйте этот атрибут только если указан [`href`](/ru/docs/Web/HTML/Element/a#href).
       > **Примечание:** Используя `target`, вы должны добавлять `rel="noopener noreferrer"`, чтобы избежать эксплуатацию API `window.opener`.
 - {{htmlattrdef("type")}}
-  - : Этот атрибут определяет [MIME-тип](http://www.w3.org/TR/html4/references.html#ref-MIMETYPES) для документа по ссылке. Обычно это используется как контрольная информация, но в будущем браузеры могут добавлять маленькую иконку для медиафайлов. Например, браузер может добавить маленькую иконку мегафона, если тип файла установлен как `audio/wav`.Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.
+  - : Этот атрибут определяет [MIME-тип](http://www.w3.org/TR/html4/references.html#ref-MIMETYPES) для документа по ссылке. Обычно это используется как контрольная информация, но в будущем браузеры могут добавлять маленькую иконку для медиафайлов. Например, браузер может добавить маленькую иконку мегафона, если тип файла установлен как `audio/wav`.Используйте этот атрибут только если указан [`href`](/ru/docs/Web/HTML/Element/a#href).
 
 ### Устаревшие
 
diff --git a/files/ru/web/html/element/abbr/index.md b/files/ru/web/html/element/abbr/index.md
index 8458c6a08b5f8d..fe2051dd45d25e 100644
--- a/files/ru/web/html/element/abbr/index.md
+++ b/files/ru/web/html/element/abbr/index.md
@@ -9,7 +9,7 @@ translation_of: Web/HTML/Element/abbr
 ---
 {{HTMLSidebar}}
 
-**Элемент HTML «аббревиатура» (`<abbr>`)** представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут {{htmlattrxref("title")}}. Иные значения `title`, кроме расшифровки аббревиатуры не допускаются.
+**Элемент HTML «аббревиатура» (`<abbr>`)** представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут [`title`](/ru/docs/Web/HTML/Global_attributes#title). Иные значения `title`, кроме расшифровки аббревиатуры не допускаются.
 
 {{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}}
 
@@ -25,7 +25,7 @@ translation_of: Web/HTML/Element/abbr
 
 ## Атрибуты
 
-Этот элемент поддерживает только [глобальные атрибуты](/ru/docs/Web/HTML/Общие_атрибуты). Атрибут {{htmlattrxref("title")}} имеет специальное семантическое значение, когда используется вместе с элементом `<abbr>`. Он _должен_ содержать полную расшифровку или описание аббревиатуры.
+Этот элемент поддерживает только [глобальные атрибуты](/ru/docs/Web/HTML/Общие_атрибуты). Атрибут [`title`](/ru/docs/Web/HTML/Global_attributes#title) имеет специальное семантическое значение, когда используется вместе с элементом `<abbr>`. Он _должен_ содержать полную расшифровку или описание аббревиатуры.
 
 Каждый элемент `<abbr>` независим от других. Указание `title` на одном элементе не применяет это же описание к другим элементам с одинаковым содержанием.
 
@@ -35,7 +35,7 @@ translation_of: Web/HTML/Element/abbr
 
 Необязательно помечать все аббревиатуры с помощью `<abbr>`. Далее представлено несколько вариантов, которые помогут выбрать как помечать текст:
 
-- Когда используете аббревиатуру и хотите показать описание или расшифровку вне основного потока содержания, используйте `<abbr>` c подходящим {{htmlattrxref("title")}}.
+- Когда используете аббревиатуру и хотите показать описание или расшифровку вне основного потока содержания, используйте `<abbr>` c подходящим [`title`](/ru/docs/Web/HTML/Global_attributes#title).
 - Чтобы обозначить аббревиатуру, которая может быть незнакома читателю, используете `<abbr>` с атрибутом title или просто текст с описанием.
 - Когда присутствие аббревиатуры в тексте должно быть семантически выделено, полезен элемент `<abbr>`. В свою очередь, его использование может быть использовано для стилизации или написания сценариев.
 - Вы можете использовать `<abbr>` вместе с {{HTMLElement("dfn")}}, чтобы установить определения для терминов, которые являются аббревиатурами или акронимами. Смотрите пример [Определение в аббревиатуре](#определение_в_аббревиатуре) ниже.
@@ -92,7 +92,7 @@ abbr {
 
 ### Задание расшифровки
 
-Добавление атрибута {{htmlattrxref("title")}} даёт вам возможность задать расшифровку или описание для аббревиатуры или акронима.
+Добавление атрибута [`title`](/ru/docs/Web/HTML/Global_attributes#title) даёт вам возможность задать расшифровку или описание для аббревиатуры или акронима.
 
 #### HTML
 
diff --git a/files/ru/web/html/element/area/index.md b/files/ru/web/html/element/area/index.md
index c1ba4d0f2e1798..9b6313b2f316d3 100644
--- a/files/ru/web/html/element/area/index.md
+++ b/files/ru/web/html/element/area/index.md
@@ -24,7 +24,7 @@ translation_of: Web/HTML/Element/area
 - {{htmlattrdef("coords")}}
   - : Задаёт значения координат для активной области. Значение и количество значений зависят от значения указанного для атрибута **shape**. Для `rect` или прямоугольника задаются две пары значений x,y **coords**: лево, верх, право и низ. Для `circle`, значения `x,y,r` где `x,y` координаты центра круга, а `r` радиус. Для `poly` или многоугольника, значения задаются парой x и y для каждой вершины многоугольника: `x1,y1,x2,y2,x3,y3,` и т.д. В HTML4 значения задаются в пикселях или процентах, когда добавлен знак (%); в HTML5, значения — величины в пикселях.
 - {{htmlattrdef("download")}}
-  - : Этот атрибут, если он добавлен, указывает, что ссылка используется для скачивания файла. Смотри {{HTMLElement("a")}} для полного описания атрибута {{htmlattrxref("download", "a")}}.
+  - : Этот атрибут, если он добавлен, указывает, что ссылка используется для скачивания файла. Смотри {{HTMLElement("a")}} для полного описания атрибута [`download`](/ru/docs/Web/HTML/Element/a#download).
 - {{htmlattrdef("href")}}
   - : Ссылка для активной области. Это значение действующего URL. В HTML4, этот или **nohref** атрибут обязательный. В HTML5, данный атрибут можно пропустить при условии, что активная область не является ссылкой.
 - {{htmlattrdef("hreflang")}}
diff --git a/files/ru/web/html/element/article/index.md b/files/ru/web/html/element/article/index.md
index 0a9c9f6e0d688a..af487dc16d859e 100644
--- a/files/ru/web/html/element/article/index.md
+++ b/files/ru/web/html/element/article/index.md
@@ -38,7 +38,7 @@ translation_of: Web/HTML/Element/article
 - Каждый элемент `<article>` должен быть идентифицирован, обычно путём добавления заголовка (элементы [`<h1>`-`<h6>`](/ru/docs/Web/HTML/Element/Heading_Elements)) в качестве дочернего элемента.
 - Когда элемент `<article>` является вложенным, внутренний элемент представляет собой контент связанный с внешним элементом. Например, комментарии к публикации в блоге могут быть элементами `<article>`, вложенными в другой `<article>`, являющийся публикацией в блоге.
 - Информация об авторе в элементе `<article>` может быть представлена через элемент {{HTMLElement("address")}}, но это не применимо к вложенным элементам `<article>`.
-- Дата и время публикации в элементе `<article>` могут быть описаны с помощью атрибута {{htmlattrxref("datetime", "time")}} элемента {{HTMLElement("time")}}. _Обратите внимание, что атрибут {{htmlattrxref("pubdate", "time")}} элемента {{HTMLElement("time")}} больше не является частью стандарта {{glossary("W3C")}} {{glossary("HTML5")}}._
+- Дата и время публикации в элементе `<article>` могут быть описаны с помощью атрибута [`datetime`](/ru/docs/Web/HTML/Element/time#datetime) элемента {{HTMLElement("time")}}. _Обратите внимание, что атрибут [`pubdate`](/ru/docs/Web/HTML/Element/time#pubdate) элемента {{HTMLElement("time")}} больше не является частью стандарта {{glossary("W3C")}} {{glossary("HTML5")}}._
 
 ## Примеры
 
diff --git a/files/ru/web/html/element/button/index.md b/files/ru/web/html/element/button/index.md
index 396a43490058d6..178aa38d579591 100644
--- a/files/ru/web/html/element/button/index.md
+++ b/files/ru/web/html/element/button/index.md
@@ -32,24 +32,24 @@ original_slug: Web/HTML/Element/кнопка
 - {{htmlattrdef("autocomplete")}} {{non-standard_inline}}
   - : Использование данного атрибута на элементе `<button>` не описано в стандарте и используется только в Firefox браузере. По умолчанию, в отличие от прочих браузеров, [Firefox сохраняет назначенное динамически отключённое состояние](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing) для элемента `<button>` при последующих загрузках страницы. Установка для данного атрибута значения `off` отключает подобное поведение. Смотрите {{bug(654072)}}.
 - {{htmlattrdef("disabled")}}
-  - : Булевый атрибут, указывающий, что пользователь не может взаимодействовать с кнопкой. Если атрибут не установлен, то кнопка наследует его от элемента-контейнера, в котором она расположена, например от {{HTMLElement("fieldset")}}; если отсутствует элемент-контейнер, с установленным атрибутом **disabled**, то кнопка доступна для взаимодействия.Firefox по умолчанию, в отличие от прочих браузеров, [сохраняет назначенное динамически отключённое состояние](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing) для элемента `<button>`, даже при обновлении страницы. Чтобы изменить поведение браузера в этом случае, используйте атрибут {{htmlattrxref("autocomplete","button")}}.
+  - : Булевый атрибут, указывающий, что пользователь не может взаимодействовать с кнопкой. Если атрибут не установлен, то кнопка наследует его от элемента-контейнера, в котором она расположена, например от {{HTMLElement("fieldset")}}; если отсутствует элемент-контейнер, с установленным атрибутом **disabled**, то кнопка доступна для взаимодействия.Firefox по умолчанию, в отличие от прочих браузеров, [сохраняет назначенное динамически отключённое состояние](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing) для элемента `<button>`, даже при обновлении страницы. Чтобы изменить поведение браузера в этом случае, используйте атрибут [`autocomplete`](/ru/docs/Web/HTML/Element/button#autocomplete).
 - {{htmlattrdef("form")}}
   - : Атрибут **form** позволяет указать элемент {{HTMLElement("form")}}, с которым связана кнопка. Данный атрибут должен хранить значение **id** элемента {{HTMLElement("form")}}. Если данный атрибут не установлен, то элемент `<button>` будет связан с родительским элементом {{HTMLElement("form")}}, если последний существует.Атрибут работает независимо от расположения элементов в документе, поэтому он позволяет связать элемент `<button>` с формой, даже в случае, если `<button>` не является наследником элемента {{HTMLElement("form")}}.
 - {{htmlattrdef("formaction")}}
-  - : Ссылка на обработчик формы. Если атрибут определён — он переопределит атрибут {{htmlattrxref("action","form")}} у формы-родителя.
+  - : Ссылка на обработчик формы. Если атрибут определён — он переопределит атрибут [`action`](/ru/docs/Web/HTML/Element/form#action) у формы-родителя.
 - {{htmlattrdef("formenctype")}}
   - : Если `button` имеет тип `submit`, то этот атрибут определяет тип контента, отправляемого на сервер. Возможные значения данного атрибута:
     - `application/x-www-form-urlencoded`: значение по умолчанию, если атрибут не указан.
-    - `multipart/form-data`: следует использовать это значение, если форма содержит элемент {{HTMLElement("input")}} со значением атрибута {{htmlattrxref("type","input")}} `file`.
-    - `text/plain` Если этот атрибут определён, он переопределяет атрибут {{htmlattrxref("enctype","form")}} у формы-родителя.
+    - `multipart/form-data`: следует использовать это значение, если форма содержит элемент {{HTMLElement("input")}} со значением атрибута [`type`](/ru/docs/Web/HTML/Element/input#type) `file`.
+    - `text/plain` Если этот атрибут определён, он переопределяет атрибут [`enctype`](/ru/docs/Web/HTML/Element/form#enctype) у формы-родителя.
 - {{htmlattrdef("formmethod")}}
   - : Если `button` имеет тип `submit`, то этот атрибут определяет метод HTTP-запроса для отправки данных на сервер. Возможные варианты:
     - `post`: данные формы включаются в тело сообщения и отправляются на сервер.
-    - `get`: данные формы отправляются на сервер в виде ссылки, состоящей из URI атрибута {{htmlattrxref("action","form")}} и непосредственно данных, отделённых знаком '?'. Данные формы будут иметь вид ключ/значение и разделены амперсандом, например name=Name\&id=35. Следует использовать этот метод только если нет побочных эффектов и данные формы содержат лишь ASCII-символы.Если этот атрибут определён, он переопределяет атрибут {{htmlattrxref("method","form")}} у формы-родителя.
+    - `get`: данные формы отправляются на сервер в виде ссылки, состоящей из URI атрибута [`action`](/ru/docs/Web/HTML/Element/form#action) и непосредственно данных, отделённых знаком '?'. Данные формы будут иметь вид ключ/значение и разделены амперсандом, например name=Name\&id=35. Следует использовать этот метод только если нет побочных эффектов и данные формы содержат лишь ASCII-символы.Если этот атрибут определён, он переопределяет атрибут [`method`](/ru/docs/Web/HTML/Element/form#method) у формы-родителя.
 - {{htmlattrdef("formnovalidate")}}
-  - : Булевый атрибут. Указывает, что данные формы не будут валидироваться при отправке.Если этот атрибут определён, он переопределяет атрибут {{htmlattrxref("novalidate","form")}} у формы-родителя.
+  - : Булевый атрибут. Указывает, что данные формы не будут валидироваться при отправке.Если этот атрибут определён, он переопределяет атрибут [`novalidate`](/ru/docs/Web/HTML/Element/form#novalidate) у формы-родителя.
 - {{htmlattrdef("formtarget")}}
-  - : Если `button` имеет тип `submit`, этот атрибут является именем или ключевым словом,указывающим, где отображать ответ, полученный после отправки формы. This is a name of, or keyword for, a _browsing context_ (for example, tab, window, or inline frame). If this attribute is specified, it overrides the {{htmlattrxref("target", "form")}} attribute of the button's form owner. The following keywords have special meanings:
+  - : Если `button` имеет тип `submit`, этот атрибут является именем или ключевым словом,указывающим, где отображать ответ, полученный после отправки формы. This is a name of, or keyword for, a _browsing context_ (for example, tab, window, or inline frame). If this attribute is specified, it overrides the [`target`](/ru/docs/Web/HTML/Element/form#target) attribute of the button's form owner. The following keywords have special meanings:
     - `_self`: Load the response into the same browsing context as the current one. This value is the default if the attribute is not specified.
     - `_blank`: Load the response into a new unnamed browsing context.
     - `_parent`: Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`.
diff --git a/files/ru/web/html/element/canvas/index.md b/files/ru/web/html/element/canvas/index.md
index 2a9fccd5d5ebb1..7a5c08a70d0f75 100644
--- a/files/ru/web/html/element/canvas/index.md
+++ b/files/ru/web/html/element/canvas/index.md
@@ -9,7 +9,7 @@ translation_of: Web/HTML/Element/canvas
 
 | [Content categories](/ru/docs/HTML/Content_categories) | [Flow content](/ru/docs/HTML/Content_categories#Flow_content), [phrasing content](/ru/docs/HTML/Content_categories#Phrasing_content), [embedded content](/ru/docs/HTML/Content_categories#Embedded_content), palpable content.                                                                                                                                 |
 | ------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Permitted content                                      | Transparent но без [interactive content](/ru/docs/HTML/Content_categories#Interactive_content) descendants except(соглашаться?) для {{HTMLElement("a")}} элементы, {{HTMLElement("button")}} элементы, {{HTMLElement("input")}} элементы как {{htmlattrxref("type", "input")}} атрибут is `checkbox`, `radio`, или `button`. |
+| Permitted content                                      | Transparent но без [interactive content](/ru/docs/HTML/Content_categories#Interactive_content) descendants except(соглашаться?) для {{HTMLElement("a")}} элементы, {{HTMLElement("button")}} элементы, {{HTMLElement("input")}} элементы как [`type`](/ru/docs/Web/HTML/Element/input#type) атрибут is `checkbox`, `radio`, или `button`. |
 | Tag omission                                           | {{no_tag_omission}}                                                                                                                                                                                                                                                                                                                                       |
 | Permitted parent elements                              | Any element that accepts [phrasing_content](/ru/docs/HTML/Content_categories#Phrasing_content).                                                                                                                                                                                                                                                                |
 | DOM interface                                          | {{domxref("HTMLCanvasElement")}}                                                                                                                                                                                                                                                                                                                   |
diff --git a/files/ru/web/html/element/cite/index.md b/files/ru/web/html/element/cite/index.md
index cd85e6d2672d4a..9008a739250c7c 100644
--- a/files/ru/web/html/element/cite/index.md
+++ b/files/ru/web/html/element/cite/index.md
@@ -17,7 +17,7 @@ translation_of: Web/HTML/Element/cite
 >
 > - Творческая работа может включать в себя книгу, статью, очерк, стихотворение, суждение, песню, сценарий, фильм, ТВ-шоу, игру, скульптуру, живопись, театральную постановку, пьесу, оперу, мюзикл, выставку, юридический отчёт, компьютерную программу, веб-сайт, веб-страницу, сообщение или комментарий в блоге или на форуме, tweet, письменное или устное заявление и так далее.
 > - Спецификация W3C утверждает, что ссылка на творческую работу может содержать имя автора, в то время, как WHATWG заявляет, что она не может включать имя человека ни в коем случае.
-> - Используйте атрибут {{htmlattrxref("cite", "blockquote")}} элемента {{HTMLElement("blockquote")}} или элемента {{HTMLElement("q")}} для ссылки на интернет-ресурс источника.
+> - Используйте атрибут [`cite`](/ru/docs/Web/HTML/Element/blockquote#cite) элемента {{HTMLElement("blockquote")}} или элемента {{HTMLElement("q")}} для ссылки на интернет-ресурс источника.
 
 | [Content categories](/ru/docs/HTML/Content_categories) | [Flow content](/ru/docs/HTML/Content_categories#Flow_content), [phrasing content](/ru/docs/HTML/Content_categories#Phrasing_content), palpable content. |
 | -------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
diff --git a/files/ru/web/html/element/col/index.md b/files/ru/web/html/element/col/index.md
index 02faf834ff7711..0044928bf0b37e 100644
--- a/files/ru/web/html/element/col/index.md
+++ b/files/ru/web/html/element/col/index.md
@@ -19,7 +19,7 @@ translation_of: Web/HTML/Element/col
 | ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | Допустимое содержимое                                   | Нет, это {{Glossary("пустой элемент")}}.                                                                                                                                                                                      |
 | Пропуск тегов                                           | Начальный тег обязательный, но, поскольку это элемент без контента, использование концевого тега запрещено.                                                                                                                                             |
-| Допустимые родители                                     | Только {{HTMLElement("colgroup")}}, хотя он может быть определён неявно, т. к. его стартовый тег не является обязательным. Тег {{HTMLElement("colgroup")}} обязан не иметь атрибута {{htmlattrxref("span", "colgroup")}}. |
+| Допустимые родители                                     | Только {{HTMLElement("colgroup")}}, хотя он может быть определён неявно, т. к. его стартовый тег не является обязательным. Тег {{HTMLElement("colgroup")}} обязан не иметь атрибута [`span`](/ru/docs/Web/HTML/Element/colgroup#span). |
 | Допустимые ARIA-роли                                    | нет                                                                                                                                                                                                                                                    |
 | DOM-интерфейс                                           | {{domxref("HTMLTableColElement")}}                                                                                                                                                                                                            |
 
@@ -33,16 +33,16 @@ translation_of: Web/HTML/Element/col
     - `center`, центрирует контент ячейки
     - `right`, выравнивает контент к правой стороне ячейки
     - `justify`, вставляет пробелы в текстовый контент так, чтобы контент был выравнен по ширине
-    - `char`, выравнивает текстовый контент по специальному символу с минимальным смещением, определяемым атрибутами {{htmlattrxref("char", "col")}} и {{htmlattrxref("charoff", "col")}} {{unimplemented_inline(2212)}}.Если этот атрибут не установлен, его значение будет переопределено от {{htmlattrxref("align", "colgroup")}} элемента {{HTMLElement("colgroup")}}, к которому этот элемент принадлежит. Если его также нет, предполагается значение `left`.
+    - `char`, выравнивает текстовый контент по специальному символу с минимальным смещением, определяемым атрибутами [`char`](/ru/docs/Web/HTML/Element/col#char) и [`charoff`](/ru/docs/Web/HTML/Element/col#charoff) {{unimplemented_inline(2212)}}.Если этот атрибут не установлен, его значение будет переопределено от [`align`](/ru/docs/Web/HTML/Element/colgroup#align) элемента {{HTMLElement("colgroup")}}, к которому этот элемент принадлежит. Если его также нет, предполагается значение `left`.
 
       > **Примечание:**Не используйте этот атрибут, поскольку он устарел (не поддерживается) в последнем стандарте.
       > To achieve the same effect as the `left`, `center`, `right` or `justify` values:
       >
       > - Do not try to set the {{cssxref("text-align")}} property on a selector giving a {{HTMLElement("col")}} element. Because {{HTMLElement("td")}} elements are not descendant of the {{HTMLElement("col")}} element, they won't inherit it.
-      > - If the table doesn't use a {{htmlattrxref("colspan", "td")}} attribute, use the `td:nth-child(an+b)` CSS selector. Set `a` to zero and `b` to the position of the column in the table, e.g. `td:nth-child(2) { text-align: right; }` to right-align the second column.
-      > - If the table does use a {{htmlattrxref("colspan", "td")}} attribute, the effect can be achieved by combining adequate CSS attribute selectors like `[colspan=n]`, though this is not trivial.
+      > - If the table doesn't use a [`colspan`](/ru/docs/Web/HTML/Element/td#colspan) attribute, use the `td:nth-child(an+b)` CSS selector. Set `a` to zero and `b` to the position of the column in the table, e.g. `td:nth-child(2) { text-align: right; }` to right-align the second column.
+      > - If the table does use a [`colspan`](/ru/docs/Web/HTML/Element/td#colspan) attribute, the effect can be achieved by combining adequate CSS attribute selectors like `[colspan=n]`, though this is not trivial.
       >
-      > - To achieve the same effect as the `char` value, in CSS3, you can use the value of the {{htmlattrxref("char", "col")}} as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}.
+      > - To achieve the same effect as the `char` value, in CSS3, you can use the value of the [`char`](/ru/docs/Web/HTML/Element/col#char) as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}.
 
 - {{htmlattrdef("bgcolor")}} {{Non-standard_inline}}
   - | : Этот атрибут определяет цвет фона каждой ячейки столбца. Это один из 6-и значных кодов в шестнадцатеричной системе счисления, определённый как [sRGB](https://www.w3.org/Graphics/Color/sRGB) с префиксом '#'. Можно использовать одну из шестнадцати предопределённых строк: |                       | `black` = "#000000" |                      | `green` = "#008000"                                                                                                                                                                                                                                                                                                                                                                                                                                          |
@@ -55,8 +55,8 @@ translation_of: Web/HTML/Element/col
     |                                                                                                                                                                                                                                                                                 | `purple` = "#800080"  |                     | `teal` = "#008080"   |
     |                                                                                                                                                                                                                                                                                 | `fuchsia` = "#FF00FF" |                     | `aqua` = "#00FFFF"   | > **Примечание:** Не используй этот атрибут, поскольку он нестандартный и реализован только в некоторых версиях Microsoft Internet Explorer: элемент {{HTMLElement("col")}} должно быть стилизован с использованием [CSS](/ru/docs/CSS). Для получения подобного эффекта, используй свойство [CSS](/ru/docs/CSS) {{cssxref("background-color")}}, для соответствующих элементов {{HTMLElement("td")}}. |
 - {{htmlattrdef("char")}} {{deprecated_inline}},
-  - : This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If {{htmlattrxref("align", "col")}} is not set to `char`, this attribute is ignored.
-    > **Примечание:** Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as the {{htmlattrxref("char", "col")}}, in CSS3, you can use the character set using the {{htmlattrxref("char", "col")}} attribute as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}.
+  - : This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If [`align`](/ru/docs/Web/HTML/Element/col#align) is not set to `char`, this attribute is ignored.
+    > **Примечание:** Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as the [`char`](/ru/docs/Web/HTML/Element/col#char), in CSS3, you can use the character set using the [`char`](/ru/docs/Web/HTML/Element/col#char) attribute as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}.
 - {{htmlattrdef("charoff")}} {{deprecated_inline}},
   - : This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the **char** attribute.
     > **Примечание:**Do not use this attribute as it is obsolete (and not supported) in the latest standard.
@@ -71,8 +71,8 @@ translation_of: Web/HTML/Element/col
       > **Примечание:**Do not use this attribute as it is obsolete (and not supported) in the latest standard:
       - Do not try to set the {{cssxref("vertical-align")}} property on a selector giving a {{HTMLElement("col")}} element. Because {{HTMLElement("td")}} elements are not descendant of the {{HTMLElement("col")}} element, they won't inherit it.
       >
-      > - If the table doesn't use a {{htmlattrxref("colspan", "td")}} attribute, use the `td:nth-child(an+b)` CSS selector where a is the total number of the columns in the table and b is the ordinal position of the column in the table. Only after this selector the {{cssxref("vertical-align")}} property can be used.
-      > - If the table does use a {{htmlattrxref("colspan", "td")}} attribute, the effect can be achieved by combining adequate CSS attribute selectors like `[colspan=n]`, though this is not trivial.
+      > - If the table doesn't use a [`colspan`](/ru/docs/Web/HTML/Element/td#colspan) attribute, use the `td:nth-child(an+b)` CSS selector where a is the total number of the columns in the table and b is the ordinal position of the column in the table. Only after this selector the {{cssxref("vertical-align")}} property can be used.
+      > - If the table does use a [`colspan`](/ru/docs/Web/HTML/Element/td#colspan) attribute, the effect can be achieved by combining adequate CSS attribute selectors like `[colspan=n]`, though this is not trivial.
 
 - {{htmlattrdef("width")}}
   - : This attribute specifies a default width for each column in the current column group. In addition to the standard pixel and percentage values, this attribute might take the special form `0*`, which means that the width of each column in the group should be the minimum width necessary to hold the column's contents. Relative widths such as `0.5*` also can be used.
diff --git a/files/ru/web/html/element/datalist/index.md b/files/ru/web/html/element/datalist/index.md
index 5e948d49769592..4fc6b894817e8f 100644
--- a/files/ru/web/html/element/datalist/index.md
+++ b/files/ru/web/html/element/datalist/index.md
@@ -13,7 +13,7 @@ tags:
 translation_of: Web/HTML/Element/datalist
 ---
 
-**HTML-элемент `<datalist>`** содержит набор опций ({{HTMLElement("option")}}), доступных для выбора. Выбранное значение будет установлено для элемента {{HTMLElement("input")}}, с атрибутом {{htmlattrxref("list", "input")}}.
+**HTML-элемент `<datalist>`** содержит набор опций ({{HTMLElement("option")}}), доступных для выбора. Выбранное значение будет установлено для элемента {{HTMLElement("input")}}, с атрибутом [`list`](/ru/docs/Web/HTML/Element/input#list).
 
 {{EmbedInteractiveExample("pages/tabbed/datalist.html", "tabbed-standard")}}
 
@@ -62,7 +62,7 @@ translation_of: Web/HTML/Element/datalist
 
 ## Смотрите также
 
-- Элемент {{HTMLElement("input")}} , в особенности его атрибут {{htmlattrxref("list", "input")}};
+- Элемент {{HTMLElement("input")}} , в особенности его атрибут [`list`](/ru/docs/Web/HTML/Element/input#list);
 - Элемент {{HTMLElement("option")}}.
 
 {{HTMLSidebar}}
diff --git a/files/ru/web/html/element/dfn/index.md b/files/ru/web/html/element/dfn/index.md
index 02d96e03de1133..3c494aa27ca1ea 100644
--- a/files/ru/web/html/element/dfn/index.md
+++ b/files/ru/web/html/element/dfn/index.md
@@ -22,7 +22,7 @@ translation_of: Web/HTML/Element/dfn
 
 Атрибуты этого элемента включают [глобальные атрибуты](/ru/docs/Web/HTML/Global_attributes).
 
-В HTML5 {{htmlattrxref("title")}} атрибут имеет особое значение, как указано ниже.
+В HTML5 [`title`](/ru/docs/Web/HTML/Global_attributes#title) атрибут имеет особое значение, как указано ниже.
 
 ## Примечания по использованию
 
@@ -32,7 +32,7 @@ translation_of: Web/HTML/Element/dfn
 
 Определяемый термин устанавливается в соответствии с этими правилами:
 
-1. Если `<dfn>` элемент имеет {{htmlattrxref("title")}} атрибут, значение атрибута `title` считается определяемым термином. Элемент должен по-прежнему иметь текст внутри него, но этот текст может быть аббревиатурой (возможно, с использованием{{HTMLElement("abbr")}}) или другой формой термина.
+1. Если `<dfn>` элемент имеет [`title`](/ru/docs/Web/HTML/Global_attributes#title) атрибут, значение атрибута `title` считается определяемым термином. Элемент должен по-прежнему иметь текст внутри него, но этот текст может быть аббревиатурой (возможно, с использованием{{HTMLElement("abbr")}}) или другой формой термина.
 2. Если объект `<dfn>` содержит единственный дочерний элемент и не имеет собственного текстового содержимого, а дочерний элемент является {{HTMLElement("abbr")}} элементом с атрибутом `title`, то строго значение `title` `<abbr>` элемента является определяемым термином.
 3. В противном случае текстовое содержимое `<dfn>` элемента является определяемым термином. Это показано [в примере ниже](#базовая_идентификация_термина).
 
@@ -40,7 +40,7 @@ translation_of: Web/HTML/Element/dfn
 
 ### Ссылки на `<dfn>` элементы
 
-Если вы включаете атрибут {{htmlattrxref("id")}} в `<dfn>` элемент, вы можете ссылаться на него, используя {{HTMLElement("a")}} элементы. Они должны ссылаться на использование термина, чтобы читатель смог быстро перейти к определению термина, если он ещё не знает его, нажав на ссылку термина.
+Если вы включаете атрибут [`id`](/ru/docs/Web/HTML/Global_attributes#id) в `<dfn>` элемент, вы можете ссылаться на него, используя {{HTMLElement("a")}} элементы. Они должны ссылаться на использование термина, чтобы читатель смог быстро перейти к определению термина, если он ещё не знает его, нажав на ссылку термина.
 
 Это показано ниже в примере [Ссылки на определения](#ссылки_на_определения).
 
@@ -49,8 +49,8 @@ translation_of: Web/HTML/Element/dfn
 - Элемент `<dfn>` отмечает определяемый термин; определение термина должно быть дано окружающим {{HTMLElement("p")}}, {{HTMLElement("section")}} или группой списков определений (обычно пара {{HTMLElement("dt")}}{{HTMLElement("dd")}}).
 - Точное значение определяемого термина определяется следующими правилами:
 
-  1. Если элемент `<dfn>` имеет {{htmlattrxref("title")}} атрибут, то термин является значением этого атрибута.
-  2. Иначе, если он содержит только {{HTMLElement("abbr")}} элемент с {{htmlattrxref("title")}} атрибутом, тогда термин является значением этого атрибута. Это продемонстрировано в [Использование сокращений и определений вместе](#использование_сокращений_и_определений_вместе) ниже.
+  1. Если элемент `<dfn>` имеет [`title`](/ru/docs/Web/HTML/Global_attributes#title) атрибут, то термин является значением этого атрибута.
+  2. Иначе, если он содержит только {{HTMLElement("abbr")}} элемент с [`title`](/ru/docs/Web/HTML/Global_attributes#title) атрибутом, тогда термин является значением этого атрибута. Это продемонстрировано в [Использование сокращений и определений вместе](#использование_сокращений_и_определений_вместе) ниже.
   3. В противном случае текстовое содержимое `<dfn>` элемента является определяемым термином.
 
 ## Примеры
@@ -100,7 +100,7 @@ enim possumus hoc agere divinius?</p>
 элемент <code><a href="#definition-dfn">&lt;dfn&gt;</a></code> для этого проекта.</p>
 ```
 
-Здесь мы видим определение - теперь с атрибутом {{htmlattrxref("id")}} `«definition-dfn»`, который может использоваться в качестве цели для ссылки. Позднее создаётся ссылка с использованием `<a>` и с {{htmlattrxref("href", "a")}}атрибутом, установленным на `«#definition-dfn»`, чтобы установить ссылку обратно на определение.
+Здесь мы видим определение - теперь с атрибутом [`id`](/ru/docs/Web/HTML/Global_attributes#id) `«definition-dfn»`, который может использоваться в качестве цели для ссылки. Позднее создаётся ссылка с использованием `<a>` и с [`href`](/ru/docs/Web/HTML/Element/a#href)атрибутом, установленным на `«#definition-dfn»`, чтобы установить ссылку обратно на определение.
 
 #### Результат
 
diff --git a/files/ru/web/html/element/div/index.md b/files/ru/web/html/element/div/index.md
index 5d53343f2d0b34..9125a6f34e29e5 100644
--- a/files/ru/web/html/element/div/index.md
+++ b/files/ru/web/html/element/div/index.md
@@ -21,7 +21,7 @@ translation_of: Web/HTML/Element/div
 
 {{EmbedInteractiveExample("pages/tabbed/div.html","tabbed-standard")}}
 
-Являясь "чистым" контейнером, элемент `<div>`, по существу, не представляет ничего. Между тем, он используется для группировки контента, что позволяет легко его стилизовать, используя атрибуты {{htmlattrxref("class")}} или {{htmlattrxref("id")}}, помечать раздел документа, написанный на разных языках (используя атрибут {{htmlattrxref("lang")}}), и так далее.
+Являясь "чистым" контейнером, элемент `<div>`, по существу, не представляет ничего. Между тем, он используется для группировки контента, что позволяет легко его стилизовать, используя атрибуты [`class`](/ru/docs/Web/HTML/Global_attributes#class) или [`id`](/ru/docs/Web/HTML/Global_attributes#id), помечать раздел документа, написанный на разных языках (используя атрибут [`lang`](/ru/docs/Web/HTML/Global_attributes#lang)), и так далее.
 
 | [Категории контента](/ru/docs/Web/Guide/HTML/Content_categories) | [Потоковый контент](/ru/docs/Web/Guide/HTML/Content_categories#Потоковый_контент), [явный контент](/ru/docs/Web/Guide/HTML/Content_categories#Явный_контент).                                                                                                                                                                                                                                                                                   |
 | ---------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -58,7 +58,7 @@ translation_of: Web/HTML/Element/div
 
 ### Стилизованный пример
 
-Этот пример создаёт прямоугольник с тенью, применяя стили к `<div>` с помощью CSS. Заметьте, что использование атрибута {{htmlattrxref("class")}} на элементе `<div>` даёт применение стилей `"shadowbox"` (в дословном переводе означает "теневая коробка") к элементу.
+Этот пример создаёт прямоугольник с тенью, применяя стили к `<div>` с помощью CSS. Заметьте, что использование атрибута [`class`](/ru/docs/Web/HTML/Global_attributes#class) на элементе `<div>` даёт применение стилей `"shadowbox"` (в дословном переводе означает "теневая коробка") к элементу.
 
 #### HTML
 
diff --git a/files/ru/web/html/element/font/index.md b/files/ru/web/html/element/font/index.md
index ee3424ef109c72..2db8949f880cb0 100644
--- a/files/ru/web/html/element/font/index.md
+++ b/files/ru/web/html/element/font/index.md
@@ -20,7 +20,7 @@ _HTML фонт элемент_(`<font>`) определяет размер шр
 - {{htmlattrdef("face")}}
   - : Этот атрибут содержит список разделённых запятыми одного или нескольких имён шрифтов. Текст документа в стиле по умолчанию отображается на первой грани шрифта, поддерживаемой браузером клиента. Если в локальной системе не указан шрифт, браузер обычно по умолчанию использует пропорциональный или фиксированный шрифт для этой системы.
 - {{htmlattrdef("size")}}
-  - : Этот атрибут определяет размер шрифта как числовое или относительное значение. Числовые значения варьируются от 1 до 7, при этом 1 является наименьшим, а 3 - значением по умолчанию. Его можно определить с использованием относительного значения, например, +2 или -3, которые устанавливают его относительно значения атрибута {{htmlattrxref ("size", "basefont")}} {{HTMLElement ("basefont") }}, или по отношению к 3, значение по умолчанию, если оно не существует.
+  - : Этот атрибут определяет размер шрифта как числовое или относительное значение. Числовые значения варьируются от 1 до 7, при этом 1 является наименьшим, а 3 - значением по умолчанию. Его можно определить с использованием относительного значения, например, +2 или -3, которые устанавливают его относительно значения атрибута [`size`](/ru/docs/Web/HTML/Element/basefont#size) {{HTMLElement ("basefont") }}, или по отношению к 3, значение по умолчанию, если оно не существует.
 
 ## DOM interface
 
diff --git a/files/ru/web/html/element/form/index.md b/files/ru/web/html/element/form/index.md
index fcc168b7c57d44..872080a9532ff3 100644
--- a/files/ru/web/html/element/form/index.md
+++ b/files/ru/web/html/element/form/index.md
@@ -24,12 +24,12 @@ _Элемент HTML form_ (`<form>`) представляет (собой) ра
 
 - {{htmlattrdef("accept")}}
   - : Список типов содержимого, разделённых запятой, которые принимает сервер.
-    > **Примечание:** Этот атрибут был удалён в HTML5 и его не следует больше использовать. Взамен, используйте {{htmlattrxref("accept", "input")}} атрибут заданного {{HTMLElement("input")}} элемента.
+    > **Примечание:** Этот атрибут был удалён в HTML5 и его не следует больше использовать. Взамен, используйте [`accept`](/ru/docs/Web/HTML/Element/input#accept) атрибут заданного {{HTMLElement("input")}} элемента.
 - {{htmlattrdef("accept-charset")}}
   - : Разделённые пробелами [символьные кодировки](/ru/docs/Web/Guide/Localizations_and_character_encodings), которые принимает сервер. Браузер использует их в том порядке, в котором они перечислены. Значение по умолчанию означает [ту же кодировку что и у страницы](/ru/docs/Web/HTTP/Headers/Content-Encoding).
     (В предыдущей версии HTML, различные кодировки могли быть разделены запятыми.)
 - {{htmlattrdef("action")}}
-  - : URI-адрес программы, которая обрабатывает информацию переданную через форму. Это значение может быть переписано с помощью атрибута {{htmlattrxref("formaction", "button")}} на {{HTMLElement("button")}} или {{HTMLElement("input")}} элементе.
+  - : URI-адрес программы, которая обрабатывает информацию переданную через форму. Это значение может быть переписано с помощью атрибута [`formaction`](/ru/docs/Web/HTML/Element/button#formaction) на {{HTMLElement("button")}} или {{HTMLElement("input")}} элементе.
 - {{htmlattrdef("autocomplete")}}
   - : Указывает, могут ли элементы управления автоматически быть дописаны в форме браузером. Эта настройка может быть переписана с помощью атрибута `autocomplete` на элементе формы. Возможные значения:
     - `off`: Пользователь должен явно ввести значение в каждое поле или документ предоставит свой собственный метод автодополнения; браузер автоматически не дополняет записи.
@@ -39,21 +39,21 @@ _Элемент HTML form_ (`<form>`) представляет (собой) ра
   - : Когда значение атрибута method равно `post`, атрибут - [MIME тип](http://en.wikipedia.org/wiki/Mime_type) содержимого, которое используется, чтобы передать форму на сервер. Возможные значения:
     - `application/x-www-form-urlencoded`: Значение по умолчанию, если атрибут не задан.
     - `multipart/form-data`: Используйте это значение, если пользуетесь элементом {{HTMLElement("input")}} атрибутом `type` установленным в "file".
-    - `text/plain (HTML5)` Это значение может быть переписано атрибутом {{htmlattrxref("formenctype", "button")}} на элементе {{HTMLElement("button")}} или {{HTMLElement("input")}}.
+    - `text/plain (HTML5)` Это значение может быть переписано атрибутом [`formenctype`](/ru/docs/Web/HTML/Element/button#formenctype) на элементе {{HTMLElement("button")}} или {{HTMLElement("input")}}.
 - {{htmlattrdef("method")}}
   - : [HTTP](/ru/docs/HTTP) метод, который браузер использует, для отправки формы. Возможные значения:
     - `post`: Соответствует HTTP [POST методу](http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.5) ; данные из формы включаются в тело формы и посылаются на сервер.
-    - `get`: Соответствует [GET методу](http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3); данные из формы добавляются к URI атрибута `action`, их разделяет '?', и полученный URI посылается на сервер. Используйте этот метод, когда форма содержит только ASCII символы и не имеет побочного эффекта.Это значение может быть переписано атрибутом {{htmlattrxref("formmethod", "button")}} на {{HTMLElement("button")}} или {{HTMLElement("input")}} элементе.
+    - `get`: Соответствует [GET методу](http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3); данные из формы добавляются к URI атрибута `action`, их разделяет '?', и полученный URI посылается на сервер. Используйте этот метод, когда форма содержит только ASCII символы и не имеет побочного эффекта.Это значение может быть переписано атрибутом [`formmethod`](/ru/docs/Web/HTML/Element/button#formmethod) на {{HTMLElement("button")}} или {{HTMLElement("input")}} элементе.
 - {{htmlattrdef("name")}}
   - : Имя формы. В HTML 4 его использование запрещено (`id` следует использовать взамен). Оно должно быть уникальным и не пустым среди всех форм в документе в HTML 5.
 - {{htmlattrdef("novalidate")}}
-  - : Это Boolean атрибут показывает, что форма не проверяется на валидность, когда отправляется серверу. Если атрибут пропущен (и поэтому форма проверяется), эта настройка по умолчанию, может быть переписана атрибутом {{htmlattrxref("formnovalidate", "button")}} на {{HTMLElement("button")}} или {{HTMLElement("input")}} элементе, принадлежащем форме.
+  - : Это Boolean атрибут показывает, что форма не проверяется на валидность, когда отправляется серверу. Если атрибут пропущен (и поэтому форма проверяется), эта настройка по умолчанию, может быть переписана атрибутом [`formnovalidate`](/ru/docs/Web/HTML/Element/button#formnovalidate) на {{HTMLElement("button")}} или {{HTMLElement("input")}} элементе, принадлежащем форме.
 - {{htmlattrdef("target")}}
   - : Имя или ключевое слово, показывающее где отображать ответ, который будет получен, после отправки формы. В HTML 4, это имя или ключевое слово для фрейма. В HTML5, это имя или ключевое слово, _контекста_ _просмотра_ (например, вкладка, окно, или линейный фрейм). Следующие ключевые слова имеют специальное значение:
     - `_self`: Загружает ответ в том же самом фрейме HTML 4 (или HTML5 контексте просмотра) как текущий. Это значение по умолчанию, если атрибут не указан.
     - `_blank`: Загружает ответ в новом безымянном окне HTML 4 или HTML5 контексте просмотра.
     - `_parent`: Загружает ответ HTML 4 в родительском наборе фрейма для текущего фрейма или HTML5 родительский контекст просмотра для текущего просмотра. Если нет предка, эта опция действует точно так же как as `_self`.
-    - `_top`: HTML 4: Загружает ответ в полное, оригинальное окно, закрывая все другие фреймы. HTML5: Загружает ответ в верхний уровень контекста просмотра (т.е., контекст просмотра это предок текущего и не имеет других предков). Если нет предка, эта опция действует точно так же как as `_self`.HTML5: Это значение может быть перезаписано {{htmlattrxref("formtarget", "button")}} атрибутом на {{HTMLElement("button")}} или {{HTMLElement("input")}} элементе.
+    - `_top`: HTML 4: Загружает ответ в полное, оригинальное окно, закрывая все другие фреймы. HTML5: Загружает ответ в верхний уровень контекста просмотра (т.е., контекст просмотра это предок текущего и не имеет других предков). Если нет предка, эта опция действует точно так же как as `_self`.HTML5: Это значение может быть перезаписано [`formtarget`](/ru/docs/Web/HTML/Element/button#formtarget) атрибутом на {{HTMLElement("button")}} или {{HTMLElement("input")}} элементе.
 
 ## DOM_interface
 
diff --git a/files/ru/web/html/element/head/index.md b/files/ru/web/html/element/head/index.md
index d9a27d16fe4434..48bb3eef2a973a 100644
--- a/files/ru/web/html/element/head/index.md
+++ b/files/ru/web/html/element/head/index.md
@@ -20,7 +20,7 @@ translation_of: Web/HTML/Element/head
 
 | [Категории контента](/ru/docs/Web/Guide/HTML/Content_categories) | Отсутствуют.                                                                                                                                                                                                                                                                                                                                                                                                                                  |
 | ---------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Допустимое содержимое                                            | Если документ является документом {{HTMLElement("iframe")}} с атрибутом {{htmlattrxref("srcdoc", "iframe")}}, или если информация о заголовке доступна из протокола более высокого уровня (например, строки темы в электронном письме HTML), то ноль или более элементов содержащих метаданные.Иначе, один или более элементов содержащих метаданные, один из которых является элементом {{HTMLElement("title")}}. |
+| Допустимое содержимое                                            | Если документ является документом {{HTMLElement("iframe")}} с атрибутом [`srcdoc`](/ru/docs/Web/HTML/Element/iframe#srcdoc), или если информация о заголовке доступна из протокола более высокого уровня (например, строки темы в электронном письме HTML), то ноль или более элементов содержащих метаданные.Иначе, один или более элементов содержащих метаданные, один из которых является элементом {{HTMLElement("title")}}. |
 | Пропуск тегов                                                    | Открывающий тег может быть пропущен, если первым, что находится внутри элемента `<head>` является другой элемент. Закрывающий тег может быть пропущен, если первое, что следует за элементом `<head>` не является пробелом или комментарием.                                                                                                                                                                                                  |
 | Допустимые родители                                              | Элемент {{HTMLElement("html")}} (`<head>` является его первым дочерним элементом).                                                                                                                                                                                                                                                                                                                                                   |
 | Допустимые ARIA-роли                                             | нет                                                                                                                                                                                                                                                                                                                                                                                                                                  |
diff --git a/files/ru/web/html/element/heading_elements/index.md b/files/ru/web/html/element/heading_elements/index.md
index 3cb4927bc1e188..534d62b30d0c24 100644
--- a/files/ru/web/html/element/heading_elements/index.md
+++ b/files/ru/web/html/element/heading_elements/index.md
@@ -136,7 +136,7 @@ translation_of: Web/HTML/Element/Heading_Elements
 
 Другим распространённым методом навигации для пользователей программ чтения с экрана является создание списка содержимого секций и использование его для определения макета страницы.
 
-Содержимое секционирования можно пометить, используя комбинацию [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) и {{htmlattrxref("id")}} атрибута, с ярлыком, кратко описывающим назначение раздела. Этот метод полезен в ситуациях, когда на одной странице имеется более одного элемента секционирования.
+Содержимое секционирования можно пометить, используя комбинацию [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) и [`id`](/ru/docs/Web/HTML/Global_attributes#id) атрибута, с ярлыком, кратко описывающим назначение раздела. Этот метод полезен в ситуациях, когда на одной странице имеется более одного элемента секционирования.
 
 #### Пример
 
diff --git a/files/ru/web/html/element/html/index.md b/files/ru/web/html/element/html/index.md
index e8a2de46ef159b..c41bbef974ca02 100644
--- a/files/ru/web/html/element/html/index.md
+++ b/files/ru/web/html/element/html/index.md
@@ -46,7 +46,7 @@ translation_of: Web/HTML/Element/html
 
 ## Проблемы доступности
 
-Добавление атрибута {{htmlattrxref("lang")}} с допустимым (валидным) идентификатором языка (определены в документе IETF [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt)) в элемент `<html>` поможет технологии чтения с экрана правильно определить язык. Идентификатор языка должен описывать язык, который используется большей частью содержимого страницы. Без него программы чтения с экрана, как правило, по умолчанию используют язык операционной системы, который может может стать причиной неправильного произношения.
+Добавление атрибута [`lang`](/ru/docs/Web/HTML/Global_attributes#lang) с допустимым (валидным) идентификатором языка (определены в документе IETF [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt)) в элемент `<html>` поможет технологии чтения с экрана правильно определить язык. Идентификатор языка должен описывать язык, который используется большей частью содержимого страницы. Без него программы чтения с экрана, как правило, по умолчанию используют язык операционной системы, который может может стать причиной неправильного произношения.
 
 Добавление валидного атрибута `lang` в элемент `<html>` также гарантирует, что важные метаданные, содержащиеся в элементе {{HTMLElement("head")}}, например заголовок страницы {{HTMLElement("title")}}, также будут объявлены правильно.
 
diff --git a/files/ru/web/html/element/img/index.md b/files/ru/web/html/element/img/index.md
index 28492487406c5a..76e1452553a42f 100644
--- a/files/ru/web/html/element/img/index.md
+++ b/files/ru/web/html/element/img/index.md
@@ -57,7 +57,7 @@ translation_of: Web/HTML/Element/img
 
 ## Ошибки загрузки изображения
 
-Если ошибка происходит во время загрузки или отрисовки изображения и обработчик события {{htmlattrxref("onerror")}} был настроен на обработку события {{event("error")}}, тогда этот обработчик события будет вызван. Это может произойти в ряде ситуаций, в том числе когда:
+Если ошибка происходит во время загрузки или отрисовки изображения и обработчик события [`onerror`](/ru/docs/Web/HTML/Global_attributes#onerror) был настроен на обработку события {{event("error")}}, тогда этот обработчик события будет вызван. Это может произойти в ряде ситуаций, в том числе когда:
 
 - атрибут `src` пустой или {{glossary("null")}};
 - указанный {{glossary("URL")}} в атрибуте `src` совпадает с URL страницы, на которой в данный момент находится пользователь;
@@ -93,7 +93,7 @@ translation_of: Web/HTML/Element/img
   - : Этот атрибут говорит браузеру игнорировать действительный {{glossary("Intrinsic size", "внутренний размер")}} изображения и делать вид, что это размер, указанный в атрибуте. В частности, изображение будет растровым в этих измерениях, а `narutalWidth`/`naturalHeight` изображения будут возвращать значения, указанные в этом атрибуте. [Объяснение](https://github.com/ojanvafai/intrinsicsize-attribute), [примеры](https://googlechrome.github.io/samples/intrinsic-size/index.html).
 - {{htmlattrdef("ismap")}}
   - : Это атрибут логического типа, указывающий, что изображение является частью серверной карты ссылок. Если это так, то точные координаты клика отправляются на сервер.
-    > **Примечание:** Этот атрибут разрешён, только если элемент `<img>` является потомком элемента {{htmlelement("a")}} с валидным (соответствующий требованиям) атрибутом {{htmlattrxref("href","a")}}.
+    > **Примечание:** Этот атрибут разрешён, только если элемент `<img>` является потомком элемента {{htmlelement("a")}} с валидным (соответствующий требованиям) атрибутом [`href`](/ru/docs/Web/HTML/Element/a#href).
 - {{htmlattrdef("loading")}} {{experimental_inline}}
   - : Указывает на то, как браузер должен загрузить изображение:
     - `eager`: Загружает изображение немедленно независимо от того, находится оно в области просмотра или нет (является значением по умолчанию).
@@ -137,10 +137,10 @@ translation_of: Web/HTML/Element/img
 - {{htmlattrdef("hspace")}}
   - : Отступ слева и справа от изображения в пикселях. Вы должны использовать CSS-свойство {{cssxref('margin')}} вместо этого атрибута.
 - {{htmlattrdef("longdesc")}}
-  - : Ссылка на более подробное описание изображения. Возможными значениями являются {{glossary("URL")}} или {{htmlattrxref("id")}} элемента.
+  - : Ссылка на более подробное описание изображения. Возможными значениями являются {{glossary("URL")}} или [`id`](/ru/docs/Web/HTML/Global_attributes#id) элемента.
     > **Примечание:** Этот атрибут упомянут в последней версии от {{glossary("W3C")}}, [HTML 5.2](https://www.w3.org/TR/html52/obsolete.html#element-attrdef-img-longdesc), но был удалён из [живого стандарта HTML](https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element) от {{glossary("WHATWG")}}. У него неопределённое будущее; авторы должны использовать альтернативы {{glossary("WAI")}}-{{glossary("ARIA")}}, такие как [aria-describedby](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby) или [aria-details](https://www.w3.org/TR/wai-aria-1.1/#aria-details).
 - {{htmlattrdef("name")}}
-  - : Имя для элемента. Вы должны использовать атрибут {{htmlattrxref("id")}} вместо этого атрибута.
+  - : Имя для элемента. Вы должны использовать атрибут [`id`](/ru/docs/Web/HTML/Global_attributes#id) вместо этого атрибута.
 - {{htmlattrdef("vspace")}}
   - : Отступ сверху и снизу от изображения в пикселях. Вы должны использовать CSS-свойство {{cssxref('margin')}} вместо этого атрибута.
 
@@ -236,9 +236,9 @@ translation_of: Web/HTML/Element/img
 
 ### Атрибут title
 
-Атрибут {{htmlattrxref("title")}} не является приемлемой заменой атрибута `alt`. Кроме того, избегайте повторения значения атрибута `alt` в атрибуте `title`, объявленном на том же изображении.
+Атрибут [`title`](/ru/docs/Web/HTML/Global_attributes#title) не является приемлемой заменой атрибута `alt`. Кроме того, избегайте повторения значения атрибута `alt` в атрибуте `title`, объявленном на том же изображении.
 
-Атрибут {{htmlattrxref("title")}} также не должен использоваться в качестве подписи, сопровождающей альтернативное описание изображения. Если изображению нужна подпись, используйте элемент {{HTMLElement("figure")}} вместе с элементом {{HTMLElement("figcaption")}}.
+Атрибут [`title`](/ru/docs/Web/HTML/Global_attributes#title) также не должен использоваться в качестве подписи, сопровождающей альтернативное описание изображения. Если изображению нужна подпись, используйте элемент {{HTMLElement("figure")}} вместе с элементом {{HTMLElement("figcaption")}}.
 
 - [Использование HTML-атрибута title - обновлено | The Paciello Group](https://developer.paciellogroup.com/blog/2013/01/using-the-html-title-attribute-updated/).
 
diff --git a/files/ru/web/html/element/index.md b/files/ru/web/html/element/index.md
index ce36abb818c056..6fe6786c2bb57f 100644
--- a/files/ru/web/html/element/index.md
+++ b/files/ru/web/html/element/index.md
@@ -84,7 +84,7 @@ translation_of: Web/HTML/Element
 | Элемент | Описание |
 | ------- | -------- |
 | {{HTMLElement("a")}}      | Определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами. |
-| {{HTMLElement("abbr")}}   | Представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут {{htmlattrxref("title")}}. Иные значения `title`, кроме расшифровки аббревиатуры не допускаются. |
+| {{HTMLElement("abbr")}}   | Представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут [`title`](/ru/docs/Web/HTML/Global_attributes#title). Иные значения `title`, кроме расшифровки аббревиатуры не допускаются. |
 | {{HTMLElement("b")}}      | Является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом. |
 | {{HTMLElement("bdi")}}    | Изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается). |
 | {{HTMLElement("bdo")}}    | Переопределяет текущее направление текста так, что текст внутри отображается в другом направлении. |
@@ -104,7 +104,7 @@ translation_of: Web/HTML/Element
 | {{HTMLElement("s")}}      | Renders text with a strikethrough, or a line through it. Use the `<s>` element to represent things that are no longer relevant or no longer accurate. However, `<s>` is not appropriate when indicating document edits; for that, use the del and ins elements, as appropriate. |
 | {{HTMLElement("samp")}}   | Used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as [Courier](<https://en.wikipedia.org/wiki/Courier_(typeface)>) or Lucida Console). |
 | {{HTMLElement("small")}}  | Represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from `small` to `x-small`. |
-| {{HTMLElement("span")}}   | Является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов {{htmlattrxref("class")}} или {{htmlattrxref("id")}}) или потому, что они имеет общие значения атрибутов, например {{htmlattrxref("lang")}}. Он должен быть использован только когда нет другого подходящего по семантике элемента. `<span>` очень похож на элемент {{HTMLElement("div")}}, но {{HTMLElement("div")}} является [блочным](/ru/docs/Web/HTML/Block-level_elements) элементом, в то время как `<span>` является [строчным](/ru/docs/Web/HTML/Строчные_Элементы). |
+| {{HTMLElement("span")}}   | Является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов [`class`](/ru/docs/Web/HTML/Global_attributes#class) или [`id`](/ru/docs/Web/HTML/Global_attributes#id)) или потому, что они имеет общие значения атрибутов, например [`lang`](/ru/docs/Web/HTML/Global_attributes#lang). Он должен быть использован только когда нет другого подходящего по семантике элемента. `<span>` очень похож на элемент {{HTMLElement("div")}}, но {{HTMLElement("div")}} является [блочным](/ru/docs/Web/HTML/Block-level_elements) элементом, в то время как `<span>` является [строчным](/ru/docs/Web/HTML/Строчные_Элементы). |
 | {{HTMLElement("strong")}} | Указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом. |
 | {{HTMLElement("sub")}}    | Specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text. |
 | {{HTMLElement("sup")}}    | Specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text. |
@@ -135,7 +135,7 @@ HTML позволяет использовать различные мульти
 | {{HTMLElement("embed")}}   | Вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например. |
 | {{HTMLElement("iframe")}}  | Represents a nested browsing context, embedding another HTML page into the current one. |
 | {{HTMLElement("object")}}  | Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin. |
-| {{HTMLElement("picture")}} | Служит контейнером для одного или более элементов {{HTMLElement("source")}} и одного элемента {{HTMLElement("img")}} для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов `<source>` и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов `<source>` найдено не будет, то будет выбран файл, указанный атрибутом {{htmlattrxref("src", "img")}} элемента `<img>` . Затем выбранное изображение отображается в пространстве, занятом элементом `<img>`. |
+| {{HTMLElement("picture")}} | Служит контейнером для одного или более элементов {{HTMLElement("source")}} и одного элемента {{HTMLElement("img")}} для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов `<source>` и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов `<source>` найдено не будет, то будет выбран файл, указанный атрибутом [`src`](/ru/docs/Web/HTML/Element/img#src) элемента `<img>` . Затем выбранное изображение отображается в пространстве, занятом элементом `<img>`. |
 | {{HTMLElement("portal")}}  | Enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages. |
 | {{HTMLElement("source")}}  | Указывает несколько медиа-ресурсов для элементов {{HTMLElement("picture")}}, {{HTMLElement("video")}} и {{HTMLElement("audio")}}. Это пустой элемент. Он обычно используется для обслуживания одного и того же медиа-контента [в нескольких форматах, поддерживаемых различными браузерами](/ru/docs/Media_formats_supported_by_the_audio_and_video_elements). |
 
@@ -191,7 +191,7 @@ HTML содержит некоторое количество элементов
 | Элемент | Описание |
 | ------- | -------- |
 | {{HTMLElement("button")}}   | Создаёт интерактивную кнопку, которая может быть использована в формах или в любом другом месте документа, который требует простой, стандартной кнопки. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает {{Glossary ("user agent")}}, но вы можете изменить внешний вид кнопки, используя CSS. |
-| {{HTMLElement("datalist")}} | Содержит набор опций ({{HTMLElement("option")}}), доступных для выбора. Выбранное значение будет установлено для элемента {{HTMLElement("input")}}, с атрибутом {{htmlattrxref("list", "input")}}. |
+| {{HTMLElement("datalist")}} | Содержит набор опций ({{HTMLElement("option")}}), доступных для выбора. Выбранное значение будет установлено для элемента {{HTMLElement("input")}}, с атрибутом [`list`](/ru/docs/Web/HTML/Element/input#list). |
 | {{HTMLElement("fieldset")}} | Используется для группировки нескольких элементов управления в веб-форме. |
 | {{HTMLElement("form")}}     | Представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер. |
 | {{HTMLElement("input")}}    | Используется для создания интерактивных элементов управления в веб-формах для получения данных от пользователя; в зависимости от устройства и {{Glossary("user agent")}}, доступен широкий выбор типов входных данных и виджетов управления. Из-за огромного количества возможных сочетаний типов ввода и атрибутов это один из самых мощных и сложных элементов HTML. |
diff --git a/files/ru/web/html/element/input/button/index.md b/files/ru/web/html/element/input/button/index.md
index 78899af6aa2a4c..aca4a606d350d6 100644
--- a/files/ru/web/html/element/input/button/index.md
+++ b/files/ru/web/html/element/input/button/index.md
@@ -20,13 +20,13 @@ translation_of: Web/HTML/Element/input/button
 | **[Значение](#значение)**         | {{domxref("DOMString")}} используется в качестве метки кнопки                       |
 | --------------------------------- | ------------------------------------------------------------------------------------------- |
 | **Событие**                       | {{event("click")}}                                                                    |
-| **Поддерживаемые общие атрибуты** | {{htmlattrxref("type", "input")}} и {{htmlattrxref("value", "input")}} |
+| **Поддерживаемые общие атрибуты** | [`type`](/ru/docs/Web/HTML/Element/input#type) и [`value`](/ru/docs/Web/HTML/Element/input#value) |
 | **Атрибуты IDL**                  | `value`                                                                                     |
 | **Методы**                        | None                                                                                        |
 
 ## Значение
 
-Атрибут значения элементов `<input type="button">` elements' {{htmlattrxref("value", "input")}} содержит строку {{domxref("DOMString")}} , которая используется в качестве метки кнопки.
+Атрибут значения элементов `<input type="button">` elements' [`value`](/ru/docs/Web/HTML/Element/input#value) содержит строку {{domxref("DOMString")}} , которая используется в качестве метки кнопки.
 
 ```html
 <input type="button" value="Нажми на меня">
@@ -80,7 +80,7 @@ function updateButton() {
 
 ### Добавление сочетаний клавиш на кнопки
 
-Сочетания клавиш, также известные как клавиши доступа и их эквиваленты на клавиатуре, позволяют пользователю активировать кнопку с помощью клавиши или комбинации клавиш на клавиатуре. Чтобы добавить сочетание клавиш к кнопке — точно так же, как вы сделали бы с любым {{HTMLElement("input")}}, для которого это имеет смысл, — вы используете глобальный атрибут {{htmlattrxref("accesskey")}}.
+Сочетания клавиш, также известные как клавиши доступа и их эквиваленты на клавиатуре, позволяют пользователю активировать кнопку с помощью клавиши или комбинации клавиш на клавиатуре. Чтобы добавить сочетание клавиш к кнопке — точно так же, как вы сделали бы с любым {{HTMLElement("input")}}, для которого это имеет смысл, — вы используете глобальный атрибут [`accesskey`](/ru/docs/Web/HTML/Global_attributes#accesskey).
 
 В этом примере, <kbd>s</kbd> это специфичная клавиша доступа (ты должен нажать <kbd>s</kbd> плюс конкретные клавиши-модификаторы для вашей комбинации браузера и операционной системы; вы можете увидеть полный список на странице [accesskey](/ru/docs/Web/HTML/Global_attributes/accesskey)).
 
@@ -114,7 +114,7 @@ function updateButton() {
 
 ### Выключенные / Включённые кнопки
 
-Чтобы выключить кнопку необходимо просто добавить на неё глобальный атрибут {{htmlattrxref("disabled")}}, вот так:
+Чтобы выключить кнопку необходимо просто добавить на неё глобальный атрибут [`disabled`](/ru/docs/Web/HTML/Global_attributes#disabled), вот так:
 
 ```html
 <input type="button" value="Я выключена" disabled>
@@ -172,7 +172,7 @@ function disableButton() {
 
 {{EmbedLiveSample("Hidden_code_2", 650, 60)}}
 
-> **Примечание:** Firefox, в отличие от других браузеров, по умолчанию [сохраняет динамическое отключенние состояния](http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing) из одного {{HTMLElement("button")}} при загрузке разных страниц. Используйте атрибут {{htmlattrxref("autocomplete","button")}} для управления этой функцией.
+> **Примечание:** Firefox, в отличие от других браузеров, по умолчанию [сохраняет динамическое отключенние состояния](http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing) из одного {{HTMLElement("button")}} при загрузке разных страниц. Используйте атрибут [`autocomplete`](/ru/docs/Web/HTML/Element/button#autocomplete) для управления этой функцией.
 
 ## Валидация
 
diff --git a/files/ru/web/html/element/input/color/index.md b/files/ru/web/html/element/input/color/index.md
index 0be6b89ff5e0e8..2d8fe8d120520a 100644
--- a/files/ru/web/html/element/input/color/index.md
+++ b/files/ru/web/html/element/input/color/index.md
@@ -26,13 +26,13 @@ translation_of: Web/HTML/Element/input/color
 | **[Value](#value)**               | 7-значная {{domxref("DOMString")}} , указывающая {{cssxref("&lt;color&gt;")}} в строчной шестнадцатеричной системе счисления |
 | --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
 | **События**                       | {{domxref("HTMLElement/change_event", "change")}} и {{domxref("HTMLElement/input_event", "input")}}          |
-| **Поддерживаемые общие атрибуты** | {{htmlattrxref("autocomplete", "input")}} и {{htmlattrxref("list", "input")}}                                      |
+| **Поддерживаемые общие атрибуты** | [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete) и [`list`](/ru/docs/Web/HTML/Element/input#list)                                      |
 | **IDL атрибуты**                  | `list` и `value`                                                                                                                             |
 | **Методы**                        | {{domxref("HTMLInputElement.select", "select()")}}                                                                         |
 
 ## Value
 
-{{Htmlattrxref ("value","input")}} элемента {{HTMLElement ("input")}} типа `color` всегда является {{domxref ("DOMString")}}, который содержит 7-символьную строку, задающую цвет RGB в шестнадцатеричном формате. Хотя вы можете ввести цвет в верхнем или нижнем регистре, он будет сохранён в виде нижнего регистра. Value никогда не бывает в какой-либо другой форме и никогда не бывает пустым.
+[`value`](/ru/docs/Web/HTML/Element/input#value) элемента {{HTMLElement ("input")}} типа `color` всегда является {{domxref ("DOMString")}}, который содержит 7-символьную строку, задающую цвет RGB в шестнадцатеричном формате. Хотя вы можете ввести цвет в верхнем или нижнем регистре, он будет сохранён в виде нижнего регистра. Value никогда не бывает в какой-либо другой форме и никогда не бывает пустым.
 
 > **Примечание:** установка значения на всё, что не является допустимым, полностью непрозрачным цветом RGB в шестнадцатеричной системе счисления, приведёт к тому, что значение будет установлено на #000000. В частности, вы не можете использовать стандартные имена цветов CSS или любой синтаксис функций CSS для установки значения. Это имеет смысл, если иметь в виду, что HTML и CSS-это отдельные языки и спецификации. Кроме того, цвета с альфа-каналом не поддерживаются; указание цвета в 9-символьной шестнадцатеричной системе счисления (например, #009900aa) также приведёт к тому, что цвет будет установлен на #000000.
 
diff --git a/files/ru/web/html/element/input/date/index.md b/files/ru/web/html/element/input/date/index.md
index a15036cfcdcfdb..6f65e530a1301d 100644
--- a/files/ru/web/html/element/input/date/index.md
+++ b/files/ru/web/html/element/input/date/index.md
@@ -27,13 +27,13 @@ translation_of: Web/HTML/Element/input/date
 | [Value](#value)         | Возвращает {{domxref("DOMString")}}, с датой в формате **гггг-мм-дд**, **или **пустую строку**                                                                                                         |
 | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **События**                 | {{event("change")}} и {{event("input")}}                                                                                                                                                                  |
-| **Поддерживаемые атрибуты** | {{htmlattrxref("autocomplete", "input")}}, {{htmlattrxref("list", "input")}}, {{htmlattrxref("readonly", "input")}}, and {{htmlattrxref("step", "input")}}           |
+| **Поддерживаемые атрибуты** | [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete), [`list`](/ru/docs/Web/HTML/Element/input#list), [`readonly`](/ru/docs/Web/HTML/Element/input#readonly), and [`step`](/ru/docs/Web/HTML/Element/input#step)           |
 | **IDL attributes**          | `list`, `value`, `valueAsDate`, `valueAsNumber`.                                                                                                                                                                     |
 | **Методы**                  | {{domxref("HTMLInputElement.select", "select()")}}, {{domxref("HTMLInputElement.stepDown", "stepDown()")}}, {{domxref("HTMLInputElement.stepUp", "stepUp()")}} |
 
 ## Значение
 
-Возвращает {{domxref("DOMString")}}, представляющий значение даты введённой в input. Вы можете установить значение по умолчанию для элемента с помощью добавления атрибута в {{htmlattrxref("value", "input")}}, например:
+Возвращает {{domxref("DOMString")}}, представляющий значение даты введённой в input. Вы можете установить значение по умолчанию для элемента с помощью добавления атрибута в [`value`](/ru/docs/Web/HTML/Element/input#value), например:
 
 ```html
 <input id="date" type="date" value="2017-06-01">
@@ -66,13 +66,13 @@ console.log(dateControl.valueAsNumber); // prints 1496275200000, a JavaScript ti
 
 ### {{htmlattrdef("max")}}
 
-Максимально возможная дата для установки. Если {{htmlattrxref("value", "input")}} является более поздней датой, чем дата, указанная в атрибуте [`max`](#max), элемент отобразит ошибку при помощи [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). Если в атрибуте `max` указано значение, не удовлетворяющее формату `yyyy-MM-dd`, значит элемент не будет иметь максимальной даты.
+Максимально возможная дата для установки. Если [`value`](/ru/docs/Web/HTML/Element/input#value) является более поздней датой, чем дата, указанная в атрибуте [`max`](#max), элемент отобразит ошибку при помощи [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). Если в атрибуте `max` указано значение, не удовлетворяющее формату `yyyy-MM-dd`, значит элемент не будет иметь максимальной даты.
 
 В атрибуте `max` должна быть указана строка с датой, которая больше или равна дате, указанной в атрибуте `min`.
 
 ### {{htmlattrdef("min")}}
 
-Минимально возможная дата для установки. Если {{htmlattrxref("value", "input")}} является более ранней датой, чем дата, указанная в атрибуте [`min`](#min), элемент отобразит ошибку при помощи [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). Если в атрибуте `min` указано значение, не удовлетворяющее формату `yyyy-MM-dd`, значит элемент не будет иметь минимальной даты.
+Минимально возможная дата для установки. Если [`value`](/ru/docs/Web/HTML/Element/input#value) является более ранней датой, чем дата, указанная в атрибуте [`min`](#min), элемент отобразит ошибку при помощи [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). Если в атрибуте `min` указано значение, не удовлетворяющее формату `yyyy-MM-dd`, значит элемент не будет иметь минимальной даты.
 
 В атрибуте `min` должна быть указана строка с датой, которая меньше или равна дате, указанной в атрибуте `max`.
 
@@ -109,7 +109,7 @@ console.log(dateControl.valueAsNumber); // prints 1496275200000, a JavaScript ti
 
 ### Установка максимальной и минимальной даты
 
-Вы можете использовать атрибуты {{htmlattrxref("min", "input")}} и {{htmlattrxref("max", "input")}}, чтобы ограничить дату, которую может выбрать пользователь. В следующем примере мы устанавливаем минимальную дату `2017-04-01` и максимальную дату `2017-04-30`. Пользователь сможет выбрать дату только из этого диапазона:
+Вы можете использовать атрибуты [`min`](/ru/docs/Web/HTML/Element/input#min) и [`max`](/ru/docs/Web/HTML/Element/input#max), чтобы ограничить дату, которую может выбрать пользователь. В следующем примере мы устанавливаем минимальную дату `2017-04-01` и максимальную дату `2017-04-30`. Пользователь сможет выбрать дату только из этого диапазона:
 
 ```html
 <form>
@@ -124,19 +124,19 @@ console.log(dateControl.valueAsNumber); // prints 1496275200000, a JavaScript ti
 
 В результате выполнения кода, пользователь сможет выбрать любой день апреля 2017 года, но не сможет выбрать и даже просмотреть дни других месяцев и годов, в том числе через виджет _date picker_.
 
-> **Примечание:** вы _должны_ уметь использовать атрибут {{htmlattrxref("step", "input")}}, чтобы менять количество дней, на которое будет происходить шаг при изменении даты (например, чтобы сделать выбираемыми только субботы). Однако, не похоже, что это где-то применялось на данный момент.
+> **Примечание:** вы _должны_ уметь использовать атрибут [`step`](/ru/docs/Web/HTML/Element/input#step), чтобы менять количество дней, на которое будет происходить шаг при изменении даты (например, чтобы сделать выбираемыми только субботы). Однако, не похоже, что это где-то применялось на данный момент.
 
 ### Controlling input size
 
-`<input type="date">` doesn't support form sizing attributes such as {{htmlattrxref("size", "input")}}. You'll have to resort to [CSS](/ru/docs/Web/CSS) for sizing needs.
+`<input type="date">` doesn't support form sizing attributes such as [`size`](/ru/docs/Web/HTML/Element/input#size). You'll have to resort to [CSS](/ru/docs/Web/CSS) for sizing needs.
 
 ## Validation
 
 By default, `<input type="date">` does not apply any validation to entered values. The UI implementations generally don't let you enter anything that isn't a date — which is helpful — but you can still leave the field empty or (in browsers where the input falls back to type `text`) enter an invalid date (e.g. the 32nd of April).
 
-If you use {{htmlattrxref("min", "input")}} and {{htmlattrxref("max", "input")}} to restrict the available dates (see [Setting maximum and minimum dates](#setting_maximum_and_minimum_dates)), supporting browsers will display an error if you try to submit a date that is outside the set bounds. However, you'll have to check the results to be sure the value is within these dates, since they're only enforced if the date picker is fully supported on the user's device.
+If you use [`min`](/ru/docs/Web/HTML/Element/input#min) and [`max`](/ru/docs/Web/HTML/Element/input#max) to restrict the available dates (see [Setting maximum and minimum dates](#setting_maximum_and_minimum_dates)), supporting browsers will display an error if you try to submit a date that is outside the set bounds. However, you'll have to check the results to be sure the value is within these dates, since they're only enforced if the date picker is fully supported on the user's device.
 
-In addition, you can use the {{htmlattrxref("required", "input")}} attribute to make filling in the date mandatory — again, an error will be displayed if you try to submit an empty date field. This, at least, should work in most browsers.
+In addition, you can use the [`required`](/ru/docs/Web/HTML/Element/input#required) attribute to make filling in the date mandatory — again, an error will be displayed if you try to submit an empty date field. This, at least, should work in most browsers.
 
 Let's look at an example — here we've set minimum and maximum dates, and also made the field required:
 
@@ -205,7 +205,7 @@ The second problem is the more serious of the two; as we mentioned earlier, with
 - `mm-dd-yyyy`
 - `Month dd yyyy`
 
-One way around this is to put a {{htmlattrxref("pattern", "input")}} attribute on your date input. Even though the date input doesn't use it, the text input fallback will. For example, try viewing the following example in a non-supporting browser:
+One way around this is to put a [`pattern`](/ru/docs/Web/HTML/Element/input#pattern) attribute on your date input. Even though the date input doesn't use it, the text input fallback will. For example, try viewing the following example in a non-supporting browser:
 
 ```html
 <form>
diff --git a/files/ru/web/html/element/input/datetime-local/index.md b/files/ru/web/html/element/input/datetime-local/index.md
index b2ee01c1b51691..d4c6b853161491 100644
--- a/files/ru/web/html/element/input/datetime-local/index.md
+++ b/files/ru/web/html/element/input/datetime-local/index.md
@@ -29,13 +29,13 @@ translation_of: Web/HTML/Element/input/datetime-local
 | **[Value](#value)**             | A {{domxref("DOMString")}} representing a date and time, or empty.                                                                                                                                            |
 | ------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **события**                     | {{event("change")}} и {{event("input")}}.                                                                                                                                                                  |
-| **Supported Common Attributes** | {{htmlattrxref("autocomplete", "input")}}, {{htmlattrxref("list", "input")}}, {{htmlattrxref("readonly", "input")}}, and {{htmlattrxref("step", "input")}}.           |
+| **Supported Common Attributes** | [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete), [`list`](/ru/docs/Web/HTML/Element/input#list), [`readonly`](/ru/docs/Web/HTML/Element/input#readonly), and [`step`](/ru/docs/Web/HTML/Element/input#step).           |
 | **IDL attributes**              | `list`, `value`, `valueAsNumber`.                                                                                                                                                                                     |
 | **методы**                      | {{domxref("HTMLInputElement.select", "select()")}}, {{domxref("HTMLInputElement.stepDown", "stepDown()")}}, {{domxref("HTMLInputElement.stepUp", "stepUp()")}}. |
 
 ## Значение
 
-{{domxref("DOMString")}} представление значения даты, введённой во входные данные. Вы можете установить значение по умолчанию для ввода, включая дату внутри {{htmlattrxref("value", "input")}} атрибута, как:
+{{domxref("DOMString")}} представление значения даты, введённой во входные данные. Вы можете установить значение по умолчанию для ввода, включая дату внутри [`value`](/ru/docs/Web/HTML/Element/input#value) атрибута, как:
 
 ```html
 <label for="party">Enter a date and time for your party booking:</label>
@@ -76,7 +76,7 @@ dateControl.value = '2017-06-01T08:30';
 
 ### Установка максимума и минимума даты и времени
 
-Вы можете использовать {{htmlattrxref("min", "input")}} и {{htmlattrxref("max", "input")}} атрибуты чтобы ограничить дату/время, которое может выбрать пользователь. В примере ниже мы устанавливает минимальные дату и время в `2017-06-01T08:30` и максимальные в `2017-06-30T16:30`:
+Вы можете использовать [`min`](/ru/docs/Web/HTML/Element/input#min) и [`max`](/ru/docs/Web/HTML/Element/input#max) атрибуты чтобы ограничить дату/время, которое может выбрать пользователь. В примере ниже мы устанавливает минимальные дату и время в `2017-06-01T08:30` и максимальные в `2017-06-30T16:30`:
 
 ```html
   <form>
@@ -92,11 +92,11 @@ dateControl.value = '2017-06-01T08:30';
 - Могут быть выбраны только дни из Июня 2017 — только дни, которые входят в заданный диапазон дат доступны для выбора, и в виджете нельзя увидеть даты, не принадлежащие Июню.
 - В зависимости от того, какой браузер вы используете, вы можете заметить, что время вне заданного диапазона не доступно к выбору (e.g. Edge), или доступно к выбору(e.g. Chrome) но невалидно (see [Validation](#validation)).
 
-> **Примечание:** Существует возможность использовать {{htmlattrxref("step", "input")}} атрибут для того, чтобы установить количество дней, которые будут пропущены каждый раз, когда дата увеличивается (например, если вы хотите сделать доступными для выбора только Субботы). Однако, на момент написание этой статьи это нет эффективной реализации этой функции.
+> **Примечание:** Существует возможность использовать [`step`](/ru/docs/Web/HTML/Element/input#step) атрибут для того, чтобы установить количество дней, которые будут пропущены каждый раз, когда дата увеличивается (например, если вы хотите сделать доступными для выбора только Субботы). Однако, на момент написание этой статьи это нет эффективной реализации этой функции.
 
 ### Controlling input size
 
-`<input type="datetime-local">` doesn't support form sizing attributes such as {{htmlattrxref("size", "input")}}. You'll have to resort to [CSS](/ru/docs/Web/CSS) for sizing needs.
+`<input type="datetime-local">` doesn't support form sizing attributes such as [`size`](/ru/docs/Web/HTML/Element/input#size). You'll have to resort to [CSS](/ru/docs/Web/CSS) for sizing needs.
 
 ### Setting timezones
 
@@ -132,7 +132,7 @@ In either case, the timedate and timezone values would be submitted to the serve
 
 By default, `<input type="datetime-local">` does not apply any validation to entered values. The UI implementations generally don't let you enter anything that isn't a datetime — which is helpful — but you can still fill in no value and submit, or enter an invalid datetime (e.g. the 32th of April).
 
-You can use {{htmlattrxref("min", "input")}} and {{htmlattrxref("max", "input")}} to restrict the available dates (see anch("Setting maximum and minimum dates")), and in addition use the {{htmlattrxref("required", "input")}} attribute to make filling in the date mandatory. As a result, supporting browsers will display an error if you try to submit a date that is outside the set bounds, or an empty date field.
+You can use [`min`](/ru/docs/Web/HTML/Element/input#min) and [`max`](/ru/docs/Web/HTML/Element/input#max) to restrict the available dates (see anch("Setting maximum and minimum dates")), and in addition use the [`required`](/ru/docs/Web/HTML/Element/input#required) attribute to make filling in the date mandatory. As a result, supporting browsers will display an error if you try to submit a date that is outside the set bounds, or an empty date field.
 
 Let's look at an example — here we've set minimum and maximum datetimes, and also made the field required:
 
@@ -203,7 +203,7 @@ The second problem is the most serious — as we mentioned earlier, with a `date
 - `mm-dd-yyyy hh:mm` (24 hour clock)
 - etc.
 
-One way around this is to put a {{htmlattrxref("pattern", "input")}} attribute on your `datetime-local` input. Even though the `datetime-local` input doesn't use it, the text input fallback will. For example, try viewing the following demo in a non-supporting browser:
+One way around this is to put a [`pattern`](/ru/docs/Web/HTML/Element/input#pattern) attribute on your `datetime-local` input. Even though the `datetime-local` input doesn't use it, the text input fallback will. For example, try viewing the following demo in a non-supporting browser:
 
 ```html
 <form>
diff --git a/files/ru/web/html/element/input/file/index.md b/files/ru/web/html/element/input/file/index.md
index ae6586f587d52e..6caae6a0a05833 100644
--- a/files/ru/web/html/element/input/file/index.md
+++ b/files/ru/web/html/element/input/file/index.md
@@ -17,13 +17,13 @@ translation_of: Web/HTML/Element/input/file
 | **[Value](#value)**         | {{domxref("DOMString")}} представляет собой путь до выбранного файла.                                                                        |
 | --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **Действия**                | {{event("change")}} и{{event("input")}}                                                                                                   |
-| **Поддерживаемые атрибуты** | {{htmlattrxref("accept", "input")}}, {{htmlattrxref("multiple", "input")}}, {{htmlattrxref("required", "input")}} |
+| **Поддерживаемые атрибуты** | [`accept`](/ru/docs/Web/HTML/Element/input#accept), [`multiple`](/ru/docs/Web/HTML/Element/input#multiple), [`required`](/ru/docs/Web/HTML/Element/input#required) |
 | **IDL атрибуты**            | `files` and `value`                                                                                                                                  |
 | **Методы**                  | {{domxref("HTMLInputElement.select", "select()")}}                                                                                 |
 
 ## Value
 
-Атрибут {{htmlattrxref("value", "input")}} элемента input содержит {{domxref("DOMString")}}, который представляет путь к выбранным файлам. Если пользователь выбрал несколько файлов, `value` представляет первый файл из списка. Остальные файлы можно определить используя {{domxref("HTMLInputElement.files")}} свойство элемента input.
+Атрибут [`value`](/ru/docs/Web/HTML/Element/input#value) элемента input содержит {{domxref("DOMString")}}, который представляет путь к выбранным файлам. Если пользователь выбрал несколько файлов, `value` представляет первый файл из списка. Остальные файлы можно определить используя {{domxref("HTMLInputElement.files")}} свойство элемента input.
 
 > **Примечание:**1. Если выбрано несколько файлов, строка представляет собой первый выбранный файл. JavaScript предоставляет доступ к остальным файлам через свойство [`FileList`](</ru/docs/Using_files_from_web_applications#Getting_information_about_selected_file(s)>). 2. Если не выбрано ни одного файла, .строка равна `""` (пустая). 3. Строка [начинается с `C:\fakepath\`](https://html.spec.whatwg.org/multipage/input.html#fakepath-srsly), для предотвращения определения файловой структуры пользователя вредоносным ПО.
 
@@ -32,7 +32,7 @@ translation_of: Web/HTML/Element/input/file
 In addition to the common attributes shared by all {{HTMLElement("input")}} elements, inputs of type `file` also support:
 
 - `files`
-  - : A {{domxref("FileList")}} object that lists every selected file. This list has no more than one member unless the {{htmlattrxref("multiple", "input")}} attribute is specified.
+  - : A {{domxref("FileList")}} object that lists every selected file. This list has no more than one member unless the [`multiple`](/ru/docs/Web/HTML/Element/input#multiple) attribute is specified.
 
 ## Using file inputs
 
@@ -64,7 +64,7 @@ This produces the following output:
 
 Regardless of the user's device or operating system, the file input provides a button that opens up a file picker dialog that allows the user to choose a file.
 
-Including the {{htmlattrxref("multiple", "input")}} attribute, as shown above, specifies that multiple files can be chosen at once. The user can choose multiple files from the file picker in any way that their chosen platform allows (e.g. by holding down <kbd>Shift</kbd> or <kbd>Control</kbd>, and then clicking). If you only want the user to choose a single file per `<input>`, omit the `multiple` attribute.
+Including the [`multiple`](/ru/docs/Web/HTML/Element/input#multiple) attribute, as shown above, specifies that multiple files can be chosen at once. The user can choose multiple files from the file picker in any way that their chosen platform allows (e.g. by holding down <kbd>Shift</kbd> or <kbd>Control</kbd>, and then clicking). If you only want the user to choose a single file per `<input>`, omit the `multiple` attribute.
 
 When the form is submitted, each selected file's name will be added to URL parameters in the following fashion: `?file=file1.txt&file=file2.txt`
 
@@ -85,7 +85,7 @@ Each `File` object contains the following information:
 - `type`
   - : The file's [MIME type](/ru/docs/Web/HTTP/Basics_of_HTTP/MIME_types).
 - webkitRelativePath {{non-standard_inline}}
-  - : A string specifying the file's path relative to the base directory selected in a directory picker (that is, a `file` picker in which the {{htmlattrxref("webkitdirectory", "input")}} attribute is set). _This is non-standard and should be used with caution._
+  - : A string specifying the file's path relative to the base directory selected in a directory picker (that is, a `file` picker in which the [`webkitdirectory`](/ru/docs/Web/HTML/Element/input#webkitdirectory) attribute is set). _This is non-standard and should be used with caution._
 
 > **Примечание:** You can set as well as get the value of `HTMLInputElement.files` in all modern browsers; this was most recently added to Firefox, in version 57 (see {{bug(1384030)}}).
 
@@ -93,7 +93,7 @@ Each `File` object contains the following information:
 
 Often you won't want the user to be able to pick any arbitrary type of file; instead, you often want them to select files of a specific type or types. For example, if your file input lets users upload a profile picture, you probably want them to select web-compatible image formats, such as [JPEG](/ru/docs/Glossary/jpeg) or [PNG](/ru/docs/Glossary/PNG).
 
-Acceptable file types can be specified with the {{htmlattrxref("accept","input")}} attribute, which takes a comma-separated list of allowed file extensions or MIME types. Some examples:
+Acceptable file types can be specified with the [`accept`](/ru/docs/Web/HTML/Element/input#accept) attribute, which takes a comma-separated list of allowed file extensions or MIME types. Some examples:
 
 - `accept="image/png"` or `accept=".png"` — Accepts PNG files.
 - `accept="image/png, image/jpeg"` or `accept=".png, .jpg, .jpeg"` — Accept PNG or JPEG files.
diff --git a/files/ru/web/html/element/input/hidden/index.md b/files/ru/web/html/element/input/hidden/index.md
index e52a98d19122d1..51e32f01c5e30a 100644
--- a/files/ru/web/html/element/input/hidden/index.md
+++ b/files/ru/web/html/element/input/hidden/index.md
@@ -19,7 +19,7 @@ translation_of: Web/HTML/Element/input/hidden
 
 ## Значение
 
-Для скрытых {{HTMLElement("input")}} атрибут {{htmlattrxref("value", "input")}} хранит непосредственно скрытые данные, которые затем можно отправить на сервер вместе с формой.
+Для скрытых {{HTMLElement("input")}} атрибут [`value`](/ru/docs/Web/HTML/Element/input#value) хранит непосредственно скрытые данные, которые затем можно отправить на сервер вместе с формой.
 
 > **Предупреждение:** Несмотря на то, что поле ввода скрыто от пользователей, оно по-прежнему видимо и доступно для редактирования через консоль разработчика. Не храните конфиденциальную информацию в `input` с типом `hidden`, она не будет как-либо защищена.
 
@@ -29,7 +29,7 @@ translation_of: Web/HTML/Element/input/hidden
 
 ### name
 
-Скрытые `input`, чьи атрибуты {{htmlattrxref("name", "input")}} установлены в `_charset_`, не должны иметь атрибут `value`. При отправке формы он автоматически будет содержать значение с кодировкой символов, используемых в отправленной форме.
+Скрытые `input`, чьи атрибуты [`name`](/ru/docs/Web/HTML/Element/input#name) установлены в `_charset_`, не должны иметь атрибут `value`. При отправке формы он автоматически будет содержать значение с кодировкой символов, используемых в отправленной форме.
 
 ## Использование скрытых `input`
 
@@ -143,7 +143,7 @@ textarea {
     </tr>
     <tr>
       <td><strong>Поддерживаемые общие атрибуты</strong></td>
-      <td>{{htmlattrxref("autocomplete", "input")}}</td>
+      <td><a href="/ru/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a></td>
     </tr>
     <tr>
       <td><strong>Атрибуты IDL</strong></td>
diff --git a/files/ru/web/html/element/input/image/index.md b/files/ru/web/html/element/input/image/index.md
index 21c83ebfec640b..fb204926e97e14 100644
--- a/files/ru/web/html/element/input/image/index.md
+++ b/files/ru/web/html/element/input/image/index.md
@@ -19,20 +19,20 @@ translation_of: Web/HTML/Element/input/image
 {{htmlattrdef("type")}}
 
 - {{htmlattrdef("formaction")}}
-  - : The URI of a program that processes the information submitted by the input element, here image if specified, it overrides the {{htmlattrxref("action","form")}} attribute of the element's form owner.
+  - : The URI of a program that processes the information submitted by the input element, here image if specified, it overrides the [`action`](/ru/docs/Web/HTML/Element/form#action) attribute of the element's form owner.
 - {{htmlattrdef("formenctype")}}
   - : If the input element is an image, this attribute specifies the type of content that is used to submit the form to the server. Possible values are:
     - `application/x-www-form-urlencoded`: The default value if the attribute is not specified.
-    - `multipart/form-data`: Use this value if you are using an {{HTMLElement("input")}} element with the {{htmlattrxref("type","input")}} attribute set to `file`.
-    - `text/plain` If this attribute is specified, it overrides the {{htmlattrxref("enctype","form")}} attribute of the element's form owner.
+    - `multipart/form-data`: Use this value if you are using an {{HTMLElement("input")}} element with the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to `file`.
+    - `text/plain` If this attribute is specified, it overrides the [`enctype`](/ru/docs/Web/HTML/Element/form#enctype) attribute of the element's form owner.
 - {{htmlattrdef("formmethod")}}
   - : In image input element, this attribute specifies the HTTP method that the browser uses to submit the form. Possible values are:
     - `post`: The data from the form is included in the body of the form and is sent to the server.
-    - `get`: The data from the form is appended to the **form** attribute URI, with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.If specified, this attribute overrides the {{htmlattrxref("method","form")}} attribute of the element's form owner.
+    - `get`: The data from the form is appended to the **form** attribute URI, with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.If specified, this attribute overrides the [`method`](/ru/docs/Web/HTML/Element/form#method) attribute of the element's form owner.
 - {{htmlattrdef("formnovalidate")}}
-  - : This Boolean attribute specifies that the form is not to be validated when it is submitted. If this attribute is specified, it overrides the {{htmlattrxref("novalidate","form")}} attribute of the element's form owner.
+  - : This Boolean attribute specifies that the form is not to be validated when it is submitted. If this attribute is specified, it overrides the [`novalidate`](/ru/docs/Web/HTML/Element/form#novalidate) attribute of the element's form owner.
 - {{htmlattrdef("formtarget")}}
-  - : This attribute is a name or keyword indicating where to display the response that is received after submitting the form. This is a name of, or keyword for, a _browsing context_ (for example, tab, window, or inline frame). If this attribute is specified, it overrides the {{htmlattrxref("target", "form")}} attribute of the element's form owner. The following keywords have special meanings:
+  - : This attribute is a name or keyword indicating where to display the response that is received after submitting the form. This is a name of, or keyword for, a _browsing context_ (for example, tab, window, or inline frame). If this attribute is specified, it overrides the [`target`](/ru/docs/Web/HTML/Element/form#target) attribute of the element's form owner. The following keywords have special meanings:
     - `_self`: Load the response into the same browsing context as the current one. This value is the default if the attribute is not specified.
     - `_blank`: Load the response into a new unnamed browsing context.
     - `_parent`: Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`.
diff --git a/files/ru/web/html/element/input/index.md b/files/ru/web/html/element/input/index.md
index a9984d40fb92bd..c72d9b9f5f673f 100644
--- a/files/ru/web/html/element/input/index.md
+++ b/files/ru/web/html/element/input/index.md
@@ -11,7 +11,7 @@ translation_of: Web/HTML/Element/input
 **Элемент** **HTML `<input>`** используется для создания интерактивных элементов управления в веб-формах для получения данных от пользователя; в зависимости от устройства и {{Glossary("user agent")}}, доступен широкий выбор типов входных данных и виджетов управления. Из-за огромного количества возможных сочетаний типов ввода и атрибутов это один из самых мощных и сложных элементов HTML.
 
 - _[Content categories](/ru/docs/HTML/Content_categories)_ [Flow content](/ru/docs/HTML/Content_categories#Flow_content), listed, submittable, resettable, form-associated element, [phrasing content](/ru/docs/HTML/Content_categories#Phrasing_content).
-  If the {{htmlattrxref("type", "input")}} has not the `hidden` value, labellable element, palpable content.
+  If the [`type`](/ru/docs/Web/HTML/Element/input#type) has not the `hidden` value, labellable element, palpable content.
 - _Permitted content_ None, it is an {{Glossary("empty element")}}.
 - _Tag omission_ Must have a start tag and must not have an end tag.
 - _Permitted parent elements_ Any element that accepts [phrasing content](/ru/docs/HTML/Content_categories#Phrasing_content).
@@ -75,7 +75,7 @@ translation_of: Web/HTML/Element/input
 - {{htmlattrdef("autocomplete")}}
   - : Этот атрибут указывает, разрешено ли автоматическое заполнение поля браузером. Разрешено по умолчанию, даже если не указано. Данный атрибут игнорируется, если атрибут **type** равен `hidden, password,` `checkbox`, `radio`, `file`, или **type** кнопка (`button`, `submit`, `reset`, `image`). Возможные значения:
     - `off`: Пользователь должен каждый раз полностью вводить значение в поле или документ предусматривает свой собственный метод автозаполнения; браузер не делает автоматического заполнения записи.
-    - `on`: Браузер автоматически заканчивает значение поля, основываясь на значениях, которые вводились пользователем ранее.Если не атрибут **autocomplete** не указан в `<input>`, тогда браузер использует атрибут **autocomplete** формы, которая является родительской для данной формы. The form owner is either the `form` element that this `<input>` element is a descendant of or the form element whose **id** is specified by the **form** attribute of the input element. For more information, see the {{htmlattrxref("autocomplete", "form")}} attribute in {{HTMLElement("form")}}.
+    - `on`: Браузер автоматически заканчивает значение поля, основываясь на значениях, которые вводились пользователем ранее.Если не атрибут **autocomplete** не указан в `<input>`, тогда браузер использует атрибут **autocomplete** формы, которая является родительской для данной формы. The form owner is either the `form` element that this `<input>` element is a descendant of or the form element whose **id** is specified by the **form** attribute of the input element. For more information, see the [`autocomplete`](/ru/docs/Web/HTML/Element/form#autocomplete) attribute in {{HTMLElement("form")}}.
 - {{htmlattrdef("autofocus")}}
   - : This Boolean attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the **autofocus** attribute, which is a Boolean. It cannot be applied if the **type** attribute is set to `hidden` (that is, you cannot automatically set focus to a hidden control).
 - {{htmlattrdef("autosave")}}
@@ -87,20 +87,20 @@ translation_of: Web/HTML/Element/input
 - {{htmlattrdef("form")}}
   - : The form element that the input element is associated with (its _form owner_). The value of the attribute must be an **id** of a {{HTMLElement("form")}} element in the same document. If this attribute is not specified, this `<input>` element must be a descendant of a {{HTMLElement("form")}} element. This attribute enables you to place `<input>` elements anywhere within a document, not just as descendants of their form elements. An input can only be associated with one form.
 - {{htmlattrdef("formaction")}}
-  - : The URI of a program that processes the information submitted by the input element, if it is a submit button or image. If specified, it overrides the {{htmlattrxref("action","form")}} attribute of the element's form owner.
+  - : The URI of a program that processes the information submitted by the input element, if it is a submit button or image. If specified, it overrides the [`action`](/ru/docs/Web/HTML/Element/form#action) attribute of the element's form owner.
 - {{htmlattrdef("formenctype")}}
   - : If the input element is a submit button or image, this attribute specifies the type of content that is used to submit the form to the server. Possible values are:
     - `application/x-www-form-urlencoded`: The default value if the attribute is not specified.
-    - `multipart/form-data`: Use this value if you are using an {{HTMLElement("input")}} element with the {{htmlattrxref("type","input")}} attribute set to `file`.
-    - `text/plain` If this attribute is specified, it overrides the {{htmlattrxref("enctype","form")}} attribute of the element's form owner.
+    - `multipart/form-data`: Use this value if you are using an {{HTMLElement("input")}} element with the [`type`](/ru/docs/Web/HTML/Element/input#type) attribute set to `file`.
+    - `text/plain` If this attribute is specified, it overrides the [`enctype`](/ru/docs/Web/HTML/Element/form#enctype) attribute of the element's form owner.
 - {{htmlattrdef("formmethod")}}
   - : If the input element is a submit button or image, this attribute specifies the HTTP method that the browser uses to submit the form. Possible values are:
     - `post`: The data from the form is included in the body of the form and is sent to the server.
-    - `get`: The data from the form are appended to the **form** attribute URI, with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.If specified, this attribute overrides the {{htmlattrxref("method","form")}} attribute of the element's form owner.
+    - `get`: The data from the form are appended to the **form** attribute URI, with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.If specified, this attribute overrides the [`method`](/ru/docs/Web/HTML/Element/form#method) attribute of the element's form owner.
 - {{htmlattrdef("formnovalidate")}}
-  - : If the input element is a submit button or image, this Boolean attribute specifies that the form is not to be validated when it is submitted. If this attribute is specified, it overrides the {{htmlattrxref("novalidate","form")}} attribute of the element's form owner.
+  - : If the input element is a submit button or image, this Boolean attribute specifies that the form is not to be validated when it is submitted. If this attribute is specified, it overrides the [`novalidate`](/ru/docs/Web/HTML/Element/form#novalidate) attribute of the element's form owner.
 - {{htmlattrdef("formtarget")}}
-  - : If the input element is a submit button or image, this attribute is a name or keyword indicating where to display the response that is received after submitting the form. This is a name of, or keyword for, a _browsing context_ (for example, tab, window, or inline frame). If this attribute is specified, it overrides the {{htmlattrxref("target", "form")}} attribute of the elements's form owner. The following keywords have special meanings:
+  - : If the input element is a submit button or image, this attribute is a name or keyword indicating where to display the response that is received after submitting the form. This is a name of, or keyword for, a _browsing context_ (for example, tab, window, or inline frame). If this attribute is specified, it overrides the [`target`](/ru/docs/Web/HTML/Element/form#target) attribute of the elements's form owner. The following keywords have special meanings:
     - `_self`: Load the response into the same browsing context as the current one. This value is the default if the attribute is not specified.
     - `_blank`: Load the response into a new unnamed browsing context.
     - `_parent`: Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`.
@@ -211,7 +211,7 @@ Note, however, that this is not standard and will not have an effect on other br
 
 ### Using mozactionhint on Firefox mobile
 
-You can use the {{htmlattrxref("mozactionhint", "input")}} attribute to specify the text for the label of the enter key on the virtual keyboard when your form is rendered on Firefox mobile. For example, to have a "Next" label, you can do this:
+You can use the [`mozactionhint`](/ru/docs/Web/HTML/Element/input#mozactionhint) attribute to specify the text for the label of the enter key on the virtual keyboard when your form is rendered on Firefox mobile. For example, to have a "Next" label, you can do this:
 
 ```html
 <input type="text" mozactionhint="next" name="sometext" />
diff --git a/files/ru/web/html/element/input/number/index.md b/files/ru/web/html/element/input/number/index.md
index f64ff8c303452b..1717a9493189a3 100644
--- a/files/ru/web/html/element/input/number/index.md
+++ b/files/ru/web/html/element/input/number/index.md
@@ -15,13 +15,13 @@ translation_of: Web/HTML/Element/input/number
 | **[Value](#value)**             | A {{jsxref("Number")}} representing a number, or empty                                                                                                                                                       |
 | ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **Events**                      | {{event("change")}} and {{event("input")}}                                                                                                                                                                |
-| **Supported Common Attributes** | {{htmlattrxref("autocomplete", "input")}}, {{htmlattrxref("list", "input")}}, {{htmlattrxref("placeholder", "input")}}, {{htmlattrxref("readonly", "input")}}       |
+| **Supported Common Attributes** | [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete), [`list`](/ru/docs/Web/HTML/Element/input#list), [`placeholder`](/ru/docs/Web/HTML/Element/input#placeholder), [`readonly`](/ru/docs/Web/HTML/Element/input#readonly)       |
 | **IDL attributes**              | `list`, `value`, `valueAsNumber`                                                                                                                                                                                     |
 | **Methods**                     | {{domxref("HTMLInputElement.select", "select()")}}, {{domxref("HTMLInputElement.stepUp", "stepUp()")}}, {{domxref("HTMLInputElement.stepDown", "stepDown()")}} |
 
 ## Value
 
-{{jsxref("Number")}}, представляющий значение введённого числа. Вы можете установить значение по умолчанию, вставив значение в атрибут {{htmlattrxref("value", "input")}}, например:
+{{jsxref("Number")}}, представляющий значение введённого числа. Вы можете установить значение по умолчанию, вставив значение в атрибут [`value`](/ru/docs/Web/HTML/Element/input#value), например:
 
 ```html
 <input id="number" type="number" value="42">
@@ -43,13 +43,13 @@ In addition to the attributes commonly supported by all {{HTMLElement("input")}}
 
 ### {{htmlattrdef("max")}}
 
-The maximum value to accept for this input. If the {{htmlattrxref("value", "input")}} entered into the element exceeds this, the element fails [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). If the value of the `max` attribute isn't a number, then the element has no maximum value.
+The maximum value to accept for this input. If the [`value`](/ru/docs/Web/HTML/Element/input#value) entered into the element exceeds this, the element fails [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). If the value of the `max` attribute isn't a number, then the element has no maximum value.
 
 This value must be greater than or equal to the value of the `min` attribute.
 
 ### {{htmlattrdef("min")}}
 
-The minimum value to accept for this input. If the {{htmlattrxref("value", "input")}} of the element is less than this, the element fails [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). If a value is specified for `min` that isn't a valid number, the input has no minimum value.
+The minimum value to accept for this input. If the [`value`](/ru/docs/Web/HTML/Element/input#value) of the element is less than this, the element fails [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). If a value is specified for `min` that isn't a valid number, the input has no minimum value.
 
 This value must be less than or equal to the value of the `max` attribute.
 
@@ -59,7 +59,7 @@ This value must be less than or equal to the value of the `max` attribute.
 
 ### {{htmlattrdef("step")}}
 
-Атрибут `step` – это число, которое определяет точность, с которой задаётся значение, или специальное значение `any`, описанное ниже. Только значения, кратные шагу ([`min`](#min), если задано, иначе {{htmlattrxref("value", "input")}}, или подходящее стандартное значение, если ни одно из двух не задано) будут корректными.
+Атрибут `step` – это число, которое определяет точность, с которой задаётся значение, или специальное значение `any`, описанное ниже. Только значения, кратные шагу ([`min`](#min), если задано, иначе [`value`](/ru/docs/Web/HTML/Element/input#value), или подходящее стандартное значение, если ни одно из двух не задано) будут корректными.
 
 Строковое значение `any` означает, что никакое значение шага не задано и допустимо любое значение (в пределах других ограничений, таких как [`min`](#min) и [`max`](#max)).
 
@@ -90,7 +90,7 @@ In its most basic form, a number input can be implemented like this:
 
 {{EmbedLiveSample('A_simple_number_input', 600, 40)}}
 
-A number input is considered valid when empty and when a single number is entered, but is otherwise invalid. If the {{htmlattrxref("required", "input")}} attribute is used, the input is no longer considered valid when empty.
+A number input is considered valid when empty and when a single number is entered, but is otherwise invalid. If the [`required`](/ru/docs/Web/HTML/Element/input#required) attribute is used, the input is no longer considered valid when empty.
 
 > **Примечание:** Any number is an acceptable value, as long as it is a [valid floating point number](https://html.spec.whatwg.org/multipage/infrastructure.html#valid-floating-point-number) (i.e. not [NaN](/ru/docs/Web/JavaScript/Reference/Global_Objects/NaN) or [Infinity](/ru/docs/Web/JavaScript/Reference/Global_Objects/Infinity)).
 
@@ -108,7 +108,7 @@ Here, we have an `number` input with the placeholder `"Multiple of 10"`. Note ho
 
 ### Controlling step size
 
-By default, the up and down buttons provided for you to step the number up and down will step the value up and down by 1. You can change this by providing a {{htmlattrxref("step", "input")}} attribute, which takes as its value a number specifying the step amount. Our above example contains a placeholder saying that the value should be a multiple of 10, so it makes sense to add a `step` value of 10:
+By default, the up and down buttons provided for you to step the number up and down will step the value up and down by 1. You can change this by providing a [`step`](/ru/docs/Web/HTML/Element/input#step) attribute, which takes as its value a number specifying the step amount. Our above example contains a placeholder saying that the value should be a multiple of 10, so it makes sense to add a `step` value of 10:
 
 ```html
 <input type="number" placeholder="multiple of 10" step="10">
@@ -120,7 +120,7 @@ In this example you should find that the up and down step arrows will increase a
 
 ### Specifying minimum and maximum values
 
-You can use the {{htmlattrxref("min", "input")}} and {{htmlattrxref("max", "input")}} attributes to specify a minimum and maximum value that the field can have. For example, let's give our example a minimum of 0, and a maximum of 100:
+You can use the [`min`](/ru/docs/Web/HTML/Element/input#min) and [`max`](/ru/docs/Web/HTML/Element/input#max) attributes to specify a minimum and maximum value that the field can have. For example, let's give our example a minimum of 0, and a maximum of 100:
 
 ```html
 <input type="number" placeholder="multiple of 10" step="10" min="0" max="100">
@@ -144,7 +144,7 @@ See that this example allows any value between 0.0 and 10.0, with decimals to tw
 
 ### Controlling input size
 
-{{HTMLElement("input")}} elements of type `number` don't support form sizing attributes such as {{htmlattrxref("size", "input")}}. You'll have to resort to [CSS](/ru/docs/Web/CSS) to change the size of these controls.
+{{HTMLElement("input")}} elements of type `number` don't support form sizing attributes such as [`size`](/ru/docs/Web/HTML/Element/input#size). You'll have to resort to [CSS](/ru/docs/Web/CSS) to change the size of these controls.
 
 For example, to adjust the width of the input to be only as wide as is needed to enter a three-digit number, we can change our HTML to include an ID and to shorten our placeholder since the field will be too narrow for the text we have been using so far:
 
@@ -166,7 +166,7 @@ The result looks like this:
 
 ### Offering suggested values
 
-You can provide a list of default options from which the user can select by specifying the {{htmlattrxref("list", "input")}} attribute, which contains as its value the ID of a {{HTMLElement("datalist")}}, which in turn contains one {{HTMLElement("option")}} element per suggested value; each `option`'s `value` is the corresponding suggested value for the number entry box.
+You can provide a list of default options from which the user can select by specifying the [`list`](/ru/docs/Web/HTML/Element/input#list) attribute, which contains as its value the ID of a {{HTMLElement("datalist")}}, which in turn contains one {{HTMLElement("option")}} element per suggested value; each `option`'s `value` is the corresponding suggested value for the number entry box.
 
 ```html
 <input id="ticketNum" type="number" name="ticketNum" list="defaultNumbers">
@@ -183,16 +183,16 @@ You can provide a list of default options from which the user can select by spec
 
 {{EmbedLiveSample("Offering_suggested_values", 600, 40)}}
 
-> **Примечание:** Use of the {{htmlattrxref("list", "input")}} attribute with `number` inputs is not supported in all browsers. It works in Chrome and Opera, for example, but not in Firefox.
+> **Примечание:** Use of the [`list`](/ru/docs/Web/HTML/Element/input#list) attribute with `number` inputs is not supported in all browsers. It works in Chrome and Opera, for example, but not in Firefox.
 
 ## Validation
 
 We have already mentioned a number of validation features of `number` inputs, but let's review them now:
 
 - `<input type="number">` elements automatically invalidate any entry that isn't a number (or empty, unless `required` is specified).
-- You can use the {{htmlattrxref("required", "input")}} attribute to make an empty entry invalid, i.e. the input has to be filled in.
-- You can use the {{htmlattrxref("step", "input")}} attribute to constrain valid values to a certain set of steps (e.g. multiples of 10).
-- You can use the {{htmlattrxref("min", "input")}} and {{htmlattrxref("max", "input")}} attributes to constrain valid values to lower and upper bounds.
+- You can use the [`required`](/ru/docs/Web/HTML/Element/input#required) attribute to make an empty entry invalid, i.e. the input has to be filled in.
+- You can use the [`step`](/ru/docs/Web/HTML/Element/input#step) attribute to constrain valid values to a certain set of steps (e.g. multiples of 10).
+- You can use the [`min`](/ru/docs/Web/HTML/Element/input#min) and [`max`](/ru/docs/Web/HTML/Element/input#max) attributes to constrain valid values to lower and upper bounds.
 
 The following example exhibits all of the above features, as well as using some CSS to display valid and invalid icons when the input value is valid/invalid:
 
@@ -237,11 +237,11 @@ Here we use the {{cssxref(":invalid")}} and {{cssxref(":valid")}} pseudo classes
 
 ### Pattern validation
 
-`<input type="number">` elements do not support use of the {{htmlattrxref("pattern", "input")}} attribute for making entered values conform to a specific regex pattern. The rationale for this is that number inputs won't be valid if they contain anything except numbers, and you can constrain the minimum and maximum number of valid digits using the {{htmlattrxref("min", "input")}} and {{htmlattrxref("max", "input")}} attributes, as explained above.
+`<input type="number">` elements do not support use of the [`pattern`](/ru/docs/Web/HTML/Element/input#pattern) attribute for making entered values conform to a specific regex pattern. The rationale for this is that number inputs won't be valid if they contain anything except numbers, and you can constrain the minimum and maximum number of valid digits using the [`min`](/ru/docs/Web/HTML/Element/input#min) and [`max`](/ru/docs/Web/HTML/Element/input#max) attributes, as explained above.
 
 ## Examples
 
-We've already covered the fact that by default, the increment is 1, and you can use the {{htmlattrxref("step", "input")}} attribute to allow decimal inputs. Let's take a closer look. In the following example we've set up a form for entering the user's height; it defaults to accepting a height in meters, but you can click the relevant button to change the form to accept feet and inches instead. The input for the height in meters accepts decimals to two places.
+We've already covered the fact that by default, the increment is 1, and you can use the [`step`](/ru/docs/Web/HTML/Element/input#step) attribute to allow decimal inputs. Let's take a closer look. In the following example we've set up a form for entering the user's height; it defaults to accepting a height in meters, but you can click the relevant button to change the form to accept feet and inches instead. The input for the height in meters accepts decimals to two places.
 
 {{EmbedLiveSample("Examples", 600, 100)}}
 
diff --git a/files/ru/web/html/element/input/password/index.md b/files/ru/web/html/element/input/password/index.md
index 6b0d519a5a1586..f93ba21af2f2bf 100644
--- a/files/ru/web/html/element/input/password/index.md
+++ b/files/ru/web/html/element/input/password/index.md
@@ -27,15 +27,15 @@ translation_of: Web/HTML/Element/input/password
 | **[Value](#value)**               | {{domxref("DOMString")}} представляет пароль или пустую строку                                                                                                                                                                                                                                                                                                                                                                                                                   |
 | --------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **События**                       | {{event("change")}} и {{event("input")}}                                                                                                                                                                                                                                                                                                                                                                                                                                      |
-| **Общие поддерживаемые атрибуты** | {{htmlattrxref("autocomplete", "input")}}, {{htmlattrxref("inputmode", "input")}}, {{htmlattrxref("maxlength", "input")}}, {{htmlattrxref("minlength", "input")}}, {{htmlattrxref("pattern", "input")}}, {{htmlattrxref("placeholder", "input")}}, {{htmlattrxref("readonly", "input")}}, {{htmlattrxref("required", "input")}}, and {{htmlattrxref("size", "input")}} |
+| **Общие поддерживаемые атрибуты** | [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete), [`inputmode`](/ru/docs/Web/HTML/Element/input#inputmode), [`maxlength`](/ru/docs/Web/HTML/Element/input#maxlength), [`minlength`](/ru/docs/Web/HTML/Element/input#minlength), [`pattern`](/ru/docs/Web/HTML/Element/input#pattern), [`placeholder`](/ru/docs/Web/HTML/Element/input#placeholder), [`readonly`](/ru/docs/Web/HTML/Element/input#readonly), [`required`](/ru/docs/Web/HTML/Element/input#required), and [`size`](/ru/docs/Web/HTML/Element/input#size) |
 | **IDL атрибуты**                  | `selectionStart`, `selectionEnd`, `selectionDirection`, и `value`                                                                                                                                                                                                                                                                                                                                                                                                                        |
 | **Методы**                        | {{domxref("HTMLInputElement.select", "select()")}}, {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}}, и {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}                                                                                                                                                                                                                           |
 
 ## Значения
 
-Атрибут {{htmlattrxref("value", "input")}} содержит {{domxref("DOMString")}} , значение которого является текущим содержимым элемента редактирования текста, используемого для ввода пароля. Если пользователь ещё ничего не указал, это значение представляет собой пустую строку (`""`). Если указано свойство {{htmlattrxref("required")}}, то поле ввода пароля должно содержать значение, отличное от пустой строки, которое должно быть действительным.
+Атрибут [`value`](/ru/docs/Web/HTML/Element/input#value) содержит {{domxref("DOMString")}} , значение которого является текущим содержимым элемента редактирования текста, используемого для ввода пароля. Если пользователь ещё ничего не указал, это значение представляет собой пустую строку (`""`). Если указано свойство [`required`](/ru/docs/Web/HTML/Global_attributes#required), то поле ввода пароля должно содержать значение, отличное от пустой строки, которое должно быть действительным.
 
-Если указан атрибут {{htmlattrxref("pattern", "input")}}, содержимое элемента управления `"password"` считается действительным только в том случае, если значение проходит проверку; см. [Validation](#validation) для получения дополнительной информации.
+Если указан атрибут [`pattern`](/ru/docs/Web/HTML/Element/input#pattern), содержимое элемента управления `"password"` считается действительным только в том случае, если значение проходит проверку; см. [Validation](#validation) для получения дополнительной информации.
 
 > **Примечание:** Символы строки (U+000A) и возврата каретки(U+000D) недопустимы в значении поля `"password"`. При вставке пароля, возвращаемые символы удаляются из значения.
 
@@ -56,7 +56,7 @@ translation_of: Web/HTML/Element/input/password
 
 ### Поддержка автозаполнения
 
-Чтобы менеджер паролей пользователя автоматически вводил пароль, укажите атрибут {{htmlattrxref("autocomplete", "input")}}. Для паролей должно быть одно из следующих значений:
+Чтобы менеджер паролей пользователя автоматически вводил пароль, укажите атрибут [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete). Для паролей должно быть одно из следующих значений:
 
 - `"on"`
   - : Разрешить браузеру или менеджеру паролей автоматически заполнять поле пароля. Это не так информативно, как использование `"current-password"` или `"new-password"`.
@@ -76,7 +76,7 @@ translation_of: Web/HTML/Element/input/password
 
 ### Обязательное заполнение пароля
 
-Чтобы сообщить браузеру пользователя, что поле пароля должно иметь действительное значение перед отправкой формы, просто укажите Boolean атрибут {{htmlattrxref("required", "input")}}.
+Чтобы сообщить браузеру пользователя, что поле пароля должно иметь действительное значение перед отправкой формы, просто укажите Boolean атрибут [`required`](/ru/docs/Web/HTML/Element/input#required).
 
 ```html
 <label for="userPassword">Пароль:</label>
@@ -87,7 +87,7 @@ translation_of: Web/HTML/Element/input/password
 
 ### Указание режима ввода
 
-Если ваше приложение лучше обслуживается с использованием другого режима ввода, чем по умолчанию, вы можете использовать атрибут {{htmlattrxref("inputmode", "input")}} для определённого запроса. Наиболее очевидным вариантом использования является то, что ваше приложение использует в качестве пароля числовое значение (например, ПИН). Например, мобильные устройства с виртуальными клавиатурами могут переключаться на макет цифровой клавиатуры вместо полной клавиатуры, чтобы облегчить ввод пароля.
+Если ваше приложение лучше обслуживается с использованием другого режима ввода, чем по умолчанию, вы можете использовать атрибут [`inputmode`](/ru/docs/Web/HTML/Element/input#inputmode) для определённого запроса. Наиболее очевидным вариантом использования является то, что ваше приложение использует в качестве пароля числовое значение (например, ПИН). Например, мобильные устройства с виртуальными клавиатурами могут переключаться на макет цифровой клавиатуры вместо полной клавиатуры, чтобы облегчить ввод пароля.
 
 ```html
 <label for="pin">ПИН:</label>
@@ -98,7 +98,7 @@ translation_of: Web/HTML/Element/input/password
 
 ### Настройка длины пароля
 
-Как обычно, вы можете использовать атрибуты {{htmlattrxref("minlength", "input")}} и {{htmlattrxref("maxlength", "input")}}, чтобы установить минимальную и максимальную допустимую длину пароля , Этот пример дополняет предыдущий, указав, что PIN-код пользователя должен быть не менее четырёх и не более восьми цифр. Атрибут {{htmlattrxref("size", "input")}} используется для обеспечения того, чтобы элемент управления ввода пароля имел ширину в восемь символов.
+Как обычно, вы можете использовать атрибуты [`minlength`](/ru/docs/Web/HTML/Element/input#minlength) и [`maxlength`](/ru/docs/Web/HTML/Element/input#maxlength), чтобы установить минимальную и максимальную допустимую длину пароля , Этот пример дополняет предыдущий, указав, что PIN-код пользователя должен быть не менее четырёх и не более восьми цифр. Атрибут [`size`](/ru/docs/Web/HTML/Element/input#size) используется для обеспечения того, чтобы элемент управления ввода пароля имел ширину в восемь символов.
 
 ```html
 <label for="pin">ПИН:</label>
@@ -136,7 +136,7 @@ document.getElementById("selectAll").onclick = function(event) {
 
 ## Валидация
 
-Если ваше приложение имеет ограничения по набору символов или любые другие требования для фактического содержимого введённого пароля, вы можете использовать атрибут {{htmlattrxref("pattern", "input")}}, чтобы установить регулярное выражение, чтобы автоматически гарантировать, что ваши пароли соответствуют этим требованиям.
+Если ваше приложение имеет ограничения по набору символов или любые другие требования для фактического содержимого введённого пароля, вы можете использовать атрибут [`pattern`](/ru/docs/Web/HTML/Element/input#pattern), чтобы установить регулярное выражение, чтобы автоматически гарантировать, что ваши пароли соответствуют этим требованиям.
 
 В этом примере допустимы только значения, состоящие как минимум из четырёх и не более восьми шестнадцатеричных цифр.
 
@@ -169,9 +169,9 @@ document.getElementById("selectAll").onclick = function(event) {
 <span id="current"></span>
 ```
 
-Здесь используется {{htmlattrxref("pattern", "input")}} , который ограничивает введённое значение строками, представляющими номера юридической информации Социальной защиты. Очевидно, что это регулярное выражение не гарантирует действительный SSN, но гарантирует, что число может быть единым; он обычно избегает недопустимых значений. Кроме того, он позволяет разделять три группы цифр пробелом, тире ("-") или ничем.
+Здесь используется [`pattern`](/ru/docs/Web/HTML/Element/input#pattern) , который ограничивает введённое значение строками, представляющими номера юридической информации Социальной защиты. Очевидно, что это регулярное выражение не гарантирует действительный SSN, но гарантирует, что число может быть единым; он обычно избегает недопустимых значений. Кроме того, он позволяет разделять три группы цифр пробелом, тире ("-") или ничем.
 
-В {{htmlattrxref("inputmode", "input")}} установлено значение `"number"`, чтобы побудить устройства с виртуальными клавиатурами переключаться на макет цифровой клавиатуры для облегчения ввода. Для атрибутов {{htmlattrxref("minlength", "input")}} и {{htmlattrxref("maxlength", "input")}} установлено значение 9 и 12 соответственно, чтобы требовалось, чтобы значение было не менее девяти и не более 12 символов (первый не разделяет символы между группами цифр и последними с ними). Атрибут {{htmlattrxref("required", "input")}} используется для указания того, что этот элемент управления должен иметь значение. Наконец, {{htmlattrxref("autocomplete", "input")}} установлен `"off"`, чтобы избежать попыток установить пароли менеджеров паролей.
+В [`inputmode`](/ru/docs/Web/HTML/Element/input#inputmode) установлено значение `"number"`, чтобы побудить устройства с виртуальными клавиатурами переключаться на макет цифровой клавиатуры для облегчения ввода. Для атрибутов [`minlength`](/ru/docs/Web/HTML/Element/input#minlength) и [`maxlength`](/ru/docs/Web/HTML/Element/input#maxlength) установлено значение 9 и 12 соответственно, чтобы требовалось, чтобы значение было не менее девяти и не более 12 символов (первый не разделяет символы между группами цифр и последними с ними). Атрибут [`required`](/ru/docs/Web/HTML/Element/input#required) используется для указания того, что этот элемент управления должен иметь значение. Наконец, [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete) установлен `"off"`, чтобы избежать попыток установить пароли менеджеров паролей.
 
 #### JavaScript
 
diff --git a/files/ru/web/html/element/input/radio/index.md b/files/ru/web/html/element/input/radio/index.md
index f054a2ac4e3fe6..4a76270451df78 100644
--- a/files/ru/web/html/element/input/radio/index.md
+++ b/files/ru/web/html/element/input/radio/index.md
@@ -36,7 +36,7 @@ translation_of: Web/HTML/Element/input/radio
 | **[Value](#value)**        | {{domxref("Строка DOM")}} отображающая значение радиокнопки |
 | -------------------------- | -------------------------------------------------------------------------- |
 | **События**                | {{event("change")}} и {{event("input")}}                        |
-| **Универсальные атрибуты** | {{htmlattrxref("checked", "input")}}                           |
+| **Универсальные атрибуты** | [`checked`](/ru/docs/Web/HTML/Element/input#checked)                           |
 | **Атрибуты IDL**           | `checked` и `value`                                                        |
 | **Методы**                 | {{domxref("HTMLInputElement.select", "select()")}}       |
 
@@ -46,7 +46,7 @@ translation_of: Web/HTML/Element/input/radio
 
 ### Создание группы радиокнопок
 
-Группа радиокнопок определяется путём присвоения каждой радиокнопке в данной группе одного и того же значения атрибута ({{htmlattrxref("name", "input")}}). Выбор любой радиокнопки в этой группе автоматически отменяет выбор другой радиокнопки в той же группе.
+Группа радиокнопок определяется путём присвоения каждой радиокнопке в данной группе одного и того же значения атрибута ([`name`](/ru/docs/Web/HTML/Element/input#name)). Выбор любой радиокнопки в этой группе автоматически отменяет выбор другой радиокнопки в той же группе.
 
 Вы можете создать любое количество групп радиокнопок, если каждой из этих групп будет присвоено своё уникальное значение атрибута `name`.
 
@@ -76,7 +76,7 @@ HTML будет выглядеть следующим образом:
 </form>
 ```
 
-Здесь вы видите три радиокнопки, каждая из которых имеет атрибут `name` со значением `"contact"` и уникальный атрибут `value`, который однозначно идентифицирует эту радиокнопку в данной группе. Каждой радиокнопке присвоен уникальный {{domxref("Element.id", "id")}}, связанный с тегом {{HTMLElement("label")}} через атрибут {{htmlattrxref("for", "label")}} для установления связи между конкретной меткой и конкретной радиокнопкой.
+Здесь вы видите три радиокнопки, каждая из которых имеет атрибут `name` со значением `"contact"` и уникальный атрибут `value`, который однозначно идентифицирует эту радиокнопку в данной группе. Каждой радиокнопке присвоен уникальный {{domxref("Element.id", "id")}}, связанный с тегом {{HTMLElement("label")}} через атрибут [`for`](/ru/docs/Web/HTML/Element/label#for) для установления связи между конкретной меткой и конкретной радиокнопкой.
 
 Вы можете опробовать этот код здесь:
 
diff --git a/files/ru/web/html/element/input/range/index.md b/files/ru/web/html/element/input/range/index.md
index 0be540f7579538..6ff21de16dd034 100644
--- a/files/ru/web/html/element/input/range/index.md
+++ b/files/ru/web/html/element/input/range/index.md
@@ -18,7 +18,7 @@ translation_of: Web/HTML/Element/input/range
 | **[Value](#value)**               | {{domxref("DOMString")}}, содержащий строковое представление выбранного числового значения; используйте {{domxref("HTMLInputElement.valueAsNumber", "valueAsNumber")}} чтобы получить значение {{jsxref("Number")}}. |
 | --------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **События**                       | {{event("change")}} и {{event("input")}}                                                                                                                                                                                                        |
-| **Поддерживаемые общие атрибуты** | {{htmlattrxref("autocomplete", "input")}}, {{htmlattrxref("list", "input")}}, {{htmlattrxref("max", "input")}}, {{htmlattrxref("min", "input")}}, and {{htmlattrxref("step", "input")}}       |
+| **Поддерживаемые общие атрибуты** | [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete), [`list`](/ru/docs/Web/HTML/Element/input#list), [`max`](/ru/docs/Web/HTML/Element/input#max), [`min`](/ru/docs/Web/HTML/Element/input#min), and [`step`](/ru/docs/Web/HTML/Element/input#step)       |
 | **IDL атрибуты**                  | `list`, `value`, и `valueAsNumber`                                                                                                                                                                                                                         |
 | **Методы**                        | {{domxref("HTMLInputElement.stepDown", "stepDown()")}} и {{domxref("HTMLInputElement.stepUp", "stepUp()")}}                                                                                                            |
 
@@ -26,12 +26,12 @@ translation_of: Web/HTML/Element/input/range
 
 Для этого поля нет доступного паттерна валидации, но следующая валидация реализованы следующие проверки
 
-- Если значение {{htmlattrxref("value", "input")}} содержит что-то что не может быть конвертированно в число с плавающей точкой, произойдёт ошибка некорректного ввода.
-- Значение не может быть меньше чем {{htmlattrxref("min", "input")}}. По умолчанию: 0.
-- Значение не может быть больше чем {{htmlattrxref("max", "input")}}. По умолчанию: 100.
-- Значение должно кратно {{htmlattrxref("step", "input")}}. По умолчанию: 1.
+- Если значение [`value`](/ru/docs/Web/HTML/Element/input#value) содержит что-то что не может быть конвертированно в число с плавающей точкой, произойдёт ошибка некорректного ввода.
+- Значение не может быть меньше чем [`min`](/ru/docs/Web/HTML/Element/input#min). По умолчанию: 0.
+- Значение не может быть больше чем [`max`](/ru/docs/Web/HTML/Element/input#max). По умолчанию: 100.
+- Значение должно кратно [`step`](/ru/docs/Web/HTML/Element/input#step). По умолчанию: 1.
 
-Атрибут {{htmlattrxref("value", "input")}} содержит {{domxref("DOMString")}}, который содержит строковое представление выбранного числа. Значение никогда не является пустой строкой (`""`). Значение, по умолчанию, находится посередине, между указанными минимальным и максимальным значениями — если максимум оказывается меньше минимума, то значение по умолчанию приравнивается к значению атрибута `min`. Алгоритм определения значения по умолчанию:
+Атрибут [`value`](/ru/docs/Web/HTML/Element/input#value) содержит {{domxref("DOMString")}}, который содержит строковое представление выбранного числа. Значение никогда не является пустой строкой (`""`). Значение, по умолчанию, находится посередине, между указанными минимальным и максимальным значениями — если максимум оказывается меньше минимума, то значение по умолчанию приравнивается к значению атрибута `min`. Алгоритм определения значения по умолчанию:
 
 ```js
 defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
@@ -61,7 +61,7 @@ defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
 
 ### {{htmlattrdef("min")}}
 
-Наименьшее значение в диапазоне допустимых значений. Если {{htmlattrxref("value", "input")}}, введённый в элемент, меньше этого значения, то элемент не проходит [проверку ограничения](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). Если значение атрибута `min` не является числом, то элемент не имеет максимального значения.
+Наименьшее значение в диапазоне допустимых значений. Если [`value`](/ru/docs/Web/HTML/Element/input#value), введённый в элемент, меньше этого значения, то элемент не проходит [проверку ограничения](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). Если значение атрибута `min` не является числом, то элемент не имеет максимального значения.
 
 Это значение должно быть меньше или равно значению атрибута `max`.
 
@@ -97,7 +97,7 @@ defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
 
 ### Указание минимума и максимума
 
-По умолчанию, минимум равен 0, а максимум равен 100. Если вас это не устраивает, вы можете с лёгкостью указать другие границы, изменив значения атрибутов {{htmlattrxref("min", "input")}} и/или {{htmlattrxref("max", "input")}}. Они могут быть принимать любые значения с плавающей точкой.
+По умолчанию, минимум равен 0, а максимум равен 100. Если вас это не устраивает, вы можете с лёгкостью указать другие границы, изменив значения атрибутов [`min`](/ru/docs/Web/HTML/Element/input#min) и/или [`max`](/ru/docs/Web/HTML/Element/input#max). Они могут быть принимать любые значения с плавающей точкой.
 
 Например, указать диапазон значений между -10 и 10, вы можете, используя:
 
@@ -109,7 +109,7 @@ defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
 
 ### Настройка детализации значения
 
-По умолчанию, степень детализации равна 1, тем самым показывая, что значение всегда является целым числом. Вы можете изменить атрибут {{htmlattrxref("step")}} контроля степени детализации. Например, если вам нужно значение между 5 и 10, с точностью до двух знаков после запятой, вы должны установить значение `step` на 0.01:
+По умолчанию, степень детализации равна 1, тем самым показывая, что значение всегда является целым числом. Вы можете изменить атрибут [`step`](/ru/docs/Web/HTML/Global_attributes#step) контроля степени детализации. Например, если вам нужно значение между 5 и 10, с точностью до двух знаков после запятой, вы должны установить значение `step` на 0.01:
 
 ```html
 <input type="range" min="5" max="10" step="0.01">
@@ -117,7 +117,7 @@ defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
 
 {{EmbedLiveSample("Granularity_sample1", 600, 40)}}
 
-Если вы хотите принять любое значение, независимо от разрядности, вы можете указать значение `any` для атрибута {{htmlattrxref("step", "input")}}:
+Если вы хотите принять любое значение, независимо от разрядности, вы можете указать значение `any` для атрибута [`step`](/ru/docs/Web/HTML/Element/input#step):
 
 ```html
 <input type="range" min="0" max="3.14" step="any">
@@ -129,7 +129,7 @@ defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
 
 ### Добавление хэш-меток и лейблов
 
-Спецификация HTML даёт браузерам некоторую гибкость при представлении диапазонных контроллеров. Нигде эта гибкость не проявляется больше, чем в области хэш-меток и, в меньшей степени, лейблов. Спецификация описывает как добавлять кастомные точки контроллера диапазона, используя атрибут {{htmlattrxref("list", "input")}} и элемент {{HTMLElement("datalist")}}, но не имеет требований или рекомендаций по стандартизации хэш-меток и лейблов по длине контроллера.
+Спецификация HTML даёт браузерам некоторую гибкость при представлении диапазонных контроллеров. Нигде эта гибкость не проявляется больше, чем в области хэш-меток и, в меньшей степени, лейблов. Спецификация описывает как добавлять кастомные точки контроллера диапазона, используя атрибут [`list`](/ru/docs/Web/HTML/Element/input#list) и элемент {{HTMLElement("datalist")}}, но не имеет требований или рекомендаций по стандартизации хэш-меток и лейблов по длине контроллера.
 
 #### Макеты контроллера диапазона
 
@@ -137,7 +137,7 @@ defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
 
 ##### Недекорированный контроллер диапазона
 
-Этот результат вы получите, если не укажите атрибут {{htmlattrxref("list", "input")}}, или браузер не будет его поддерживать.
+Этот результат вы получите, если не укажите атрибут [`list`](/ru/docs/Web/HTML/Element/input#list), или браузер не будет его поддерживать.
 
 <table class="fullwidth standard-table">
   <tbody>
@@ -160,7 +160,7 @@ defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
 
 ##### Контроллер диапазона с хэш-метками
 
-Контроллер диапазона, использующий атрибут `list`, указывающий ID {{HTMLElement("datalist")}}, который определяет серию хэш-меток на контроллере. Их одиннадцать, одна на 0% и на каждой отметки 10%. Каждая точка представлена с помощью элемента {{HTMLElement("option")}} с его набором {{htmlattrxref("value", "option")}} значений диапазона, при котором должна быть нарисована метка.
+Контроллер диапазона, использующий атрибут `list`, указывающий ID {{HTMLElement("datalist")}}, который определяет серию хэш-меток на контроллере. Их одиннадцать, одна на 0% и на каждой отметки 10%. Каждая точка представлена с помощью элемента {{HTMLElement("option")}} с его набором [`value`](/ru/docs/Web/HTML/Element/option#value) значений диапазона, при котором должна быть нарисована метка.
 
 <table class="fullwidth standard-table">
   <tbody>
@@ -203,7 +203,7 @@ defaultValue = (rangeElem.max < rangeElem.min) ? rangeElem.min
 
 ##### Контроллер диапазона с хэш-метками и лейблами
 
-Вы можете добавить лейблы в свой контроллер диапазонов, добавив атрибут {{htmlattrxref("label", "option")}} элементам {{HTMLElement("option")}}, соответствующим значениям, на которых вы бы хотели видеть лейблы.
+Вы можете добавить лейблы в свой контроллер диапазонов, добавив атрибут [`label`](/ru/docs/Web/HTML/Element/option#label) элементам {{HTMLElement("option")}}, соответствующим значениям, на которых вы бы хотели видеть лейблы.
 
 <table class="fullwidth standard-table">
   <tbody>
diff --git a/files/ru/web/html/element/input/search/index.md b/files/ru/web/html/element/input/search/index.md
index 3fe6328b1b71d5..9496c4d8b41502 100644
--- a/files/ru/web/html/element/input/search/index.md
+++ b/files/ru/web/html/element/input/search/index.md
@@ -13,13 +13,13 @@ translation_of: Web/HTML/Element/input/search
 | **[Value](#value)**             | A {{domxref("DOMString")}} representing the value contained in the search field.                                                                                                                                                                                                                                                                                                                                    |
 | ------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **Events**                      | {{domxref("HTMLElement/change_event", "change")}} and {{domxref("HTMLElement/input_event", "input")}}                                                                                                                                                                                                                                                                                       |
-| **Supported Common Attributes** | {{htmlattrxref("autocomplete", "input")}}, {{htmlattrxref("list", "input")}}, {{htmlattrxref("maxlength", "input")}}, {{htmlattrxref("minlength", "input")}}, {{htmlattrxref("pattern", "input")}}, {{htmlattrxref("placeholder", "input")}}, {{htmlattrxref("required", "input")}}, {{htmlattrxref("size", "input")}}. |
+| **Supported Common Attributes** | [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete), [`list`](/ru/docs/Web/HTML/Element/input#list), [`maxlength`](/ru/docs/Web/HTML/Element/input#maxlength), [`minlength`](/ru/docs/Web/HTML/Element/input#minlength), [`pattern`](/ru/docs/Web/HTML/Element/input#pattern), [`placeholder`](/ru/docs/Web/HTML/Element/input#placeholder), [`required`](/ru/docs/Web/HTML/Element/input#required), [`size`](/ru/docs/Web/HTML/Element/input#size). |
 | **IDL attributes**              | `value`                                                                                                                                                                                                                                                                                                                                                                                                                     |
 | **Methods**                     | {{domxref("HTMLInputElement.select", "select()")}}, {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}}, {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}.                                                                                                                                                               |
 
 ## Value
 
-The {{htmlattrxref("value", "input")}} attribute contains a {{domxref("DOMString")}} representing the value contained in the search field. You can retrieve this using the {{domxref("HTMLInputElement.value")}} property in JavaScript.
+The [`value`](/ru/docs/Web/HTML/Element/input#value) attribute contains a {{domxref("DOMString")}} representing the value contained in the search field. You can retrieve this using the {{domxref("HTMLInputElement.value")}} property in JavaScript.
 
 ```js
 searchTerms = mySearch.value;
@@ -126,7 +126,7 @@ This renders like so:
 
 `q` is the most common `name` given to search inputs, although it's not mandatory. When submitted, the data name/value pair sent to the server will be `q=searchterm`.
 
-> **Примечание:** You must remember to set a {{htmlattrxref("name", "input")}} for your input, otherwise nothing will be submitted.
+> **Примечание:** You must remember to set a [`name`](/ru/docs/Web/HTML/Element/input#name) for your input, otherwise nothing will be submitted.
 
 ### Differences between search and text types
 
@@ -140,7 +140,7 @@ In addition, modern browsers also tend to automatically store search terms previ
 
 ### Setting placeholders
 
-You can provide a useful placeholder inside your search input that could give a hint on what to do using the {{htmlattrxref("placeholder","input")}} attribute. Look at the following example:
+You can provide a useful placeholder inside your search input that could give a hint on what to do using the [`placeholder`](/ru/docs/Web/HTML/Element/input#placeholder) attribute. Look at the following example:
 
 ```html
 <form>
@@ -188,7 +188,7 @@ There is no visual difference from the previous example, but screenreader users
 
 ### Physical input element size
 
-The physical size of the input box can be controlled using the {{htmlattrxref("size", "input")}} attribute. With it, you can specify the number of characters the input box can display at a time. In this example, for instance, the search box is 30 characters wide:
+The physical size of the input box can be controlled using the [`size`](/ru/docs/Web/HTML/Element/input#size) attribute. With it, you can specify the number of characters the input box can display at a time. In this example, for instance, the search box is 30 characters wide:
 
 ```html
 <form>
@@ -232,7 +232,7 @@ The technique also requires a {{htmlelement("span")}} element to be placed after
 
 ### Making input required
 
-You can use the {{htmlattrxref("required", "input")}} attribute as an easy way of making entering a value required before form submission is allowed:
+You can use the [`required`](/ru/docs/Web/HTML/Element/input#required) attribute as an easy way of making entering a value required before form submission is allowed:
 
 ```html
 <form>
@@ -275,7 +275,7 @@ Different messages will be shown when you try to submit the form with different
 
 ### Input value length
 
-You can specify a minimum length, in characters, for the entered value using the {{htmlattrxref("minlength", "input")}} attribute; similarly, use {{htmlattrxref("maxlength", "input")}} to set the maximum length of the entered value.
+You can specify a minimum length, in characters, for the entered value using the [`minlength`](/ru/docs/Web/HTML/Element/input#minlength) attribute; similarly, use [`maxlength`](/ru/docs/Web/HTML/Element/input#maxlength) to set the maximum length of the entered value.
 
 The example below requires that the entered value be 4–8 characters in length.
 
@@ -318,7 +318,7 @@ If you try to submit the form with less than 4 characters, you'll be given an ap
 
 ### Specifying a pattern
 
-You can use the {{htmlattrxref("pattern", "input")}} attribute to specify a regular expression that the inputted value must follow to be considered valid (see [Validating against a regular expression](/ru/docs/Learn/HTML/Forms/Form_validation#Validating_against_a_regular_expression) for a simple crash course).
+You can use the [`pattern`](/ru/docs/Web/HTML/Element/input#pattern) attribute to specify a regular expression that the inputted value must follow to be considered valid (see [Validating against a regular expression](/ru/docs/Learn/HTML/Forms/Form_validation#Validating_against_a_regular_expression) for a simple crash course).
 
 Let's look at an example. Say we wanted to provide a product ID search form, and the IDs were all codes of two letters followed by four numbers. The following example covers it:
 
diff --git a/files/ru/web/html/element/input/tel/index.md b/files/ru/web/html/element/input/tel/index.md
index 9a5fdb066587f5..02f3dd66fa3aef 100644
--- a/files/ru/web/html/element/input/tel/index.md
+++ b/files/ru/web/html/element/input/tel/index.md
@@ -17,13 +17,13 @@ Despite the fact that inputs of type `tel` are functionally identical to standar
 | **[Value](#value)**             | A {{domxref("DOMString")}} representing a telephone number, or empty                                                                                                                                                                                                                                                                                                                                                   |
 | ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | **Events**                      | {{event("change")}} and {{event("input")}}                                                                                                                                                                                                                                                                                                                                                                          |
-| **Supported Common Attributes** | {{htmlattrxref("autocomplete", "input")}}, {{htmlattrxref("list", "input")}}, {{htmlattrxref("maxlength", "input")}}, {{htmlattrxref("minlength", "input")}}, {{htmlattrxref("pattern", "input")}}, {{htmlattrxref("placeholder", "input")}}, {{htmlattrxref("readonly", "input")}}, and {{htmlattrxref("size", "input")}} |
+| **Supported Common Attributes** | [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete), [`list`](/ru/docs/Web/HTML/Element/input#list), [`maxlength`](/ru/docs/Web/HTML/Element/input#maxlength), [`minlength`](/ru/docs/Web/HTML/Element/input#minlength), [`pattern`](/ru/docs/Web/HTML/Element/input#pattern), [`placeholder`](/ru/docs/Web/HTML/Element/input#placeholder), [`readonly`](/ru/docs/Web/HTML/Element/input#readonly), and [`size`](/ru/docs/Web/HTML/Element/input#size) |
 | **IDL attributes**              | `list`, `selectionStart`, `selectionEnd`, `selectionDirection`, and `value`                                                                                                                                                                                                                                                                                                                                                    |
 | **Methods**                     | {{domxref("HTMLInputElement.select", "select()")}}, {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}}, {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}                                                                                                                                                                   |
 
 ## Value
 
-The {{HTMLElement("input")}} element's {{htmlattrxref("value", "input")}} attribute contains a {{domxref("DOMString")}} that either represents a telephone number or is an empty string (`""`).
+The {{HTMLElement("input")}} element's [`value`](/ru/docs/Web/HTML/Element/input#value) attribute contains a {{domxref("DOMString")}} that either represents a telephone number or is an empty string (`""`).
 
 ## Additional attributes
 
@@ -125,7 +125,7 @@ You can control not only the physical length of the input box, but also the mini
 
 #### Physical input element size
 
-The physical size of the input box can be controlled using the {{htmlattrxref("size", "input")}} attribute. With it, you can specify the number of characters the input box can display at a time. In this example, for instance, the `tel` edit box is 20 characters wide:
+The physical size of the input box can be controlled using the [`size`](/ru/docs/Web/HTML/Element/input#size) attribute. With it, you can specify the number of characters the input box can display at a time. In this example, for instance, the `tel` edit box is 20 characters wide:
 
 ```html
 <input id="telNo" name="telNo" type="tel"
@@ -136,7 +136,7 @@ The physical size of the input box can be controlled using the {{htmlattrxref("s
 
 #### Element value length
 
-The `size` is separate from the length limitation on the entered telephone number. You can specify a minimum length, in characters, for the entered telephone number using the {{htmlattrxref("minlength", "input")}} attribute; similarly, use {{htmlattrxref("maxlength", "input")}} to set the maximum length of the entered telephone number.
+The `size` is separate from the length limitation on the entered telephone number. You can specify a minimum length, in characters, for the entered telephone number using the [`minlength`](/ru/docs/Web/HTML/Element/input#minlength) attribute; similarly, use [`maxlength`](/ru/docs/Web/HTML/Element/input#maxlength) to set the maximum length of the entered telephone number.
 
 The example below creates a 20-character wide telephone number entry box, requiring that the contents be no shorter than 9 characters and no longer than 14 characters.
 
@@ -151,7 +151,7 @@ The example below creates a 20-character wide telephone number entry box, requir
 
 ### Providing default options
 
-As always, you can provide a default value for an `tel` input box by setting its {{htmlattrxref("value", "input")}} attribute:
+As always, you can provide a default value for an `tel` input box by setting its [`value`](/ru/docs/Web/HTML/Element/input#value) attribute:
 
 ```html
 <input id="telNo" name="telNo" type="tel"
@@ -162,7 +162,7 @@ As always, you can provide a default value for an `tel` input box by setting its
 
 #### Offering suggested values
 
-Taking it a step farther, you can provide a list of default phone number values from which the user can select. To do this, use the {{htmlattrxref("list", "input")}} attribute. This doesn't limit the user to those options, but does allow them to select commonly-used telephone numbers more quickly. This also offers hints to {{htmlattrxref("autocomplete", "input")}}. The `list` attribute specifies the ID of a {{HTMLElement("datalist")}} element, which in turn contains one {{HTMLElement("option")}} element per suggested value; each `option`'s `value` is the corresponding suggested value for the telephone number entry box.
+Taking it a step farther, you can provide a list of default phone number values from which the user can select. To do this, use the [`list`](/ru/docs/Web/HTML/Element/input#list) attribute. This doesn't limit the user to those options, but does allow them to select commonly-used telephone numbers more quickly. This also offers hints to [`autocomplete`](/ru/docs/Web/HTML/Element/input#autocomplete). The `list` attribute specifies the ID of a {{HTMLElement("datalist")}} element, which in turn contains one {{HTMLElement("option")}} element per suggested value; each `option`'s `value` is the corresponding suggested value for the telephone number entry box.
 
 ```html
 <label for="telNo">Phone number: </label>
@@ -192,7 +192,7 @@ As we've touched on before, it's quite difficult to provide a one-size-fits-all
 
 ### Making telephone numbers required
 
-You can make it so that an empty input is invalid and won't be submitted to the server using the {{htmlattrxref("required", "input")}} attribute. For example, let's use this HTML:
+You can make it so that an empty input is invalid and won't be submitted to the server using the [`required`](/ru/docs/Web/HTML/Element/input#required) attribute. For example, let's use this HTML:
 
 ```html
 <form>
@@ -243,7 +243,7 @@ The output looks like this:
 
 ### Pattern validation
 
-If you want to further restrict entered numbers so they also have to conform to a specific pattern, you can use the {{htmlattrxref("pattern","input")}} attribute, which takes as its value a {{Glossary("regular expression")}} that entered values have to match.
+If you want to further restrict entered numbers so they also have to conform to a specific pattern, you can use the [`pattern`](/ru/docs/Web/HTML/Element/input#pattern) attribute, which takes as its value a {{Glossary("regular expression")}} that entered values have to match.
 
 In this example we'll use the same CSS as before, but our HTML is changed to look like this:
 
@@ -297,7 +297,7 @@ Notice how the entered value is reported as invalid unless the pattern xxx-xxx-x
 
 In this example, we present a simple interface with a {{htmlelement("select")}} element that lets the user choose which country they're in, and a set of `<input type="tel">` elements to let them enter each part of their phone number; there is no reason why you can't have multiple `tel` inputs.
 
-Each input has a {{htmlattrxref("placeholder","input")}} attribute to show a hint to sighted users about what to enter into it, a {{htmlattrxref("pattern","input")}} to enforce a specific number of characters for the desired section, and an `aria-label` attribute to contain a hint to be read out to screenreader users about what to enter into it.
+Each input has a [`placeholder`](/ru/docs/Web/HTML/Element/input#placeholder) attribute to show a hint to sighted users about what to enter into it, a [`pattern`](/ru/docs/Web/HTML/Element/input#pattern) to enforce a specific number of characters for the desired section, and an `aria-label` attribute to contain a hint to be read out to screenreader users about what to enter into it.
 
 ```html
 <form>
diff --git a/files/ru/web/html/element/label/index.md b/files/ru/web/html/element/label/index.md
index 632b03b41da366..f879fe7e4fb9d9 100644
--- a/files/ru/web/html/element/label/index.md
+++ b/files/ru/web/html/element/label/index.md
@@ -29,7 +29,7 @@ translation_of: Web/HTML/Element/label
 
 ## Примечания по использованию
 
-- \<label> можно связать с элементом управления, поместив элемент управления внутри элемента \<label> или используя атрибут {{htmlattrxref ("for")}}. Такой элемент управления называется помеченным элементом управления надписью. Один вход может быть связан с несколькими метками.
+- \<label> можно связать с элементом управления, поместив элемент управления внутри элемента \<label> или используя атрибут [`for`](/ru/docs/Web/HTML/Global_attributes#for). Такой элемент управления называется помеченным элементом управления надписью. Один вход может быть связан с несколькими метками.
 - Метки сами по себе не связаны с формами. Они только косвенно связаны с формами через элементы управления, с которыми они связаны.
 
 ## Examples
diff --git a/files/ru/web/html/element/link/index.md b/files/ru/web/html/element/link/index.md
index 9f04d679975526..721f9c2034c5c6 100644
--- a/files/ru/web/html/element/link/index.md
+++ b/files/ru/web/html/element/link/index.md
@@ -77,7 +77,7 @@ original_slug: Web/HTML/Element/ссылка
 - {{HTMLAttrDef("href")}}
   - : Этот атрибут определяет {{glossary("URL")}}, связываемого ресурса. URL может быть абсолютным или относительным.
 - {{HTMLAttrDef("hreflang")}}
-  - : Этот атрибут определяет язык, связываемого ресурса. Он является консультативным. Допустимые значения определяются [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt). Используйте этот атрибут только если присутствуют атрибуты {{HTMLAttrxRef("href", "a")}}.
+  - : Этот атрибут определяет язык, связываемого ресурса. Он является консультативным. Допустимые значения определяются [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt). Используйте этот атрибут только если присутствуют атрибуты [`href`](/ru/docs/Web/HTML/Element/a#href).
 - {{HTMLAttrDef("importance")}} {{Experimental_Inline}}
   - : Указывает на относительную важность ресурса. Приоритетные подсказки передаются используя значения:**`auto`**: указывает на **отсутствие предпочтений**. Браузер может использовать собственную эвристику для определения приоритетов ресурсов.**`high`**: указывает браузеру, что ресурс находится в **высоком** приоритете.**`low`**: указывает браузеру, что ресурс находится в **низком** приоритете.
     > **Примечание:**Атрибут `importance` можно использовать только для элементов `<link>` с атрибутами `rel="preload"` или `rel="prefetch"`.
@@ -101,10 +101,10 @@ original_slug: Web/HTML/Element/ссылка
 - {{HTMLAttrDef("rel")}}
   - : Этот атрибут определяет отношения связываемого документа и текущего документа. Атрибут должен быть разделённым пробелами списком [значений типов ссылки](/ru/docs/Web/HTML/Link_types).
 - {{HTMLAttrDef("sizes")}}
-  - : Этот атрибут определяет размеры иконки для визуальных медиа, содержащихся в ресурсе. Он должен быть представлен только, если {{HTMLAttrxRef("rel", "link")}} содержит значение `icon` или нестандартный тип, например `apple-touch-icon` Apple. Может иметь следующие значения:
+  - : Этот атрибут определяет размеры иконки для визуальных медиа, содержащихся в ресурсе. Он должен быть представлен только, если [`rel`](/ru/docs/Web/HTML/Element/link#rel) содержит значение `icon` или нестандартный тип, например `apple-touch-icon` Apple. Может иметь следующие значения:
     - `any`, означает, что иконка может быть масштабируема до любого размера, например в векторном формате `image/svg+xml`.
     - пробелоразделенный список размеров, каждый в формате `<width in pixels>x<height in pixels>` или `<width in pixels>X<height in pixels>`. Каждый из этих размеров должен содержаться в ресурсе.
-      > **Примечание:**Большинство форматов иконок могут хранить только одну иконку, поэтому чаще всего {{HTMLAttrxRef("sizes")}} содержит только одну запись. MS's ICO формат, как и Apple's ICNS. ICO более распространены; вы должны использовать их.
+      > **Примечание:**Большинство форматов иконок могут хранить только одну иконку, поэтому чаще всего [`sizes`](/ru/docs/Web/HTML/Global_attributes#sizes) содержит только одну запись. MS's ICO формат, как и Apple's ICNS. ICO более распространены; вы должны использовать их.
 - {{HTMLAttrDef("title")}}
   - : Атрибут `title` имеет особое значение для элемента `<link>`. При использовании `<link rel="stylesheet">` он определяет [предпочтительную или альтернативную таблицу стилей](/ru/docs/Web/CSS/Alternative_style_sheets). Неверное использование может стать [причиной игнорирования таблицы стилей](/ru/docs/Correctly_Using_Titles_With_External_Stylesheets).
 - {{HTMLAttrDef("type")}}
@@ -128,9 +128,9 @@ original_slug: Web/HTML/Element/ссылка
   - : Этот атрибут определяет кодировку символов связываемого ресурса. Значение представляет собой список наборов символов, разделённый пробелами и/или запятыми, как определено в {{rfc(2045)}}. Значение по умолчанию `iso-8859-1`.
     > **Примечание:** Для получения эффекта использования данного устаревшего атрибута, используйте HTTP-заголовок {{HTTPHeader("Content-Type")}} на связываемый ресурс.
 - {{HTMLAttrDef("rev")}}
-  - : Значение этого атрибута показывает отношение текущего документа к связываемому документу, как определено атрибутом {{HTMLAttrxRef("href", "link")}}. Этот атрибут, таким образом, определяет обратную связь по сравнению со значением атрибута `rel`. [Значения типов ссылки](/ru/docs/Web/HTML/Link_types) для атрибута аналогичны возможным значениям для {{HTMLAttrxRef("rel", "link")}}.
+  - : Значение этого атрибута показывает отношение текущего документа к связываемому документу, как определено атрибутом [`href`](/ru/docs/Web/HTML/Element/link#href). Этот атрибут, таким образом, определяет обратную связь по сравнению со значением атрибута `rel`. [Значения типов ссылки](/ru/docs/Web/HTML/Link_types) для атрибута аналогичны возможным значениям для [`rel`](/ru/docs/Web/HTML/Element/link#rel).
     > **Примечание:** Этот атрибут считается устаревшим жизненным стандартом WHATWG HTML (который является каноничной спецификацией MDN). Однако, стоит отметить, что `rev` _не_ считается устаревшим в спецификации W3C. Стоит сказать, учитывая неопределённость, полагаться на `rev` не стоит.
-    > **Примечание:** Взамен, вы должны использовать атрибут {{HTMLAttrxRef("rel", "link")}} с противоположным [значением типов ссылки](/ru/docs/Web/HTML/Link_types). Например, чтобы установить обратную ссылку для `made`, укажите `author`.Также, этот атрибут не означает "ревизия" и не должен использоваться с номером версии, даже если многие сайты используют его в этих целях.
+    > **Примечание:** Взамен, вы должны использовать атрибут [`rel`](/ru/docs/Web/HTML/Element/link#rel) с противоположным [значением типов ссылки](/ru/docs/Web/HTML/Link_types). Например, чтобы установить обратную ссылку для `made`, укажите `author`.Также, этот атрибут не означает "ревизия" и не должен использоваться с номером версии, даже если многие сайты используют его в этих целях.
 
 ## Стилизация с CSS
 
diff --git a/files/ru/web/html/element/main/index.md b/files/ru/web/html/element/main/index.md
index 0d51df8328db81..ca82bc627571f0 100644
--- a/files/ru/web/html/element/main/index.md
+++ b/files/ru/web/html/element/main/index.md
@@ -17,7 +17,7 @@ translation_of: Web/HTML/Element/main
 
 {{EmbedInteractiveExample("pages/tabbed/main.html","tabbed-shorter")}}
 
-Документ не должен иметь более одного элемента `<main>` у которого не указан атрибут {{htmlattrxref("hidden")}}.
+Документ не должен иметь более одного элемента `<main>` у которого не указан атрибут [`hidden`](/ru/docs/Web/HTML/Global_attributes#hidden).
 
 | [Категории контента](/ru/docs/Web/Guide/HTML/Content_categories) | [Основной поток](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток), [явный контент](/ru/docs/Web/Guide/HTML/Content_categories#Явный_контент).                                                                                                                                                |
 | ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
@@ -78,7 +78,7 @@ translation_of: Web/HTML/Element/main
 
 Пропуск навигации, также известный как "skipnav", это техника которая позволяет пользователю вспомогательных технологий совершать быстрый обход больших разделов повторяющегося контента (главная навигация, информационные баннеры и т.д.). Это позволяет пользователю получить доступ к основному контенту страницы быстрее.
 
-Добавление атрибута {{htmlattrxref("id")}} в элемент `<main>` позволяет ему становится целью для ссылки пропуска навигации.
+Добавление атрибута [`id`](/ru/docs/Web/HTML/Global_attributes#id) в элемент `<main>` позволяет ему становится целью для ссылки пропуска навигации.
 
 ```html
 <body>
diff --git a/files/ru/web/html/element/menu/index.md b/files/ru/web/html/element/menu/index.md
index d027e3ff2919ff..969e3c07f8ac95 100644
--- a/files/ru/web/html/element/menu/index.md
+++ b/files/ru/web/html/element/menu/index.md
@@ -24,7 +24,7 @@ translation_of: Web/HTML/Element/menu
 - {{HTMLAttrDef("label")}} {{Deprecated_inline}}
   - : The name of the menu as shown to the user. Used within nested menus, to provide a label through which the submenu can be accessed. Must only be specified when the parent element is a {{HTMLElement("menu")}} in the _context menu_ state.
 - {{HTMLAttrDef("type")}}
-  - : This attribute indicates the kind of menu being declared, and can be one of two values.\* `context` {{Deprecated_inline}} : Indicates the _popup menu_ state, which represents a group of commands activated through another element. This might be as a button menu referenced by a {{HTMLAttrxRef("menu", "button")}} attribute of a {{HTMLElement("button")}} element, or as context menu for an element with a [`contextmenu`](/ru/docs/HTML/Global_attributes#attr-contextmenu) attribute. This value is the default if the attribute is missing and the parent element is also a `<menu>` element.
+  - : This attribute indicates the kind of menu being declared, and can be one of two values.\* `context` {{Deprecated_inline}} : Indicates the _popup menu_ state, which represents a group of commands activated through another element. This might be as a button menu referenced by a [`menu`](/ru/docs/Web/HTML/Element/button#menu) attribute of a {{HTMLElement("button")}} element, or as context menu for an element with a [`contextmenu`](/ru/docs/HTML/Global_attributes#attr-contextmenu) attribute. This value is the default if the attribute is missing and the parent element is also a `<menu>` element.
     - `toolbar`: Indicates the _toolbar_ state, which represents a toolbar consisting of a series of commands for user interaction. This might be in the form of an unordered list of {{HTMLElement("li")}} elements, or, if the element has no `<li>` element children, [flow content](/ru/docs/Web/HTML/Content_categories#Flow_content) describing available commands. This value is the default if the attribute is missing.
 
 ## Примечания по использованию
@@ -33,7 +33,7 @@ The {{HTMLElement("menu")}} and {{HTMLElement("ul")}} elements both represent an
 
 An HTML menu can be used to create context menus (typically activated by right-clicking another element) or toolbars.
 
-**[Context menus](#context_menu)** consist of a `<menu>` element which contains {{HTMLElement("menuitem")}} elements for each selectable option in the menu, `<menu>` elements for submenus within the menu, and {{HTMLElement("hr")}} elements for separator lines to break up the menu's content into sections. Context menus are then attached to the element they're activated from using either the associated element's {{HTMLAttrxRef("contextmenu")}} attribute or, for [button-activated menus](#button_menu) attached to {{HTMLElement("button")}} elements, the {{HTMLAttrxRef("menu", "button")}} attribute.
+**[Context menus](#context_menu)** consist of a `<menu>` element which contains {{HTMLElement("menuitem")}} elements for each selectable option in the menu, `<menu>` elements for submenus within the menu, and {{HTMLElement("hr")}} elements for separator lines to break up the menu's content into sections. Context menus are then attached to the element they're activated from using either the associated element's [`contextmenu`](/ru/docs/Web/HTML/Global_attributes#contextmenu) attribute or, for [button-activated menus](#button_menu) attached to {{HTMLElement("button")}} elements, the [`menu`](/ru/docs/Web/HTML/Element/button#menu) attribute.
 
 **[Toolbar menus](#toolbar)** consist of a `<menu>` element whose content is described in one of two ways: either as an unordered list of items represented by {{HTMLElement("li")}} elements (each representing a command or option the user can utilize), or (if there are no `<li>` elements), [flow content](/ru/docs/Web/HTML/Content_categories#Flow_content) describing the available commands and options.
 
@@ -75,7 +75,7 @@ div {
 
 ### Menu button
 
-> **Предупреждение:** Menu buttons haven't been implemented in any known browsers yet. The {{HTMLAttrxRef("type", "menu")}} attribute on the `<menu>` element is now obsolete.
+> **Предупреждение:** Menu buttons haven't been implemented in any known browsers yet. The [`type`](/ru/docs/Web/HTML/Element/menu#type) attribute on the `<menu>` element is now obsolete.
 
 > **Предупреждение:** {{HTMLElement("menuitem")}} element is obsolete.
 
@@ -143,4 +143,3 @@ div {
 ## See also
 
 - Other list-related HTML Elements: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("hr")}}, and the obsolete {{HTMLElement("dir")}}.
-- The [`contextmenu`](/ru/docs/Web/HTML/Global_attributes#attr-contextmenu) [global attribute](/ru/docs/Web/HTML/Global_attributes) can be used on an element to refer to the `id` of a `menu` with {{HTMLAttrxRef("type", "menu", 'type="context"')}}.
diff --git a/files/ru/web/html/element/meta/index.md b/files/ru/web/html/element/meta/index.md
index ed63f3971f2a77..c218df9d2ac560 100644
--- a/files/ru/web/html/element/meta/index.md
+++ b/files/ru/web/html/element/meta/index.md
@@ -7,11 +7,11 @@ translation_of: Web/HTML/Element/meta
 
 **HTML-элемент `<meta>`** представляет такие {{Glossary("Metadata","метаданные")}}, которые не могут быть представлены другими HTML-метатегами, такими как {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} или {{HTMLElement("title")}}.
 
-| [Категории контента](/ru/docs/Web/HTML/Content_categories) | Мета данные. Если задан {{htmlattrxref("itemprop")}} атрибут: [flow content](/ru/docs/Web/HTML/Content_categories#Flow_content), [phrasing content](/ru/docs/Web/HTML/Content_categories#Phrasing_content).                                                               |
+| [Категории контента](/ru/docs/Web/HTML/Content_categories) | Мета данные. Если задан [`itemprop`](/ru/docs/Web/HTML/Global_attributes#itemprop) атрибут: [flow content](/ru/docs/Web/HTML/Content_categories#Flow_content), [phrasing content](/ru/docs/Web/HTML/Content_categories#Phrasing_content).                                                               |
 | ---------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | Допустимое содержимое                                      | Отсутствует - это {{Glossary("empty element","пустой элемент")}}.                                                                                                                                                                               |
 | Пропуск тегов                                              | Так как это пустой элемент, то открывающий тег должен присутствовать, а закрывающий - отсутствовать.                                                                                                                                                                              |
-| Допустимые родители                                        | `<meta charset>`, `<meta http-equiv>`: {{HTMLElement("head")}} элемент. Если {{htmlattrxref("http-equiv", "meta")}} это не заявленная декларация, то может быть внутри элемента {{HTMLElement("noscript")}} или {{HTMLElement("head")}}. |
+| Допустимые родители                                        | `<meta charset>`, `<meta http-equiv>`: {{HTMLElement("head")}} элемент. Если [`http-equiv`](/ru/docs/Web/HTML/Element/meta#http-equiv) это не заявленная декларация, то может быть внутри элемента {{HTMLElement("noscript")}} или {{HTMLElement("head")}}. |
 | Допустимые ARIA-роли                                       | Отсутствуют                                                                                                                                                                                                                                                                       |
 | DOM-интерфейс                                              | {{domxref("HTMLMetaElement")}}                                                                                                                                                                                                                                          |
 
@@ -19,7 +19,7 @@ translation_of: Web/HTML/Element/meta
 
 Этот элемент включает в себя [глобальные атрибуты](/ru/docs/Web/HTML/Global_attributes).
 
-> **Примечание:** атрибут {{htmlattrxref("name", "meta")}} имеет особое значение для элемента `<meta>` и атрибут {{htmlattrxref("itemprop")}} не должен быть задан в `<meta>` элементе в котором уже определены какие-либо {{htmlattrxref("name", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} или {{htmlattrxref("charset", "meta")}} атрибуты.
+> **Примечание:** атрибут [`name`](/ru/docs/Web/HTML/Element/meta#name) имеет особое значение для элемента `<meta>` и атрибут [`itemprop`](/ru/docs/Web/HTML/Global_attributes#itemprop) не должен быть задан в `<meta>` элементе в котором уже определены какие-либо [`name`](/ru/docs/Web/HTML/Element/meta#name), [`http-equiv`](/ru/docs/Web/HTML/Element/meta#http-equiv) или [`charset`](/ru/docs/Web/HTML/Element/meta#charset) атрибуты.
 
 - {{htmlattrdef("charset")}}
   - : Этот атрибут задаёт кодировку символов, используемую на странице. Он должен содержать [стандартное имя IANA MIME для кодировки символов](https://www.iana.org/assignments/character-sets). Хотя стандарт не требует определённой кодировки, он рекомендует:
@@ -38,13 +38,13 @@ translation_of: Web/HTML/Element/meta
       > - `<meta>` элемент должен находиться внутри элемента {{HTMLElement("head")}} и задаваться в **1024 первых байтах** HTML страницы, поскольку некоторые браузеры смотрят только эти байты перед выбором кодировки.
       > - Этот `<meta>` элемент - часть алгоритма, определяющего набор символов ([algorithm to determine the character set](https://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html#encoding-sniffing-algorithm)) страницы, который браузер поддерживает. Заголовок {{HTTPHeader("Content-Type")}} и любые {{Glossary("Byte-Order Mark","Byte-Order Marks")}} элементы переопределяют данный элемент.
       > - Настоятельно рекомендуется определить кодировку символов. Если для страницы не определён набор символов, то некоторые cross-scripting технологии могут повредить страницу, например такие как [UTF-7 fallback cross-scripting technique](https://code.google.com/p/doctype-mirror/wiki/ArticleUtf7). Постоянная установка этого элемента будет защищать вас от этого риска.
-      > - Этот {{HTMLElement("meta")}} элемент это синоним для pre-HTML5 `<meta http-equiv="Content-Type" content="text/html; charset=IANAcharset">` где *`IANAcharset` *соответствует значению эквивалентного {{htmlattrxref("charset", "meta")}} атрибута.
+      > - Этот {{HTMLElement("meta")}} элемент это синоним для pre-HTML5 `<meta http-equiv="Content-Type" content="text/html; charset=IANAcharset">` где *`IANAcharset` *соответствует значению эквивалентного [`charset`](/ru/docs/Web/HTML/Element/meta#charset) атрибута.
       >   Этот синтаксис по-прежнему разрешён, хотя и устарел и больше не рекомендуется.
 
 - {{htmlattrdef("content")}}
-  - : Этот атрибут содержит значение для {{htmlattrxref("http-equiv", "meta")}} или {{htmlattrxref("name", "meta")}} атрибута, в зависимости от контекста.
+  - : Этот атрибут содержит значение для [`http-equiv`](/ru/docs/Web/HTML/Element/meta#http-equiv) или [`name`](/ru/docs/Web/HTML/Element/meta#name) атрибута, в зависимости от контекста.
 - {{htmlattrdef("http-equiv")}}
-  - : Этот атрибут определяет прагму, которая может изменять поведение серверов и пользователей. Значение прагмы определяется с помощью {{htmlattrxref("content", "meta")}} и может быть следующим:
+  - : Этот атрибут определяет прагму, которая может изменять поведение серверов и пользователей. Значение прагмы определяется с помощью [`content`](/ru/docs/Web/HTML/Element/meta#content) и может быть следующим:
     - `"content-language"`
       - : Эта прагма определяет значение языка страницы по умолчанию.
 
@@ -57,24 +57,24 @@ translation_of: Web/HTML/Element/meta
 
         > **Примечание:**
         >
-        > - Не используйте эту прагму, так как она устарела. Используйте атрибут{{htmlattrxref("charset", "meta")}} в элементе {{HTMLElement("meta")}} вместо этого.
+        > - Не используйте эту прагму, так как она устарела. Используйте атрибут[`charset`](/ru/docs/Web/HTML/Element/meta#charset) в элементе {{HTMLElement("meta")}} вместо этого.
         > - {{HTMLElement("meta")}} не может быть использована для выбора типа документа в XHTML документе, или в HTML5 документе, за которым следует XHTML синтаксис, никогда не задавайте MIME тип как XHTML MIME. Это будет некорректно.
-        > - Только HTML документ может использовать контент-тип, так что большинство из них являются неиспользуемыми, поэтому они являются устаревшими и заменяются {{htmlattrxref("charset", "meta")}} атрибутом.
+        > - Только HTML документ может использовать контент-тип, так что большинство из них являются неиспользуемыми, поэтому они являются устаревшими и заменяются [`charset`](/ru/docs/Web/HTML/Element/meta#charset) атрибутом.
         >
     - `"default-style"`
-      - : Специализация этой прагмы - предпочтительный стиль таблиц, используемый на странице. {{htmlattrxref("content", "meta")}} атрибут должен содержать заголовок {{HTMLElement("link")}} элемента который {{htmlattrxref("href", "link")}} связывает атрибут с CSS таблцей стилей, или заголовок {{HTMLElement("style")}} элемента, который содержит [CSS](/ru/docs/Web/CSS) таблицу стилей.
+      - : Специализация этой прагмы - предпочтительный стиль таблиц, используемый на странице. [`content`](/ru/docs/Web/HTML/Element/meta#content) атрибут должен содержать заголовок {{HTMLElement("link")}} элемента который [`href`](/ru/docs/Web/HTML/Element/link#href) связывает атрибут с CSS таблцей стилей, или заголовок {{HTMLElement("style")}} элемента, который содержит [CSS](/ru/docs/Web/CSS) таблицу стилей.
     - `"refresh"`
       - : Эта прагма определяет:
-        - Количество секунд перезагрузки таблицы, если {{htmlattrxref("content", "meta")}} атрибут содержит только целое положительное число;
-        - Время, в количестве секунд, за которое страница должна быть перенаправлена на другую, если {{htmlattrxref("content", "meta")}} атрибут содержит целое положительное число, заканчивающийся строкой '`;url=`' и корректный URL.
+        - Количество секунд перезагрузки таблицы, если [`content`](/ru/docs/Web/HTML/Element/meta#content) атрибут содержит только целое положительное число;
+        - Время, в количестве секунд, за которое страница должна быть перенаправлена на другую, если [`content`](/ru/docs/Web/HTML/Element/meta#content) атрибут содержит целое положительное число, заканчивающийся строкой '`;url=`' и корректный URL.
     - `"set-cookie"`
       - : Эта прагма определяет [cookie](/ru/docs/cookie) для страницы. Её содержимое должно заканчиваться синтаксисом, определяемым [IETF HTTP Cookie Specification](https://tools.ietf.org/html/draft-ietf-httpstate-cookie-14).
         > **Примечание:** Не используете эту прагму, так как она устарела. Используйте HTTP header set-cookie вместо этого.
 - {{htmlattrdef("name")}}
 
   - : Этот атрибут определяет имя уровня документа метаданных.
-    Его не следует устанавливать, если один из атрибутов {{htmlattrxref("itemprop", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} или {{htmlattrxref("charset", "meta")}} также указан в наборе.
-    Имя этого документального уровня метаданных связано со значением, которое содержится в {{htmlattrxref("content", "meta")}} атрибуте.Допустимые значения для имени элемента, со связанными с ними значениями, хранятся посредством {{htmlattrxref("content", "meta")}} атрибута:
+    Его не следует устанавливать, если один из атрибутов [`itemprop`](/ru/docs/Web/HTML/Element/meta#itemprop), [`http-equiv`](/ru/docs/Web/HTML/Element/meta#http-equiv) или [`charset`](/ru/docs/Web/HTML/Element/meta#charset) также указан в наборе.
+    Имя этого документального уровня метаданных связано со значением, которое содержится в [`content`](/ru/docs/Web/HTML/Element/meta#content) атрибуте.Допустимые значения для имени элемента, со связанными с ними значениями, хранятся посредством [`content`](/ru/docs/Web/HTML/Element/meta#content) атрибута:
 
     - `application-name`, определяет имя веб-приложения, запущенного на веб-странице;
 
@@ -151,7 +151,7 @@ translation_of: Web/HTML/Element/meta
 
 - {{htmlattrdef("scheme")}}
   - : Этот атрибут определяет схему, которая описывает метаданные.
-    Схема - это контекст, ведущий к правильной интерпретации {{htmlattrxref("content", "meta")}} значения, например формата.
+    Схема - это контекст, ведущий к правильной интерпретации [`content`](/ru/docs/Web/HTML/Element/meta#content) значения, например формата.
 
     > **Примечание:** Не используйте этот атрибут, так как он устарел. Для него нет никакой замены, поскольку реально он не использовался. Опустите его.
 
@@ -159,12 +159,12 @@ translation_of: Web/HTML/Element/meta
 
 В зависимости от установленных атрибутов, тип метаданных может быть одним из следующих:
 
-- Если в наборе {{htmlattrxref("name", "meta")}}, то это _document-level metadata_, применяемая ко всей странице.
-- Если в наборе{{htmlattrxref("http-equiv", "meta")}} , то это _pragma directive_,
+- Если в наборе [`name`](/ru/docs/Web/HTML/Element/meta#name), то это _document-level metadata_, применяемая ко всей странице.
+- Если в наборе[`http-equiv`](/ru/docs/Web/HTML/Element/meta#http-equiv) , то это _pragma directive_,
   то есть информация, веб-сервер предоставляет информацию о том, как должна обслуживаться веб-страница.
-- Если в наборе {{htmlattrxref("charset", "meta")}}, то это _charset declaration_,
+- Если в наборе [`charset`](/ru/docs/Web/HTML/Element/meta#charset), то это _charset declaration_,
   то есть кодировка, используемая для сериализованной формы веб-страницы.
-- Если в наборе {{htmlattrxref("itemprop", "meta")}}, то это _user-defined metadata_,
+- Если в наборе [`itemprop`](/ru/docs/Web/HTML/Element/meta#itemprop), то это _user-defined metadata_,
   прозрачна для агента пользователя, поскольку семантика метаданных зависит от пользователя. {{experimental_inline}}
 
 ## Пример
diff --git a/files/ru/web/html/element/ol/index.md b/files/ru/web/html/element/ol/index.md
index db646668072cf1..d7fe896e4dfc94 100644
--- a/files/ru/web/html/element/ol/index.md
+++ b/files/ru/web/html/element/ol/index.md
@@ -36,7 +36,7 @@ translation_of: Web/HTML/Element/ol
     - `A` для заглавных букв
     - `i` для строчной Римской нумерации
     - `I` для заглавной Римской нумерации
-    - `1` для цифр (по умолчанию)указанный тип используется для всего списка, если только не указан любой другой атрибут {{HTMLAttrxRef("type", "li")}} в элементе {{HTMLElement("li")}}.
+    - `1` для цифр (по умолчанию)указанный тип используется для всего списка, если только не указан любой другой атрибут [`type`](/ru/docs/Web/HTML/Element/li#type) в элементе {{HTMLElement("li")}}.
       > **Примечание:** Если тип цифр в списке не имеет значения (к примеру, юридические или технические документы, где элементы обозначены буквами/цифрами), используйте свойство CSS {{CSSxRef("list-style-type")}}.
 
 ## Примечания об использовании
diff --git a/files/ru/web/html/element/option/index.md b/files/ru/web/html/element/option/index.md
index 74ac7b3339292c..79b47ba2c6a8a0 100644
--- a/files/ru/web/html/element/option/index.md
+++ b/files/ru/web/html/element/option/index.md
@@ -28,7 +28,7 @@ translation_of: Web/HTML/Element/option
 - {{htmlattrdef("label")}} -- метка, ярлык
   - : Этот атрибут - текст ярлыка, отображающий значение(смысл, описание) опции. Если `label` не указан (отсутствует), то его значение совпадает с текстовым содержанием элемента `<option>`.
 - {{htmlattrdef("selected")}} -- выбран(о)
-  - : (Если присутствует,) этот Boolean атрибут отображает то, что опция изначально выделена. Если элемент `<option>` принадлежит элементу {{HTMLElement("select")}}, чей атрибут {{htmlattrxref("multiple", "select")}} не установлен, только одна-единственная `<option>` элемента {{HTMLElement("select")}} может иметь атрибут `selected` .
+  - : (Если присутствует,) этот Boolean атрибут отображает то, что опция изначально выделена. Если элемент `<option>` принадлежит элементу {{HTMLElement("select")}}, чей атрибут [`multiple`](/ru/docs/Web/HTML/Element/select#multiple) не установлен, только одна-единственная `<option>` элемента {{HTMLElement("select")}} может иметь атрибут `selected` .
 - {{htmlattrdef("value")}} -- значение, величина
   - : Содержимое(содержание) этого атрибута отображает(представляет) значение, отправляемое формой, если выбрана(выделена) данная опция. Если (этот) атрибут value отсутствует, значение берётся из текстового содержания элемента `<option>`.
 
diff --git a/files/ru/web/html/element/picture/index.md b/files/ru/web/html/element/picture/index.md
index 3b2c308fd8b8ce..34a030b5981ee0 100644
--- a/files/ru/web/html/element/picture/index.md
+++ b/files/ru/web/html/element/picture/index.md
@@ -9,9 +9,9 @@ translation_of: Web/HTML/Element/picture
 ---
 {{HTMLSidebar}}
 
-**HTML-элемент `<picture>` **служит контейнером для одного или более элементов {{HTMLElement("source")}} и одного элемента {{HTMLElement("img")}} для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов `<source>` и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов `<source>` найдено не будет, то будет выбран файл, указанный атрибутом {{htmlattrxref("src", "img")}} элемента `<img>` . Затем выбранное изображение отображается в пространстве, занятом элементом `<img>`.
+**HTML-элемент `<picture>` **служит контейнером для одного или более элементов {{HTMLElement("source")}} и одного элемента {{HTMLElement("img")}} для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов `<source>` и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов `<source>` найдено не будет, то будет выбран файл, указанный атрибутом [`src`](/ru/docs/Web/HTML/Element/img#src) элемента `<img>` . Затем выбранное изображение отображается в пространстве, занятом элементом `<img>`.
 
-Чтобы выбрать оптимальное изображение, {{Glossary("user agent")}} анализирует атрибуты {{htmlattrxref("srcset", "source")}}, {{htmlattrxref("media", "source")}}, и {{htmlattrxref("type", "source")}} элемента `<source>` и выбирает совместимое изображение, которое наилучшим образом соответствует текущему макету страницы, характеристикам устройства отображения и т. д.
+Чтобы выбрать оптимальное изображение, {{Glossary("user agent")}} анализирует атрибуты [`srcset`](/ru/docs/Web/HTML/Element/source#srcset), [`media`](/ru/docs/Web/HTML/Element/source#media), и [`type`](/ru/docs/Web/HTML/Element/source#type) элемента `<source>` и выбирает совместимое изображение, которое наилучшим образом соответствует текущему макету страницы, характеристикам устройства отображения и т. д.
 
 Элемент `<picture>` часто используют для того, чтобы обеспечить HiDPI (Retina)-версию изображений для дисплеев с высоким разрешением, а также для добавления других форматов изображений, не поддерживаемых всеми браузерами.
 
diff --git a/files/ru/web/html/element/pre/index.md b/files/ru/web/html/element/pre/index.md
index 00615aaf839950..37e9d0427251f9 100644
--- a/files/ru/web/html/element/pre/index.md
+++ b/files/ru/web/html/element/pre/index.md
@@ -29,7 +29,7 @@ translation_of: Web/HTML/Element/pre
 Этот элемент включает в себя только [глобальные атрибуты](/ru/docs/Web/HTML/Global_attributes).
 
 - {{htmlattrdef("cols")}} {{non-standard_inline}}
-  - : Содержит _предпочтительное_ количество символов, которое должна иметь строка. Это был нестандартный синоним {{htmlattrxref("width", "pre")}}. Чтобы добиться такого эффекта, используйте CSS {{Cssxref("width")}}.
+  - : Содержит _предпочтительное_ количество символов, которое должна иметь строка. Это был нестандартный синоним [`width`](/ru/docs/Web/HTML/Element/pre#width). Чтобы добиться такого эффекта, используйте CSS {{Cssxref("width")}}.
 - {{htmlattrdef("width")}}
   - : Содержит _предпочтительное_ количество символов, которое должна иметь строка. Хотя технически он все ещё реализован, этот атрибут не имеет визуального эффекта; чтобы достичь такого эффекта, используйте CSS {{Cssxref("width")}}.
 - {{htmlattrdef("wrap")}} {{non-standard_inline}}
@@ -58,7 +58,7 @@ body {
 
 Люди, испытывающие проблемы с плохим зрением и просматривающие страницы с помощью вспомогательных технологий, таких как программа чтения с экрана, могут не понимать, что представляют собой предварительно отформатированные текстовые символы, когда они читаются последовательно.
 
-Комбинация элементов {{HTMLElement("figure")}} и {{HTMLElement("figcaption")}}, дополненная {{htmlattrxref("id")}} и [ARIA](/ru/docs/Web/Accessibility/ARIA) `role` и `aria-labelledby`, позволяет объявить предварительно отформатированный текст как изображение, а `figcaption` служит альтернативным описанием изображения.
+Комбинация элементов {{HTMLElement("figure")}} и {{HTMLElement("figcaption")}}, дополненная [`id`](/ru/docs/Web/HTML/Global_attributes#id) и [ARIA](/ru/docs/Web/Accessibility/ARIA) `role` и `aria-labelledby`, позволяет объявить предварительно отформатированный текст как изображение, а `figcaption` служит альтернативным описанием изображения.
 
 ### Пример
 
diff --git a/files/ru/web/html/element/script/index.md b/files/ru/web/html/element/script/index.md
index 57dbfb4c0e0a4f..268239f9072130 100644
--- a/files/ru/web/html/element/script/index.md
+++ b/files/ru/web/html/element/script/index.md
@@ -67,7 +67,7 @@ HTML Элемент **`<script>`** используется для встраи
 
 ## Примечания
 
-Элемент `<script>` без указания атрибутов {{HTMLAttrxRef("async", "script")}} , {{HTMLAttrxRef("defer", "script")}} или `type="module"`, а также встроенный скрипт, загружается и выполняется сразу, до того как браузер продолжит разбор документа.
+Элемент `<script>` без указания атрибутов [`async`](/ru/docs/Web/HTML/Element/script#async) , [`defer`](/ru/docs/Web/HTML/Element/script#defer) или `type="module"`, а также встроенный скрипт, загружается и выполняется сразу, до того как браузер продолжит разбор документа.
 
 Для обработки скрипт должен иметь тип данных `text/javascript`, но браузеры снисходительны и блокируют обработку только в том случае, если скрипт представляет данные одного из типов: изображение (`image/*`); видео (`video/*`); аудио (`audio/*`); или `text/csv`. Если скрипт заблокирован, элементу отправляется событие {{event("error")}}, если не было отправлено событие {{event("load")}}.
 
diff --git a/files/ru/web/html/element/source/index.md b/files/ru/web/html/element/source/index.md
index 11c0188ee4623a..3df460ee598b03 100644
--- a/files/ru/web/html/element/source/index.md
+++ b/files/ru/web/html/element/source/index.md
@@ -23,7 +23,7 @@ translation_of: Web/HTML/Element/source
 3. дескриптора плотности пикселей, представляющее собой положительное десятичное число, за которым следует `'x'`. Значением по умолчанию, если оно отсутствует, является `1x`.
 
 - {{htmlattrdef("sizes")}} {{experimental_inline}}
-  - : Список размеров изображений для разных размеров страниц. Он состоит из разделённых запятыми медиавыражений со значениями ширины изображения. Эта информация используется браузером перед выкладкой страницы для определения конкретного изображения, заданного в атрибуте {{htmlattrxref("srcset", "source")}}. Атрибут `sizes` работает только тогда, когда элемент {{HTMLElement("source")}} расположен внутри элемента {{HTMLElement("picture")}}.
+  - : Список размеров изображений для разных размеров страниц. Он состоит из разделённых запятыми медиавыражений со значениями ширины изображения. Эта информация используется браузером перед выкладкой страницы для определения конкретного изображения, заданного в атрибуте [`srcset`](/ru/docs/Web/HTML/Element/source#srcset). Атрибут `sizes` работает только тогда, когда элемент {{HTMLElement("source")}} расположен внутри элемента {{HTMLElement("picture")}}.
 - {{htmlattrdef("src")}}
   - : Требуемый для элементов {{HTMLElement("audio")}} и {{HTMLElement("video")}} адрес медиа-ресурсов. Значение этого атрибута игнорируется браузером, когда элемент `<source>` размещён внутри элемента {{HTMLElement("picture")}}.
 - {{htmlattrdef("srcset")}} {{experimental_inline}}
diff --git a/files/ru/web/html/element/span/index.md b/files/ru/web/html/element/span/index.md
index bbbe38d6d64a9b..a6c6310e0bd9d5 100644
--- a/files/ru/web/html/element/span/index.md
+++ b/files/ru/web/html/element/span/index.md
@@ -14,7 +14,7 @@ translation_of: Web/HTML/Element/span
 
 {{HTMLSidebar}}
 
-**HTML-элемент `<span>`** является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов {{htmlattrxref("class")}} или {{htmlattrxref("id")}}) или потому, что они имеет общие значения атрибутов, например {{htmlattrxref("lang")}}. Он должен быть использован только когда нет другого подходящего по семантике элемента. `<span>` очень похож на элемент {{HTMLElement("div")}}, но {{HTMLElement("div")}} является [блочным](/ru/docs/Web/HTML/Block-level_elements) элементом, в то время как `<span>` является [строчным](/ru/docs/Web/HTML/Строчные_Элементы).
+**HTML-элемент `<span>`** является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов [`class`](/ru/docs/Web/HTML/Global_attributes#class) или [`id`](/ru/docs/Web/HTML/Global_attributes#id)) или потому, что они имеет общие значения атрибутов, например [`lang`](/ru/docs/Web/HTML/Global_attributes#lang). Он должен быть использован только когда нет другого подходящего по семантике элемента. `<span>` очень похож на элемент {{HTMLElement("div")}}, но {{HTMLElement("div")}} является [блочным](/ru/docs/Web/HTML/Block-level_elements) элементом, в то время как `<span>` является [строчным](/ru/docs/Web/HTML/Строчные_Элементы).
 
 {{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-shorter")}}
 
diff --git a/files/ru/web/html/element/td/index.md b/files/ru/web/html/element/td/index.md
index 4e60551170d656..7450fa97165f51 100644
--- a/files/ru/web/html/element/td/index.md
+++ b/files/ru/web/html/element/td/index.md
@@ -29,16 +29,16 @@ translation_of: Web/HTML/Element/td
     - `center`, центрирование контента в ячейке
     - `right`, выравнивание контента справа ячейки
     - `justify`, вставляет пробелы в текстовое содержимое ячейки, чтобы содержимое заняло ячейку
-    - `char`, выравнивает текстовое содержимое по заданному символу с минимальным смещением, определяется атрибутами {{htmlattrxref("char", "td")}} и {{htmlattrxref("charoff", "td")}} {{unimplemented_inline(2212)}}.Если этот атрибут не задан, значение по умолчанию `left`.
+    - `char`, выравнивает текстовое содержимое по заданному символу с минимальным смещением, определяется атрибутами [`char`](/ru/docs/Web/HTML/Element/td#char) и [`charoff`](/ru/docs/Web/HTML/Element/td#charoff) {{unimplemented_inline(2212)}}.Если этот атрибут не задан, значение по умолчанию `left`.
 
       > **Примечание:**Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта.
       >
       > - Чтобы добиться такого же эффекта как при `left`, `center`, `right` или `justify` значениях, используйте их как параметры CSS-свойства {{cssxref("text-align")}}.
-      > - Чтобы добиться эффекта как `char` значение в CSS3, вы можете использовать значение {{htmlattrxref("char", "td")}} как значение свойства {{cssxref("text-align")}} {{unimplemented_inline}}.
+      > - Чтобы добиться эффекта как `char` значение в CSS3, вы можете использовать значение [`char`](/ru/docs/Web/HTML/Element/td#char) как значение свойства {{cssxref("text-align")}} {{unimplemented_inline}}.
 
 - {{htmlattrdef("axis")}}
   - : Этот атрибут включает список строк разделённых пробелами. Каждая строка это ID группы ячеек которой соответствует этот заголовок.
-    > **Примечание:**Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте атрибут {{htmlattrxref("scope", "td")}}.
+    > **Примечание:**Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте атрибут [`scope`](/ru/docs/Web/HTML/Element/td#scope).
 - {{htmlattrdef("bgcolor")}} {{Non-standard_inline}}
   - | : Этот атрибут определяет цвет фона ячейки. Значением задаётся 6-значными шестнадцатеричными кодами как определено в [sRGB](https://www.w3.org/Graphics/Color/sRGB), с префиксом '#'. Можно также использовать предопределённые цветовые строки, например: |                       | `black` = "#000000" |                      | `green` = "#008000"                                                                                                                                                                                                                                                                                                                                   |
     | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ------------------- | -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -50,8 +50,8 @@ translation_of: Web/HTML/Element/td
     |                                                                                                                                                                                                                                                            | `purple` = "#800080"  |                     | `teal` = "#008080"   |
     |                                                                                                                                                                                                                                                            | `fuchsia` = "#FF00FF" |                     | `aqua` = "#00FFFF"   | > **Примечание:** Не используйте этот атрибут, поскольку он нестандартный: элемент {{HTMLElement("td")}} должен быть стилизован с помощью [CSS](/ru/docs/CSS). Чтобы получить аналогичный эффект как атрибут **bgcolor**, используйте [CSS](/ru/docs/Web/CSS) свойство {{cssxref("background-color")}}. |
 - {{htmlattrdef("char")}} {{deprecated_inline}},
-  - : Этот атрибут используется для определения символа по которому происходит выравнивание в ячейке. Типичный случай когда для него задают значение периода (.) когда необходимо выровнять числовые или денежные значения. Если {{htmlattrxref("align", "td")}} не задан. то атрибут `char` игнорируется.
-    > **Примечание:**Не используйте этот атрибут, тк он устарел (и больше не поддерживается) в последней версии стандарта. Достигнуть такого же эффекта как от {{htmlattrxref("char", "thead")}}, в CSS3 вы можете you can use the character set using the {{htmlattrxref("char", "th")}} attribute as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}.
+  - : Этот атрибут используется для определения символа по которому происходит выравнивание в ячейке. Типичный случай когда для него задают значение периода (.) когда необходимо выровнять числовые или денежные значения. Если [`align`](/ru/docs/Web/HTML/Element/td#align) не задан. то атрибут `char` игнорируется.
+    > **Примечание:**Не используйте этот атрибут, тк он устарел (и больше не поддерживается) в последней версии стандарта. Достигнуть такого же эффекта как от [`char`](/ru/docs/Web/HTML/Element/thead#char), в CSS3 вы можете you can use the character set using the [`char`](/ru/docs/Web/HTML/Element/th#char) attribute as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}.
 - {{htmlattrdef("charoff")}} {{deprecated_inline}},
   - : Этот атрибут атрибут включает количество символов на которое смещаются при выравнивании данные от установленного **char** атрибута.
     > **Примечание:**Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта.
diff --git a/files/ru/web/html/element/template/index.md b/files/ru/web/html/element/template/index.md
index a80916e6a7c067..84402ba71c0a49 100644
--- a/files/ru/web/html/element/template/index.md
+++ b/files/ru/web/html/element/template/index.md
@@ -27,7 +27,7 @@ browser-compat: html.elements.template
 | ---------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | Допустимый контент                                               | Нет ограничений                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
 | Пропуск тегов                                                    | {{no_tag_omission}}                                                                                                                                                                                                                                                                                                                                                                                                                                          |
-| Допустимые родители                                              | Любые элементы, которые могут содержать [метаданные](/ru/docs/Web/Guide/HTML/Content_categories#метаданные), [фразовый контент](/ru/docs/Web/Guide/HTML/Content_categories#phrasing_content) или [элементы поддержки скриптов](/ru/docs/Web/Guide/HTML/Content_categories#элементы_поддержки_скриптов). Допускается вкладывать элемент в {{HTMLElement("colgroup")}}, у которого _отсутствует_ атрибут {{htmlattrxref("span", "colgroup")}}. |
+| Допустимые родители                                              | Любые элементы, которые могут содержать [метаданные](/ru/docs/Web/Guide/HTML/Content_categories#метаданные), [фразовый контент](/ru/docs/Web/Guide/HTML/Content_categories#phrasing_content) или [элементы поддержки скриптов](/ru/docs/Web/Guide/HTML/Content_categories#элементы_поддержки_скриптов). Допускается вкладывать элемент в {{HTMLElement("colgroup")}}, у которого _отсутствует_ атрибут [`span`](/ru/docs/Web/HTML/Element/colgroup#span). |
 | Неявные ARIA-роли                                                | [Нет соответствующей роли](https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role)                                                                                                                                                                                                                                                                                                                                                                            |
 | Допустимые ARIA-роли                                             | Нет                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
 | DOM-интерфейс                                                    | {{domxref("HTMLTemplateElement")}}                                                                                                                                                                                                                                                                                                                                                                                                                      |
diff --git a/files/ru/web/html/element/tfoot/index.md b/files/ru/web/html/element/tfoot/index.md
index 0da4115cc3c61c..073966ecead46e 100644
--- a/files/ru/web/html/element/tfoot/index.md
+++ b/files/ru/web/html/element/tfoot/index.md
@@ -28,10 +28,10 @@ _HTML_ элемент подвала таблицы (`<tfoot>`) определя
     - center, выравнивание содержимого по центру ячейки
     - right, выравнивание содержимого по правому краю ячейки
     - justify, выравнивание по ширине ячейки: добавление пробелов к тексту содержимого ячейки до тех пор, пока содержимое не выровняется от одного края ячейки до другого
-    - char, выравнивание текстового содержимого по специальному символу с минимальным смещением, определённым {{ htmlattrxref("char", "tbody") }} и {{ htmlattrxref("charoff", "tbody") }} атрибутами {{ unimplemented_inline("2212") }}.Если этот атрибут не задан, то значением по умолчанию является left.
+    - char, выравнивание текстового содержимого по специальному символу с минимальным смещением, определённым [`char`](/ru/docs/Web/HTML/Element/tbody#char) и [`charoff`](/ru/docs/Web/HTML/Element/tbody#charoff) атрибутами {{ unimplemented_inline("2212") }}.Если этот атрибут не задан, то значением по умолчанию является left.
       > **Примечание:**Do not use this attribute as it is obsolete (not supported) in the latest standard.\* To achieve the same effect as the left, center, right or justify values, use the CSS {{ cssxref("text-align") }} property on it.
       >
-      > - To achieve the same effect as the char value, in CSS3, you can use the value of the {{ htmlattrxref("char", "tfoot") }} as the value of the {{ cssxref("text-align") }} property {{ unimplemented_inline() }}.
+      > - To achieve the same effect as the char value, in CSS3, you can use the value of the [`char`](/ru/docs/Web/HTML/Element/tfoot#char) as the value of the {{ cssxref("text-align") }} property {{ unimplemented_inline() }}.
 
 - {{ htmlattrdef("bgcolor") }} {{ Non-standard_inline() }}
   - | : Этот атрибут определяет цвет фона каждой ячейки столбца. Это один из 6-ти значного шестнадцатеричного кода определённого в [sRGB](http://www.w3.org/Graphics/Color/sRGB), предваряется '#'. Может быть использован один из шестнадцати предопределённых строк: |                     | black = "#000000" |                    | green = "#008000"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
@@ -44,8 +44,8 @@ _HTML_ элемент подвала таблицы (`<tfoot>`) определя
     |                                                                                                                                                                                                                                                                  | purple = "#800080"  |                   | teal = "#008080"   |
     |                                                                                                                                                                                                                                                                  | fuchsia = "#FF00FF" |                   | aqua = "#00FFFF"   | > **Примечание:** Do not use this attribute, as it is non-standard and only implemented some versions of Microsoft Internet Explorer: the {{ HTMLElement("tfoot") }} element should be styled using [CSS](/en/CSS). To give a similar effect to the **bgcolor** attribute, use the [CSS](/en/CSS) property {{ cssxref("background-color") }}, on the relevant {{ HTMLElement("td") }} or {{ HTMLElement("th") }} elements. |
 - {{ htmlattrdef("char") }} {{ Deprecated_inline() }}
-  - : This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If {{ htmlattrxref("align", "tfoot") }} is not set to char, this attribute is ignored.
-    > **Примечание:**Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as the {{ htmlattrxref("char", "tbtfootody") }}, in CSS3, you can use the character set using the {{ htmlattrxref("char", "tfoot") }} attribute as the value of the {{ cssxref("text-align") }} property {{ unimplemented_inline() }}.
+  - : This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If [`align`](/ru/docs/Web/HTML/Element/tfoot#align) is not set to char, this attribute is ignored.
+    > **Примечание:**Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as the [`char`](/ru/docs/Web/HTML/Element/tbtfootody#char), in CSS3, you can use the character set using the [`char`](/ru/docs/Web/HTML/Element/tfoot#char) attribute as the value of the {{ cssxref("text-align") }} property {{ unimplemented_inline() }}.
 - {{ htmlattrdef("charoff") }} {{ Deprecated_inline() }}
   - : This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the **char** attribute.
     > **Примечание:**Do not use this attribute as it is obsolete (and not supported) in the latest standard.
diff --git a/files/ru/web/html/element/ul/index.md b/files/ru/web/html/element/ul/index.md
index 81a1b6e5f015af..3274b93b5be499 100644
--- a/files/ru/web/html/element/ul/index.md
+++ b/files/ru/web/html/element/ul/index.md
@@ -121,5 +121,5 @@ translation_of: Web/HTML/Element/ul
 
   - свойство [list-style](/ru/docs/Web/CSS/list-style), полезное для выбора способа отображения маркеров,
   - [CSS счётчики](/ru/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters), для более сложных вложенных списков,
-  - свойство [line-height](/ru/docs/Web/CSS/line-height), для замены убранного свойства {{ htmlattrxref("compact", "ul") }},
+  - свойство [line-height](/ru/docs/Web/CSS/line-height), для замены убранного свойства [`compact`](/ru/docs/Web/HTML/Element/ul#compact),
   - свойство [margin](/ru/docs/Web/CSS/margin), для контроля отступа в списке.
diff --git a/files/ru/web/html/element/video/index.md b/files/ru/web/html/element/video/index.md
index 11379481af3e3e..11ab79c28d5bbb 100644
--- a/files/ru/web/html/element/video/index.md
+++ b/files/ru/web/html/element/video/index.md
@@ -12,10 +12,10 @@ translation_of: Web/HTML/Element/video
 
 ## Контекст Использования
 
-- Допустимое содержимое. Если элемент имеет атрибут {{htmlattrxref("src", "video")}}: 0 или более элементов {{HTMLElement("track")}}, за которым следует прозрачный контент, который не содержит элементов мультимедиа: {{HTMLElement("audio")}} или {{HTMLElement("video")}}
+- Допустимое содержимое. Если элемент имеет атрибут [`src`](/ru/docs/Web/HTML/Element/video#src): 0 или более элементов {{HTMLElement("track")}}, за которым следует прозрачный контент, который не содержит элементов мультимедиа: {{HTMLElement("audio")}} или {{HTMLElement("video")}}
   Иначе: 0 или более элементов {{HTMLElement("source")}}, за которыми следует 0 или более элементов {{HTMLElement("track")}}, затем прозрачным содержимым, которое не содержит элементы мультимедиа: {{HTMLElement("audio")}} или {{HTMLElement("video")}}.
 
-| [Content categories](/ru/docs/Web/HTML/Content_categories) | [Flow content](/ru/docs/Web/HTML/Content_categories#Flow_content), содержание фраз, встроенный контент. Если имеет атрибут {{htmlattrxref("controls", "video")}}: становится интерактивным элементом с осязаемым содержанием. |
+| [Content categories](/ru/docs/Web/HTML/Content_categories) | [Flow content](/ru/docs/Web/HTML/Content_categories#Flow_content), содержание фраз, встроенный контент. Если имеет атрибут [`controls`](/ru/docs/Web/HTML/Element/video#controls): становится интерактивным элементом с осязаемым содержанием. |
 | ---------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | Tag omission                                               | {{no_tag_omission}}                                                                                                                                                                                                                 |
 | Допустимые родительские элементы                           | Любой элемент, который принимает встроенный контент.                                                                                                                                                                                     |
diff --git a/files/ru/web/html/global_attributes/id/index.md b/files/ru/web/html/global_attributes/id/index.md
index 13133c1243bbdf..8a7439e99ad63f 100644
--- a/files/ru/web/html/global_attributes/id/index.md
+++ b/files/ru/web/html/global_attributes/id/index.md
@@ -15,7 +15,7 @@ translation_of: Web/HTML/Global_attributes/id
 
 Значение этого атрибута "непрозрачная" строка: это означает, что веб-автор не должен использовать его для передачи какой-либо информации. Особое значение, например семантическое, получать из этой строки не надо.
 
-Значение `id` не должно содержать пропусков (пробелов, табуляции и т.д). Браузеры обрабатывают пробелы, как часть уникального идентификатора. В отличии от атрибута {{htmlattrxref("class")}}, который позволяет разделять пробелами значение (указывать несколько классов через пробел), элементы могут иметь только один ID.
+Значение `id` не должно содержать пропусков (пробелов, табуляции и т.д). Браузеры обрабатывают пробелы, как часть уникального идентификатора. В отличии от атрибута [`class`](/ru/docs/Web/HTML/Global_attributes#class), который позволяет разделять пробелами значение (указывать несколько классов через пробел), элементы могут иметь только один ID.
 
 > **Примечание:** Использование символов отличных от {{glossary("ASCII")}} букв, цифр, `'_'`, `'-'` и `'.'` может вызвать проблемы, связанные с совместимостью, т.к. они не были разрешены в HTML 4. Несмотря на то, что в {{glossary("HTML5")}} ограничение было снято, для совместимости ID должен начинаться с латинской буквы.
 
diff --git a/files/ru/web/html/global_attributes/itemid/index.md b/files/ru/web/html/global_attributes/itemid/index.md
index 50adbb031d1778..cd54c5d451a4eb 100644
--- a/files/ru/web/html/global_attributes/itemid/index.md
+++ b/files/ru/web/html/global_attributes/itemid/index.md
@@ -8,7 +8,7 @@ translation_of: Web/HTML/Global_attributes/itemid
 
 {{HTMLSidebar("Global_attributes")}}
 
-[Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) **`itemid`** предоставляет микроданные в форме уникального глобального идентификатора элемента. Атрибут `itemid` может быть указан только для элемента, который имеет оба атрибута {{htmlattrxref("itemscope")}} и {{htmlattrxref("itemtype")}}. Также, `itemid` может быть указан только для элементов, обладающих атрибутом `itemscope`, соответствующий ссылке `itemtype` или определяющий словарь, поддерживающий глобальные идентификаторы.
+[Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) **`itemid`** предоставляет микроданные в форме уникального глобального идентификатора элемента. Атрибут `itemid` может быть указан только для элемента, который имеет оба атрибута [`itemscope`](/ru/docs/Web/HTML/Global_attributes#itemscope) и [`itemtype`](/ru/docs/Web/HTML/Global_attributes#itemtype). Также, `itemid` может быть указан только для элементов, обладающих атрибутом `itemscope`, соответствующий ссылке `itemtype` или определяющий словарь, поддерживающий глобальные идентификаторы.
 
 Точное значение глобального идентификатора `itemtype` обеспечивается определением этого идентификатора в пределах указанного словаря. Словарь определяет, могут ли сосуществовать несколько элементов с одним и тем же глобальным идентификатором, и, если да, то как обрабатываются элементы с одним и тем же идентификатором.
 
@@ -74,8 +74,7 @@ translation_of: Web/HTML/Global_attributes/itemid
 - [Другие различные глобальные атрибуты](/ru/docs/Web/HTML/Global_attributes)
 - Другие глобальные атрибуты, связанные с микроданными
 
-  - {{htmlattrxref("itemid")}}
-  - {{htmlattrxref("itemprop")}}
-  - {{htmlattrxref("itemref")}}
-  - {{htmlattrxref("itemscope")}}
-  - {{htmlattrxref("itemtype")}}
+  - [`itemprop`](/ru/docs/Web/HTML/Global_attributes#itemprop)
+  - [`itemref`](/ru/docs/Web/HTML/Global_attributes#itemref)
+  - [`itemscope`](/ru/docs/Web/HTML/Global_attributes#itemscope)
+  - [`itemtype`](/ru/docs/Web/HTML/Global_attributes#itemtype)
diff --git a/files/ru/web/html/index.md b/files/ru/web/html/index.md
index 0b793d47df4c4e..302e8d93bae557 100644
--- a/files/ru/web/html/index.md
+++ b/files/ru/web/html/index.md
@@ -55,13 +55,13 @@ HTML-элемент выделяется из прочего текста в д
 ## Продвинутые темы
 
 - [CORS: включённые изображения](/ru/docs/Web/HTML/CORS_enabled_image)
-  - : Атрибут {{htmlattrxref("crossorigin", "img")}} в сочетании с соответствующим заголовком {{glossary("CORS")}}, позволяет загружать изображения, определённые элементом {{HTMLElement("img")}}, из внешних источников и использовать в элементе {{HTMLElement("canvas")}}, как если бы они были загружены из текущего источника.
+  - : Атрибут [`crossorigin`](/ru/docs/Web/HTML/Element/img#crossorigin) в сочетании с соответствующим заголовком {{glossary("CORS")}}, позволяет загружать изображения, определённые элементом {{HTMLElement("img")}}, из внешних источников и использовать в элементе {{HTMLElement("canvas")}}, как если бы они были загружены из текущего источника.
 - [CORS: Настройки атрибутов](/ru/docs/Web/HTML/CORS_settings_attributes)
   - : Некоторые HTML-элементы, предоставляющие поддержку [CORS](/ru/docs/Web/HTTP/CORS), такие как {{HTMLElement("img")}} или {{HTMLElement("video")}}, имеют атрибут `crossorigin` (свойство `crossOrigin`), который позволяет вам настраивать CORS-запросы для получаемых элементом данных.
 - [Управление фокусом в HTML](/ru/docs/Web/API/Document/hasFocus)
   - : DOM-Атрибут [`activeElement`](/en-US/docs/Web/API/Document/activeElement) и DOM-метод [`hasFocus()`](/ru/docs/Web/API/Document/hasFocus) помогают отслеживать и контролировать взаимодействие пользователя с элементами на веб-странице.
 - [Предварительная загрузка контента с помощью rel="preload"](/ru/docs/Web/HTML/Preloading_content)
-  - : Значение `preload` атрибута {{htmlattrxref("rel", "link")}} элемента {{htmlelement("link")}} позволяет писать декларативные [fetch-запросы](/ru/docs/Web/API/Fetch_API/Using_Fetch) в HTML {{htmlelement("head")}}, указывая ресурсы, которые потребуются вашим страницам сразу после загрузки и, следовательно, которые вы хотите начать предварительно загружать на раннем этапе жизненного цикла страницы, прежде чем браузером запустится основной механизм рендеринга (отрисовки). Это гарантирует, что они станут доступными раньше и с меньшей вероятностью заблокируют первый рендеринг страницы, что приведёт к улучшению производительности. В этой статье приведено начальное руководство по работе с `preload` (предзагрузкой).
+  - : Значение `preload` атрибута [`rel`](/ru/docs/Web/HTML/Element/link#rel) элемента {{htmlelement("link")}} позволяет писать декларативные [fetch-запросы](/ru/docs/Web/API/Fetch_API/Using_Fetch) в HTML {{htmlelement("head")}}, указывая ресурсы, которые потребуются вашим страницам сразу после загрузки и, следовательно, которые вы хотите начать предварительно загружать на раннем этапе жизненного цикла страницы, прежде чем браузером запустится основной механизм рендеринга (отрисовки). Это гарантирует, что они станут доступными раньше и с меньшей вероятностью заблокируют первый рендеринг страницы, что приведёт к улучшению производительности. В этой статье приведено начальное руководство по работе с `preload` (предзагрузкой).
 
 ## Справочники
 
diff --git a/files/ru/web/http/cors/errors/corsmissingalloworigin/index.md b/files/ru/web/http/cors/errors/corsmissingalloworigin/index.md
index 47e943ed691f35..62976a12cf99b7 100644
--- a/files/ru/web/http/cors/errors/corsmissingalloworigin/index.md
+++ b/files/ru/web/http/cors/errors/corsmissingalloworigin/index.md
@@ -22,7 +22,7 @@ translation_of: Web/HTTP/CORS/Errors/CORSMissingAllowOrigin
 Access-Control-Allow-Origin: https://amazing.site
 ```
 
-Также вы можете разрешить доступ любому сайту, используя подстановку `*`. Используйте этот способ только для публичных API. В закрытых API `*` не должна использоваться, вместо этого должен быть установлен определённый домен или домены. При этом подстановка работает только для запросов с атрибутом {{htmlattrxref("crossorigin")}} со значением `anonymous`.
+Также вы можете разрешить доступ любому сайту, используя подстановку `*`. Используйте этот способ только для публичных API. В закрытых API `*` не должна использоваться, вместо этого должен быть установлен определённый домен или домены. При этом подстановка работает только для запросов с атрибутом [`crossorigin`](/ru/docs/Web/HTML/Global_attributes#crossorigin) со значением `anonymous`.
 
 ```
 Access-Control-Allow-Origin: *
diff --git a/files/ru/web/http/headers/content-disposition/index.md b/files/ru/web/http/headers/content-disposition/index.md
index 38662ac3702ceb..6b17119f34c0f1 100644
--- a/files/ru/web/http/headers/content-disposition/index.md
+++ b/files/ru/web/http/headers/content-disposition/index.md
@@ -58,7 +58,7 @@ Content-Disposition: form-data; name="fieldName"; filename="filename.jpg"
 ### Директивы
 
 - `name`
-  - : За параметром следует строка с именем HTML-поля на форме, к которому относится данная часть составного тела. При работе с несколькими файлами в том же самом поле (например, атрибуты {{htmlattrxref("multiple", "input")}} элемента `{{HTMLElement("input","&lt;input type=file&gt;")}}`), могут быть несколько частей с одинаковым именем.
+  - : За параметром следует строка с именем HTML-поля на форме, к которому относится данная часть составного тела. При работе с несколькими файлами в том же самом поле (например, атрибуты [`multiple`](/ru/docs/Web/HTML/Element/input#multiple) элемента `{{HTMLElement("input","&lt;input type=file&gt;")}}`), могут быть несколько частей с одинаковым именем.
     Если `name` имеет значение `'_charset_'`, указывающее, что данная часть не является HTML-полем, то она содержит кодировку по умолчанию для всех частей, в которых явно кодировка не указана.
 - `filename`
   - : За параметром указана строка с оригинальным именем передаваемого файла. Это имя опционально и не может слепо использоваться приложением: информация о пути должна быть очищена и должно быть сделано преобразование к файловой системе сервера. Этот параметр предоставляет в основном справочную информацию. Когда используется в комбинации с `Content-Disposition: attachment`, это значение будет использовано как имя файла по умолчанию для диалога "Сохранить как".
diff --git a/files/ru/web/http/methods/post/index.md b/files/ru/web/http/methods/post/index.md
index 07aa3b1efdd805..3b243e43a3dd22 100644
--- a/files/ru/web/http/methods/post/index.md
+++ b/files/ru/web/http/methods/post/index.md
@@ -13,7 +13,7 @@ translation_of: Web/HTTP/Methods/POST
 
 Разница между {{HTTPMethod("PUT")}} и `POST` состоит в том, что `PUT` является идемпотентным: повторное его применение даёт тот же результат, что и при первом применении (то есть у метода нет _побочных эффектов_), тогда как повторный вызов одного и того же метода `POST` может иметь такие эффекты, как например, оформление одного и того же заказа несколько раз.
 
-Запрос `POST` обычно отправляется через форму HTML и приводит к изменению на сервере. element or the formenctype attribute of the \<input> or \<button> elements:">В этом случае тип содержимого выбирается путём размещения соответствующей строки в атрибуте {{htmlattrxref ("enctype", "form")}} элемента {{HTMLElement ("form")}} или {{htmlattrxref ("formenctype", "input")}} атрибута элементов {{HTMLElement ("input")}} или {{HTMLElement ("button")}}:
+Запрос `POST` обычно отправляется через форму HTML и приводит к изменению на сервере. element or the formenctype attribute of the \<input> or \<button> elements:">В этом случае тип содержимого выбирается путём размещения соответствующей строки в атрибуте [`enctype`](/ru/docs/Web/HTML/Element/form#enctype) элемента {{HTMLElement ("form")}} или [`formenctype`](/ru/docs/Web/HTML/Element/input#formenctype) атрибута элементов {{HTMLElement ("input")}} или {{HTMLElement ("button")}}:
 
 - `application/x-www-form-urlencoded`: значения кодируются в кортежах с ключом, разделённых символом `'&'`, с `'='` между ключом и значением. Не буквенно-цифровые символы - {{glossary ("percent encoded")}}: это причина, по которой этот тип не подходит для использования с двоичными данными (вместо этого используйте `multipart/form-data`)
 - `multipart/form-data`: каждое значение посылается как блок данных ("body part"), с заданными пользовательским клиентом разделителем ("boundary"), разделяющим каждую часть. Эти ключи даются в заголовки `Content-Disposition` каждой части
diff --git a/files/ru/web/http/redirections/index.md b/files/ru/web/http/redirections/index.md
index e11bb10a3a5977..bda2778ca6f1cb 100644
--- a/files/ru/web/http/redirections/index.md
+++ b/files/ru/web/http/redirections/index.md
@@ -58,7 +58,7 @@ HTTP перенаправления это не единственный спо
 
 ### HTML перенаправления
 
-HTTP перенаправления более предпочтительный способ создания перенаправлений, но, иногда, у веб-разработчиков нету контроля над сервером или возможности настроить его. Для таких особых случаев, разработчики могут создать HTML страницу с элементом {{HTMLElement("meta")}} и установить атрибуту {{htmlattrxref("http-equiv", "meta")}} значение `refresh` в блоке {{HTMLElement("head")}}. Когда страница отображается, браузер найдёт этот элемент и перейдёт на указанную страницу.
+HTTP перенаправления более предпочтительный способ создания перенаправлений, но, иногда, у веб-разработчиков нету контроля над сервером или возможности настроить его. Для таких особых случаев, разработчики могут создать HTML страницу с элементом {{HTMLElement("meta")}} и установить атрибуту [`http-equiv`](/ru/docs/Web/HTML/Element/meta#http-equiv) значение `refresh` в блоке {{HTMLElement("head")}}. Когда страница отображается, браузер найдёт этот элемент и перейдёт на указанную страницу.
 
 ```html
 <head>
@@ -66,7 +66,7 @@ HTTP перенаправления более предпочтительный
 </head>
 ```
 
-Атрибут {{htmlattrxref("content")}} начинается с числа, которое означает, сколько секунд браузер должен ждать, прежде чем перейти по данной ссылке. Всегда устанавливайте 0, для лучшей доступности.
+Атрибут [`content`](/ru/docs/Web/HTML/Global_attributes#content) начинается с числа, которое означает, сколько секунд браузер должен ждать, прежде чем перейти по данной ссылке. Всегда устанавливайте 0, для лучшей доступности.
 
 Очевидно, этот метод работает только с HTML страницами и не может использоваться для изображений или другого типа контента.
 
diff --git a/files/ru/web/media/index.md b/files/ru/web/media/index.md
index 03d535e804277f..201b95e926a399 100644
--- a/files/ru/web/media/index.md
+++ b/files/ru/web/media/index.md
@@ -51,7 +51,7 @@ These articles cover HTML features for media developers.
 - [Using audio and video in HTML](/ru/docs/Web/Media/HTML_media)
   - : A guide to using the HTML `<audio>` and `<video>` elements.
 - [Accessible multimedia](/ru/docs/Learn/Accessibility/Multimedia)
-  - : In this guide, we cover ways web designers and developers can create content that is accessible to people with different capabilities. This ranges from using the {{htmlattrxref("alt", "img")}} attribute on {{HTMLElement("img")}} elements to captions to tagging media for screen readers.
+  - : In this guide, we cover ways web designers and developers can create content that is accessible to people with different capabilities. This ranges from using the [`alt`](/ru/docs/Web/HTML/Element/img#alt) attribute on {{HTMLElement("img")}} elements to captions to tagging media for screen readers.
 - [Guide to media types and formats on the web](/ru/docs/Web/Media/Formats)
   - : A guide to the file types and codecs available for images, audio, and video media on the web. This includes recommendations for what formats to use for what kinds of content, best practices including how to provide fallbacks and how to prioritize media types, and also includes general browser support information for each media container and codec.
 - [Streaming audio and video](/ru/docs/Web/Media/Streaming)
diff --git a/files/ru/web/performance/lazy_loading/index.md b/files/ru/web/performance/lazy_loading/index.md
index 7011ea422705f3..2b1ac9e97d1229 100644
--- a/files/ru/web/performance/lazy_loading/index.md
+++ b/files/ru/web/performance/lazy_loading/index.md
@@ -59,7 +59,7 @@ JavaScript, CSS и HTML могут быть разделены на неболь
 Очень часто веб-страницы содержат множество изображений, загрузка которых заметно нагружает канал передачи данных и увеличивает длительность загрузки. Подавляющая часть этих изображений находятся за видимой областью экрана и не являются необходимым ([non-critical](/ru/docs/Web/Performance/Critical_rendering_path)), а для взаимодействия с пользователем требуют действия (например, прокрутки до них).
 
 **Атрибут Loading**
-Атрибут {{htmlattrxref("loading", "img")}} элемента {{HTMLElement("img")}} (или {{htmlattrxref("loading", "iframe")}} атрибут для {{HTMLElement("iframe")}}) могут быть использованы, чтобы указать браузеру на необходимость отложить загрузку изображений / iframe до тех пор, пока пользователь не доскроллит до них.
+Атрибут [`loading`](/ru/docs/Web/HTML/Element/img#loading) элемента {{HTMLElement("img")}} (или [`loading`](/ru/docs/Web/HTML/Element/iframe#loading) атрибут для {{HTMLElement("iframe")}}) могут быть использованы, чтобы указать браузеру на необходимость отложить загрузку изображений / iframe до тех пор, пока пользователь не доскроллит до них.
 
 ```
 <img src="image.jpg" loading="lazy" alt="..." />
diff --git a/files/ru/web/performance/optimizing_startup_performance/index.md b/files/ru/web/performance/optimizing_startup_performance/index.md
index ceb7e8b3eb6d65..16270cbc15d7e4 100644
--- a/files/ru/web/performance/optimizing_startup_performance/index.md
+++ b/files/ru/web/performance/optimizing_startup_performance/index.md
@@ -27,7 +27,7 @@ translation_of: Web/Performance/Optimizing_startup_performance
 
 Есть несколько предложений, как сделать процесс загрузки асинхронным:
 
-- Используйте атрибуты {{ htmlattrxref("defer") }} или {{ htmlattrxref("async") }} на тегах script. Это позволит HTML парсерам продолжать парсинг документа, вместо того, чтобы переключаться на скачивание / парсинг / выполнение скриптов.
+- Используйте атрибуты [`defer`](/ru/docs/Web/HTML/Global_attributes#defer) или [`async`](/ru/docs/Web/HTML/Global_attributes#async) на тегах script. Это позволит HTML парсерам продолжать парсинг документа, вместо того, чтобы переключаться на скачивание / парсинг / выполнение скриптов.
 - Если вам нужно декодировать какой-то ресурс (например, JPEG для превращения его в текстуру в WebGL), делайте это в Worker-ах.
 - Когда вы имеете дело с данными, поддерживаемыми браузером, используйте встроенные декодеры, а не пишите свои. Это касается, например, декодинга изображений / видео. Производители браузеров стараются применять лучшие техники, наиболее совместимые с их кодовой базой. Кроме того, многие браузеры поддерживают параллельное выполнение таких обработчиков.
 - Любая обработка данных, которая может быть сделана параллельно **должна** быть сделана параллельно.
diff --git a/files/ru/web/svg/element/a/index.md b/files/ru/web/svg/element/a/index.md
index 978dc6da9f0ec7..3eaa79a0a122db 100644
--- a/files/ru/web/svg/element/a/index.md
+++ b/files/ru/web/svg/element/a/index.md
@@ -62,28 +62,28 @@ svg|a:hover, svg|a:active {
 
 ## Атрибуты
 
-- {{htmlattrxref("download", "a")}} {{experimental_inline}}
+- [`download`](/ru/docs/Web/HTML/Element/a#download) {{experimental_inline}}
   - : Указывает браузеру выполнить загрузку по {{Glossary("URL")}}, вместо того, чтобы переходить по нему. Таким образом пользователю будет предложено сохранить файл локально.
     _Тип_: **\<string>** ;_Значение по умолчанию_: _none_;_Анимируем_: **нет**
 - {{SVGAttr("href")}}
   - : {{Glossary("URL")}} или фрагмент URL для перехода.
     _Тип_: **[\<URL>](/docs/Web/SVG/Content_type#URL)** ; _Значение по умолчанию_: _none_; _Анимируем_: **да**
-- {{htmlattrxref("hreflang", "a")}}
+- [`hreflang`](/ru/docs/Web/HTML/Element/a#hreflang)
   - : URL на человеческом языке или фрагмент URL для перехода.
     _Тип_: **\<string>**; _Значение по умолчанию_: _none_; _Анимируем_: **да**
-- {{htmlattrxref("ping", "a")}} {{experimental_inline}}
+- [`ping`](/ru/docs/Web/HTML/Element/a#ping) {{experimental_inline}}
   - : Разделённый пробелами список URL при переходе по которым браузер будет отправлять [`POST`](/ru/docs/Web/HTTP/Methods/POST) запросы с телом `PING` (в фоне). Обычно используется для трекинга.
     _Тип_: **[\<list-of-URLs>](/docs/Web/SVG/Content_type#List-of-Ts)**; _Значение по умолчанию_: _none_; _Анимируем_: **нет**
-- {{htmlattrxref("referrerpolicy", "a")}} {{experimental_inline}}
+- [`referrerpolicy`](/ru/docs/Web/HTML/Element/a#referrerpolicy) {{experimental_inline}}
   - : Какой [referrer](/ru/docs/Web/HTTP/Заголовки/Referer) отправить при получении {{Glossary("URL")}}.
     _Тип_: `no-referrer`|`no-referrer-when-downgrade`|`same-origin`|`origin`|`strict-origin`|`origin-when-cross-origin`|`strict-origin-when-cross-origin`|`unsafe-url` ; _Значение по умолчанию_: _none_; _Анимируем_: **нет**
-- {{htmlattrxref("rel", "a")}} {{experimental_inline}}
+- [`rel`](/ru/docs/Web/HTML/Element/a#rel) {{experimental_inline}}
   - : Отношение между целевым объектом и объектом link.
     _Тип_: **[\<list-of-Link-Types>](/docs/Web/HTML/Link_types)** ; _Значение по умолчанию_: _none_; _Анимируем_: **да**
 - {{SVGAttr("target")}}
   - : Где отобразить переход {{Glossary("URL")}}.
     _Тип_: `_self`|`_parent`|`_top`|`_blank`|**\<name>** ; _Значение по умолчанию_: `_self`; _Анимируем_: **да**
-- {{htmlattrxref("type", "a")}}
+- [`type`](/ru/docs/Web/HTML/Element/a#type)
   - : {{Glossary("MIME type")}} для ссылки URL.
     _Тип_: **\<string>** ; _Значение по умолчанию_: _none_; _Анимируем_: **да**
 - {{SVGAttr("xlink:href")}} {{deprecated_inline}}
diff --git a/files/ru/web/svg/tutorial/svg_fonts/index.md b/files/ru/web/svg/tutorial/svg_fonts/index.md
index a83080e8b27eaf..663b58415f85f8 100644
--- a/files/ru/web/svg/tutorial/svg_fonts/index.md
+++ b/files/ru/web/svg/tutorial/svg_fonts/index.md
@@ -42,7 +42,7 @@ translation_of: Web/SVG/Tutorial/SVG_fonts
 
 Следующий элемент за {{ SVGElement("font-face-src") }} - это {{ SVGElement("missing-glyph") }}. Он определяет, что должно отображаться, если символ в шрифте не был найден и если нет запасного варианта. Он также показывает, как создаются глифы: добавлением в него любого графического контента SVG. В нем вы можете использовать буквально любые элементы SVG, даже {{ SVGElement("filter") }}, {{ SVGElement("a") }} или {{ SVGElement("script") }}. Однако для простых глифов вы можете просто добавить атрибут `d` - он определяет форму для глифа точно так же, как работают стандартные пути SVG.
 
-Сами глифы затем определяются элементами {{ SVGElement("glyph") }}. Наиболее важным атрибутом является `unicode`. Он определяет код кодировки unicode, представленный этим символом. Если вы указываете атрибут {{htmlattrxref("lang")}} на глифе, вы можете дополнительно ограничить его определёнными языками (представленными `xml:lang`). Вы можете использовать произвольный SVG для определения глифа, и это позволит вам создать замечательные эффекты.
+Сами глифы затем определяются элементами {{ SVGElement("glyph") }}. Наиболее важным атрибутом является `unicode`. Он определяет код кодировки unicode, представленный этим символом. Если вы указываете атрибут [`lang`](/ru/docs/Web/HTML/Global_attributes#lang) на глифе, вы можете дополнительно ограничить его определёнными языками (представленными `xml:lang`). Вы можете использовать произвольный SVG для определения глифа, и это позволит вам создать замечательные эффекты.
 
 Есть ещё два элемента, которые могут быть определены внутри шрифта: {{ SVGElement("hkern") }} и {{ SVGElement("vkern") }}. Каждый из них содержит ссылки не менее чем на два символа (атрибуты `u1` и `u2`) и атрибут `k`, который определяет, на сколько должно быть уменьшено расстояние между этими символами. Ниже показан пример инструкции размещения символов «A» и «V» на стандартном расстоянии.
 

From d09ca54b70dc472e6cc1dc2c3109800be888c731 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Wed, 21 Jun 2023 08:32:29 +0200
Subject: [PATCH 003/146] [zh-cn] sync translated content (#13869)

* zh-cn: sync translated content

* Remove obsolete scroll snap properties

ref: mdn/content#27434

---------

Co-authored-by: Allo <yin199909@aliyun.com>
---
 files/zh-cn/_wikihistory.json                 |  16 ---
 .../web/css/scroll-snap-coordinate/index.md   | 135 ------------------
 .../web/css/scroll-snap-destination/index.md  | 129 -----------------
 .../web/css/scroll-snap-points-x/index.md     |  90 ------------
 .../web/css/scroll-snap-points-y/index.md     |  91 ------------
 5 files changed, 461 deletions(-)
 delete mode 100644 files/zh-cn/web/css/scroll-snap-coordinate/index.md
 delete mode 100644 files/zh-cn/web/css/scroll-snap-destination/index.md
 delete mode 100644 files/zh-cn/web/css/scroll-snap-points-x/index.md
 delete mode 100644 files/zh-cn/web/css/scroll-snap-points-y/index.md

diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
index 30f4dc21278e9f..207b67cc4db20c 100644
--- a/files/zh-cn/_wikihistory.json
+++ b/files/zh-cn/_wikihistory.json
@@ -20869,22 +20869,6 @@
     "modified": "2020-11-27T01:35:52.693Z",
     "contributors": ["EryouHao"]
   },
-  "Web/CSS/scroll-snap-coordinate": {
-    "modified": "2019-01-16T21:50:21.410Z",
-    "contributors": ["rockywen"]
-  },
-  "Web/CSS/scroll-snap-destination": {
-    "modified": "2019-03-23T22:42:44.523Z",
-    "contributors": ["rockywen"]
-  },
-  "Web/CSS/scroll-snap-points-x": {
-    "modified": "2019-03-23T22:42:35.765Z",
-    "contributors": ["rockywen"]
-  },
-  "Web/CSS/scroll-snap-points-y": {
-    "modified": "2019-03-23T22:42:33.911Z",
-    "contributors": ["rockywen"]
-  },
   "Web/CSS/scroll-snap-type": {
     "modified": "2020-10-15T21:40:51.208Z",
     "contributors": ["suyanhanx", "RoXoM", "rockywen"]
diff --git a/files/zh-cn/web/css/scroll-snap-coordinate/index.md b/files/zh-cn/web/css/scroll-snap-coordinate/index.md
deleted file mode 100644
index c603ff4c4f62fb..00000000000000
--- a/files/zh-cn/web/css/scroll-snap-coordinate/index.md
+++ /dev/null
@@ -1,135 +0,0 @@
----
-title: scroll-snap-coordinate
-slug: Web/CSS/scroll-snap-coordinate
----
-
-{{CSSRef}}{{SeeCompatTable}}
-
-## 摘要
-
-**`scroll-snap-coordinate`** [CSS](/zh-CN/docs/Web/CSS)属性结合元素的最近的祖先元素滚动容器的{{cssxref("scroll-snap-destination")}} 定义的轴，定义了元素中 x 和 y 坐标偏移的位置。
-
-如果元素已经变型，snap 坐标也以相同的方式进行变型，为了使元素的 snap 点向元素一样被显示。
-
-{{cssinfo}}
-
-## 语法
-
-```css
-/* 关键值 */
-scroll-snap-coordinate: none;
-
-/* <位置>值 */
-scroll-snap-coordinate: 50px 50px;                   /* 单坐标 */
-scroll-snap-coordinate: 100px 100px, 100px bottom;   /* 多坐标 */
-
-/* 全局值 */
-scroll-snap-coordinate: inherit;
-scroll-snap-coordinate: initial;
-scroll-snap-coordinate: unset;
-```
-
-### 赋值
-
-- `none`
-  - : 定义元素不提供一个 snap 点。
-- `<position>`
-  - : 定义从元素核模型边框边缘开始偏移的 snap 坐标。每一对值中，第一个值给定了 snap 坐标的 x 坐标，第二个值为它的 y 坐标。
-
-### 形式语法
-
-{{csssyntax}}
-
-## 示例
-
-### HTML
-
-```html
-<div id="container">
-  <div>
-    <p>At coordinate (0, 0)</p>
-    <div class="scrollContainer coordinate0">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-
-  <div>
-    <p>At coordinate (25, 0)</p>
-    <div class="scrollContainer coordinate25">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-
-  <div>
-    <p>At coordinate (50, 0)</p>
-    <div class="scrollContainer coordinate50">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-</div>
-```
-
-### CSS
-
-```css
-#container {
-  display: flex;
-}
-
-#container > div:nth-child(-n+2) {
-  margin-right: 20px;
-}
-
-.scrollContainer {
-  width: 100px;
-  overflow: auto;
-  white-space: nowrap;
-  scroll-snap-type: mandatory;
-  font-size: 0;
-}
-
-.scrollContainer > div {
-  width: 100px;
-  height: 100px;
-  display: inline-block;
-  line-height: 100px;
-  text-align: center;
-  font-size: 50px;
-}
-
-.coordinate0 > div {
-  scroll-snap-coordinate: 0 0;
-}
-
-.coordinate25 > div {
-  scroll-snap-coordinate: 25px 0;
-}
-
-.coordinate50 > div {
-  scroll-snap-coordinate: 50px 0;
-}
-
-.scrollContainer > div:nth-child(even) {
-  background-color: #87ea87;
-}
-
-.scrollContainer > div:nth-child(odd) {
-  background-color: #87ccea;
-}
-```
-
-{{EmbedLiveSample("示例", "100%", "170")}}
-
-## 规范
-
-不属于任何规范。
-
-## 浏览器兼容性
-
-{{Compat}}
diff --git a/files/zh-cn/web/css/scroll-snap-destination/index.md b/files/zh-cn/web/css/scroll-snap-destination/index.md
deleted file mode 100644
index 31b19449870fb4..00000000000000
--- a/files/zh-cn/web/css/scroll-snap-destination/index.md
+++ /dev/null
@@ -1,129 +0,0 @@
----
-title: scroll-snap-destination
-slug: Web/CSS/scroll-snap-destination
----
-
-{{CSSRef}}{{SeeCompatTable}}
-
-## 摘要
-
-**`scroll-snap-destination`** [CSS](/zh-CN/docs/Web/CSS)属性定义滚动容器的可视化{{Glossary("viewport")}} 中元素 snap 点的 x 和 y 坐标位置。
-
-{{cssinfo}}
-
-## 语法
-
-```css
-/* <位置>值 */
-scroll-snap-destination: 400px 600px;
-
-/* 全局值 */
-scroll-snap-destination: inherit;
-scroll-snap-destination: initial;
-scroll-snap-destination: unset;
-```
-
-### 取值
-
-- `<position>`
-  - : 定义从滚动容器的可视视图边缘开始偏移的 snap 坐标。第一个值给定了 snap 坐标的 x 坐标，第二个值为它的 y 坐标。
-
-### 形式语法
-
-{{csssyntax}}
-
-## 示例
-
-### HTML
-
-```html
-<div id="container">
-  <div>
-    <p>At coordinate (0, 0)</p>
-    <div class="scrollContainer destination0">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-
-  <div>
-    <p>At coordinate (25, 0)</p>
-    <div class="scrollContainer destination25">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-
-  <div>
-    <p>At coordinate (50, 0)</p>
-    <div class="scrollContainer destination50">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-</div>
-```
-
-### CSS
-
-```css
-#container {
-  display: flex;
-}
-
-#container > div:nth-child(-n+2) {
-  margin-right: 20px;
-}
-
-.scrollContainer {
-  width: 100px;
-  overflow: auto;
-  white-space: nowrap;
-  scroll-snap-points-x: repeat(100%);
-  scroll-snap-type: mandatory;
-  scroll-snap-destination: 20px 0;
-  font-size: 0;
-}
-
-.destination0 {
-  scroll-snap-destination: 0 0;
-}
-
-.destination25 {
-  scroll-snap-destination: 25px 0;
-}
-
-.destination50 {
-  scroll-snap-destination: 50px 0;
-}
-
-.scrollContainer > div {
-  width: 100px;
-  height: 100px;
-  display: inline-block;
-  line-height: 100px;
-  text-align: center;
-  font-size: 50px;
-}
-
-.scrollContainer > div:nth-child(even) {
-  background-color: #87EA87;
-}
-
-.scrollContainer > div:nth-child(odd) {
-  background-color: #87CCEA;
-}
-```
-
-{{EmbedLiveSample("示例", "100%", "170")}}
-
-## 规范
-
-不属于任何规范。
-
-## 浏览器兼容性
-
-{{Compat}}
diff --git a/files/zh-cn/web/css/scroll-snap-points-x/index.md b/files/zh-cn/web/css/scroll-snap-points-x/index.md
deleted file mode 100644
index b73122be408911..00000000000000
--- a/files/zh-cn/web/css/scroll-snap-points-x/index.md
+++ /dev/null
@@ -1,90 +0,0 @@
----
-title: scroll-snap-points-x
-slug: Web/CSS/scroll-snap-points-x
----
-
-{{CSSRef}}{{SeeCompatTable}}{{deprecated_header}}
-
-## 摘要
-
-**`scroll-snap-points-x`** [CSS](/zh-CN/docs/Web/CSS)属性定义滚动容器中内容的 snap 点的水平位置。
-
-{{cssinfo}}
-
-## 语法
-
-```css
-/* 关键值 */
-scroll-snap-points-x: none;
-
-/* 重复的 snap 点 */
-scroll-snap-points-x: repeat(400px);
-
-/* 全局值 */
-scroll-snap-points-x: inherit;
-scroll-snap-points-x: initial;
-scroll-snap-points-x: unset;
-```
-
-### 取值
-
-- `none`
-  - : 滚动容器没有定义任何 snap 点。Elements within the scroll container may still define snap points of behalf of the scroll container.（i don't understand this statement）
-- `repeat(<长度>)`
-  - : 定义 snap 点的一个间隔，从容器相关的边缘开始。仅允许正数长度。
-
-### 形式语法
-
-{{csssyntax}}
-
-## 示例
-
-### HTML
-
-```html
-<div id="container">
-  <div>1</div>
-  <div>2</div>
-  <div>3</div>
-</div>
-```
-
-### CSS
-
-```css
-#container {
-  width: 200px;
-  overflow: auto;
-  white-space: nowrap;
-  scroll-snap-points-x: repeat(100%);
-  scroll-snap-type: mandatory;
-  font-size: 0;
-}
-
-#container > div {
-  width: 200px;
-  height: 200px;
-  display: inline-block;
-  line-height: 200px;
-  text-align: center;
-  font-size: 100px;
-}
-
-#container > div:nth-child(even) {
-  background-color: #87ea87;
-}
-
-#container > div:nth-child(odd) {
-  background-color: #87ccea;
-}
-```
-
-{{EmbedLiveSample("示例", 220, 220)}}
-
-## 规范
-
-此属性曾定义在[early draft of CSS Scroll Snap Points Module](http://www.w3.org/TR/2015/WD-css-snappoints-1-20150326/#scroll-snap-points)中，但是后来在[in favor of element-based snapping](https://lists.w3.org/Archives/Public/www-style/2015Nov/0266.html)规范中被[移除](https://github.com/w3c/csswg-drafts/commit/922af86be789222b8490c92038d1a5142e1c1198)。
-
-## 浏览器兼容性
-
-{{Compat}}
diff --git a/files/zh-cn/web/css/scroll-snap-points-y/index.md b/files/zh-cn/web/css/scroll-snap-points-y/index.md
deleted file mode 100644
index 62184c85990ff7..00000000000000
--- a/files/zh-cn/web/css/scroll-snap-points-y/index.md
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: scroll-snap-points-y
-slug: Web/CSS/scroll-snap-points-y
----
-
-{{CSSRef}}{{SeeCompatTable}}{{deprecated_header}}
-
-## 摘要
-
-**`scroll-snap-points-y`** [CSS](/zh-CN/docs/Web/CSS)属性定义滚动容器中内容的 snap 点的垂直位置。
-
-{{cssinfo}}
-
-## 语法
-
-```css
-/* 关键值 */
-scroll-snap-points-y: none;
-
-/* 重复的 snap 点 */
-scroll-snap-points-y: repeat(400px);
-
-/* 全局值 */
-scroll-snap-points-y: inherit;
-scroll-snap-points-y: initial;
-scroll-snap-points-y: unset;
-```
-
-### 值
-
-- `none`
-  - : 滚动容器没有定义任何 snap 点。Elements within the scroll container may still define snap points of behalf of the scroll container.（i don't understand this statement）
-- `repeat(<长度>)`
-  - : 定义 snap 点的一个间隔，从容器相关的边缘开始。仅允许正数长度。
-
-### 形式语法
-
-{{csssyntax}}
-
-## 示例
-
-### HTML
-
-```html
-<div id="container">
-  <div>1</div>
-  <div>2</div>
-  <div>3</div>
-</div>
-```
-
-### CSS
-
-```css
-#container {
-  height: 200px;
-  width: 220px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  scroll-snap-points-y: repeat(200px);
-  scroll-snap-type: mandatory;
-  font-size: 0;
-}
-
-#container > div {
-  width: 200px;
-  height: 200px;
-  display: inline-block;
-  line-height: 200px;
-  text-align: center;
-  font-size: 100px;
-}
-
-#container > div:nth-child(even) {
-  background-color: #87EA87;
-}
-
-#container > div:nth-child(odd) {
-  background-color: #87CCEA;
-}
-```
-
-{{EmbedLiveSample("示例", 220, 220)}}
-
-## 规范
-
-此属性曾定义在[early draft of CSS Scroll Snap Points Module](http://www.w3.org/TR/2015/WD-css-snappoints-1-20150326/#scroll-snap-points)中，但是后来在[in favor of element-based snapping](https://lists.w3.org/Archives/Public/www-style/2015Nov/0266.html)规范中被[移出](https://github.com/w3c/csswg-drafts/commit/922af86be789222b8490c92038d1a5142e1c1198)。
-
-## 浏览器兼容性
-
-{{Compat}}

From be8561168776e9ce34960e834903ffd84b826985 Mon Sep 17 00:00:00 2001
From: Park JongBeum <dev@parkjb.com>
Date: Wed, 21 Jun 2023 18:16:51 +0900
Subject: [PATCH 004/146] [ko] Translate: `Array.prototype.toReversed()`
 (#13682)

* [ko] Translate: `Array.prototype.toReversed()`
* Update: Metadata
---
 .../global_objects/array/toreversed/index.md  | 84 +++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 files/ko/web/javascript/reference/global_objects/array/toreversed/index.md

diff --git a/files/ko/web/javascript/reference/global_objects/array/toreversed/index.md b/files/ko/web/javascript/reference/global_objects/array/toreversed/index.md
new file mode 100644
index 00000000000000..407d4564e8c930
--- /dev/null
+++ b/files/ko/web/javascript/reference/global_objects/array/toreversed/index.md
@@ -0,0 +1,84 @@
+---
+title: Array.prototype.toReversed()
+slug: Web/JavaScript/Reference/Global_Objects/Array/toReversed
+l10n:
+  sourceCommit: 6bd17cb9cbc2d11163617b9f71706e93fdd743c8
+---
+
+{{JSRef}}
+
+{{jsxref("Array")}} 인스턴스의 **`toReversed()`** 메서드는 {{jsxref("Array/reverse", "reverse()")}}에 대응되는 [복사](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array#copying_methods_and_mutating_methods) 메서드입니다. 이 메서드는 요소들을 반대로 뒤집은 새로운 배열을 반환합니다.
+
+## 구문
+
+```js-nolint
+toReversed()
+```
+
+### 반환 값
+
+역순으로 정렬된 새로운 배열을 반환합니다.
+
+## 설명
+
+`toReversed()` 메서드는 호출한 배열 객체의 요소를 반대로 변경하고 새로운 배열을 반환합니다.
+
+[희소 배열](/ko/docs/Web/JavaScript/Guide/Indexed_collections#sparse_arrays)에서 사용할 때, `toReversed()` 메서드는 빈 슬롯을 `undefined` 값으로 간주하고 반복합니다.
+
+`toReversed()` 메서드는 [일반화](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array#generic_array_methods)되어 있습니다. `this` 값이 `length` 속성과 정수로 키가 지정된 속성을 가지고 있다고 기대합니다.
+
+## 예제
+
+### 배열의 요소를 반대로 뒤집기
+
+다음 예제는 세 개의 요소를 가진 `items` 배열을 생성하고, 이를 반대로 뒤집은 새로운 배열을 생성합니다. `items` 배열은 변경되지 않습니다.
+
+```js
+const items = [1, 2, 3];
+console.log(items); // [1, 2, 3]
+
+const reversedItems = items.toReversed();
+console.log(reversedItems); // [3, 2, 1]
+console.log(items); // [1, 2, 3]
+```
+
+### 희소 배열에서 toReversed() 사용하기
+
+`toReversed()`의 반환 값은 절대 희소 배열이 아닙니다. 빈 슬롯은 반환된 배열에서 `undefined`가 됩니다.
+
+```js
+console.log([1, , 3].toReversed()); // [3, undefined, 1]
+console.log([1, , 3, 4].toReversed()); // [4, 3, undefined, 1]
+```
+
+### 배열이 아닌 객체에서 toReversed() 호출하기
+
+`toReversed()` 메서드는 `this`의 `length` 속성을 읽습니다. 그런 다음 `length - 1`과 `0` 사이의 각 인덱스를 내림차순으로 방문하고, 원래 배열의 해당 인덱스의 값을 새 배열의 해당 인덱스에 추가합니다.
+
+```js
+const arrayLike = {
+  length: 3,
+  unrelated: "foo",
+  2: 4,
+};
+console.log(Array.prototype.toReversed.call(arrayLike));
+// [4, undefined, undefined]
+// '0'번과 '1'번 인덱스가 없기 때문에 undefined가 됩니다.
+```
+
+## 명세서
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+## 같이 보기
+
+- [Polyfill of `Array.prototype.toReversed` in `core-js`](https://github.com/zloirock/core-js#change-array-by-copy)
+- {{jsxref("Array.prototype.reverse()")}}
+- {{jsxref("Array.prototype.toSorted()")}}
+- {{jsxref("Array.prototype.toSpliced()")}}
+- {{jsxref("Array.prototype.with()")}}
+- {{jsxref("TypedArray.prototype.toReversed()")}}

From 10ace0a6eb61d87c80dbd820689351a7c163f843 Mon Sep 17 00:00:00 2001
From: Jongha Kim <kim.jongha@gmail.com>
Date: Wed, 21 Jun 2023 18:22:11 +0900
Subject: [PATCH 005/146] =?UTF-8?q?[ko]=20DataView.getInt8(),=20getInt16()?=
 =?UTF-8?q?,=20getInt32()=20=EC=B6=94=EA=B0=80=20(#13807)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- DataView.prototype.getInt8() 추가
- DataView.prototype.getInt16() 추가
- DataView.prototype.getInt32() 추가
---
 .../global_objects/dataview/getint16/index.md | 64 +++++++++++++++++++
 .../global_objects/dataview/getint32/index.md | 64 +++++++++++++++++++
 .../global_objects/dataview/getint8/index.md  | 60 +++++++++++++++++
 3 files changed, 188 insertions(+)
 create mode 100644 files/ko/web/javascript/reference/global_objects/dataview/getint16/index.md
 create mode 100644 files/ko/web/javascript/reference/global_objects/dataview/getint32/index.md
 create mode 100644 files/ko/web/javascript/reference/global_objects/dataview/getint8/index.md

diff --git a/files/ko/web/javascript/reference/global_objects/dataview/getint16/index.md b/files/ko/web/javascript/reference/global_objects/dataview/getint16/index.md
new file mode 100644
index 00000000000000..bef8f10f5e5bcf
--- /dev/null
+++ b/files/ko/web/javascript/reference/global_objects/dataview/getint16/index.md
@@ -0,0 +1,64 @@
+---
+title: DataView.prototype.getInt16()
+slug: Web/JavaScript/Reference/Global_Objects/DataView/getInt16
+l10n:
+  sourceCommit: a1ab8a0d6e510d53989c6de9515cdf5654b904b7
+---
+
+{{JSRef}}
+
+**`getInt16()`** 메서드는 {{jsxref("DataView")}}의 시작 부분에서 주어진 오프셋(바이트)만큼 떨어진 곳에서부터
+부호화된 16비트 정수(short)를 가져옵니다.
+
+{{EmbedInteractiveExample("pages/js/dataview-getint16.html")}}
+
+## 구문
+
+```js-nolint
+getInt16(byteOffset)
+getInt16(byteOffset, littleEndian)
+```
+
+### 매개변수
+
+- `byteOffset`
+  - : 데이터를 읽을 데이터 뷰의 시작점으로부터의 오프셋(바이트).
+- `littleEndian` {{optional_inline}}
+  - : {{Glossary("Endianness", "little- or big-endian")}} 형식으로 16비트 정수를 저장할지
+    여부를 나타냅니다. `false` 혹은 `undefined`이라면 빅 엔디안 값을 읽습니다.
+
+### 반환 값
+
+부호있는 16비트 정수.
+
+### 에러 발생
+
+- {{jsxref("RangeError")}}
+  - : 데이터 뷰의 끝을 넘어서 읽을 수 있는 `byteOffset`이 설정된 경우 발생합니다.
+
+## 설명
+
+정렬 제약 조건은 없으며, 임의의 오프셋에서 멀티바이트 값을 가져올 수 있습니다.
+
+## 예제
+
+### getInt16 메서드 사용하기
+
+```js
+const buffer = new ArrayBuffer(8);
+const dataview = new DataView(buffer);
+dataview.getInt16(1); // 0
+```
+
+## 명세서
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+## 같이 보기
+
+- {{jsxref("DataView")}}
+- {{jsxref("ArrayBuffer")}}
diff --git a/files/ko/web/javascript/reference/global_objects/dataview/getint32/index.md b/files/ko/web/javascript/reference/global_objects/dataview/getint32/index.md
new file mode 100644
index 00000000000000..dbc36d48c3ff67
--- /dev/null
+++ b/files/ko/web/javascript/reference/global_objects/dataview/getint32/index.md
@@ -0,0 +1,64 @@
+---
+title: DataView.prototype.getInt32()
+slug: Web/JavaScript/Reference/Global_Objects/DataView/getInt32
+l10n:
+  sourceCommit: a1ab8a0d6e510d53989c6de9515cdf5654b904b7
+---
+
+{{JSRef}}
+
+**`getInt32()`** 메서드는 {{jsxref("DataView")}}의 시작 부분에서 주어진 오프셋(바이트)만큼 떨어진 곳에서부터
+부호화된 32비트 정수(long)를 가져옵니다.
+
+{{EmbedInteractiveExample("pages/js/dataview-getint32.html")}}
+
+## 구문
+
+```js-nolint
+getInt32(byteOffset)
+getInt32(byteOffset, littleEndian)
+```
+
+### 매개변수
+
+- `byteOffset`
+  - : 데이터를 읽을 데이터 뷰의 시작점으로부터의 오프셋(바이트).
+- `littleEndian` {{optional_inline}}
+  - : {{Glossary("Endianness", "little- or big-endian")}} 형식으로 32비트 정수를 저장할지
+    여부를 나타냅니다. `false` 혹은 `undefined`이라면 빅 엔디안 값을 읽습니다.
+
+### 반환 값
+
+부호 있는 32비트 정수.
+
+### 에러 발생
+
+- {{jsxref("RangeError")}}
+  - : 데이터 뷰의 끝을 넘어서 읽을 수 있는 `byteOffset`이 설정된 경우 발생합니다.
+
+## 설명
+
+정렬 제약 조건은 없으며, 임의의 오프셋에서 멀티바이트 값을 가져올 수 있습니다.
+
+## 예제
+
+### getInt32 메서드 사용하기
+
+```js
+const buffer = new ArrayBuffer(8);
+const dataview = new DataView(buffer);
+dataview.getInt32(1); // 0
+```
+
+## 명세서
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+## 같이 보기
+
+- {{jsxref("DataView")}}
+- {{jsxref("ArrayBuffer")}}
diff --git a/files/ko/web/javascript/reference/global_objects/dataview/getint8/index.md b/files/ko/web/javascript/reference/global_objects/dataview/getint8/index.md
new file mode 100644
index 00000000000000..90a8a4feb61f78
--- /dev/null
+++ b/files/ko/web/javascript/reference/global_objects/dataview/getint8/index.md
@@ -0,0 +1,60 @@
+---
+title: DataView.prototype.getInt8()
+slug: Web/JavaScript/Reference/Global_Objects/DataView/getInt8
+l10n:
+  sourceCommit: 6b728699f5f38f1070a94673b5e7afdb1102a941
+---
+
+{{JSRef}}
+
+**`getInt8()`** 메서드는 {{jsxref("DataView")}}의 시작 부분에서 주어진 오프셋(바이트)만큼 떨어진 곳에서부터
+부호화된 8비트 정수(바이트)를 가져옵니다.
+
+{{EmbedInteractiveExample("pages/js/dataview-getint8.html")}}
+
+## 구문
+
+```js-nolint
+getInt8(byteOffset)
+```
+
+### 매개변수
+
+- `byteOffset`
+  - : 데이터를 읽을 데이터 뷰의 시작점으로부터의 오프셋(바이트).
+
+### 반환 값
+
+부호 있는 8비트 정수 숫자.
+
+### 에러 발생
+
+- {{jsxref("RangeError")}}
+  - : 데이터 뷰의 끝을 넘어서 읽을 수 있는 `byteOffset`이 설정된 경우 발생합니다.
+
+## 설명
+
+정렬 제약 조건은 없으며, 임의의 오프셋에서 멀티바이트 값을 가져올 수 있습니다.
+
+## 예제
+
+### getInt8 메서드 사용하기
+
+```js
+const buffer = new ArrayBuffer(8);
+const dataview = new DataView(buffer);
+dataview.getInt8(1); // 0
+```
+
+## 명세서
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+## 같이 보기
+
+- {{jsxref("DataView")}}
+- {{jsxref("ArrayBuffer")}}

From 5a426d594ae0cac60979788fbf77529d86d6e78d Mon Sep 17 00:00:00 2001
From: Pablo Bion <pablo.bion@hotmail.com>
Date: Wed, 21 Jun 2023 09:45:27 -0300
Subject: [PATCH 006/146] =?UTF-8?q?Tradu=C3=A7=C3=A3o=20pagina=20transform?=
 =?UTF-8?q?-origin=20para=20PT-BR=20(#13580)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Tradução pagina transform-origin para PT-BR

* Update index.md

* Update files/pt-br/web/css/transform-origin/index.md

Co-authored-by: Josiel Rocha <1158643+josielrocha@users.noreply.github.com>

* Update files/pt-br/web/css/transform-origin/index.md

Co-authored-by: Josiel Rocha <1158643+josielrocha@users.noreply.github.com>

* Update files/pt-br/web/css/transform-origin/index.md

Co-authored-by: Josiel Rocha <1158643+josielrocha@users.noreply.github.com>

* Update files/pt-br/web/css/transform-origin/index.md

Co-authored-by: Josiel Rocha <1158643+josielrocha@users.noreply.github.com>

---------

Co-authored-by: Josiel Rocha <1158643+josielrocha@users.noreply.github.com>
---
 files/pt-br/web/css/transform-origin/index.md | 320 ++++++++++++++++++
 1 file changed, 320 insertions(+)
 create mode 100644 files/pt-br/web/css/transform-origin/index.md

diff --git a/files/pt-br/web/css/transform-origin/index.md b/files/pt-br/web/css/transform-origin/index.md
new file mode 100644
index 00000000000000..60ef35185b1d07
--- /dev/null
+++ b/files/pt-br/web/css/transform-origin/index.md
@@ -0,0 +1,320 @@
+---
+title: transform-origin
+slug: Web/CSS/transform-origin
+---
+
+{{CSSRef}}
+
+A propriedade **`transform-origin`** define a origem das transformações de um elemento no [CSS](/pt-BR/docs/Web/CSS).
+
+{{EmbedInteractiveExample("pages/css/transform-origin.html")}}
+
+A origem da transformação é o ponto em torno do qual uma transformação é aplicada. Por exemplo, a origem da transformação da função [`rotate()`](/en-US/docs/Web/CSS/transform-function/rotate) é o centro de rotação.
+
+Na prática, essa propriedade envolve um par de translações em torno das outras transformações do elemento. A primeira translação move a origem da transformação para a origem real em <math><mrow><mo stretchy="false">(</mo><mn>0</mn><mo>,</mo><mn>0</mn><mo stretchy="false">)</mo></mrow></math>. Em seguida, as outras transformações são aplicadas e, porque a origem da transformação está em <math><mrow><mo stretchy="false">(</mo><mn>0</mn><mo>,</mo><mn>0</mn><mo stretchy="false">)</mo></mrow></math>, essas transformações atuam em relação à origem da transformação. Por fim, a translação oposta é aplicada, movendo a origem da transformação de volta à sua localização original. Consequentemente, essa definição
+
+```css
+transform-origin: -100% 50%;
+transform: rotate(45deg);
+```
+
+resulta na mesma transformação que
+
+```css
+transform-origin: 0 0;
+transform: translate(-100%, 50%) rotate(45deg) translate(100%, -50%);
+```
+
+Lendo da direita para a esquerda, `translate(100%, -50%)` é a tradução para trazer a origem da transformação para a origem real, `rotate(45deg)` é a transformação original e `translate(-100%, 50%)` é a tradução para restaurar a origem da transformação à sua localização original.
+
+Por padrão, a origem de uma transformação é `center` (centro).
+
+## Sintaxe
+
+```css
+/* One-value syntax */
+transform-origin: 2px;
+transform-origin: bottom;
+
+/* x-offset | y-offset */
+transform-origin: 3cm 2px;
+
+/* x-offset-keyword | y-offset */
+transform-origin: left 2px;
+
+/* x-offset-keyword | y-offset-keyword */
+transform-origin: right top;
+
+/* y-offset-keyword | x-offset-keyword */
+transform-origin: top right;
+
+/* x-offset | y-offset | z-offset */
+transform-origin: 2px 30% 10px;
+
+/* x-offset-keyword | y-offset | z-offset */
+transform-origin: left 5px -3px;
+
+/* x-offset-keyword | y-offset-keyword | z-offset */
+transform-origin: right bottom 2cm;
+
+/* y-offset-keyword | x-offset-keyword | z-offset */
+transform-origin: bottom right 2cm;
+
+/* Global values */
+transform-origin: inherit;
+transform-origin: initial;
+transform-origin: revert;
+transform-origin: revert-layer;
+transform-origin: unset;
+```
+
+A propriedade `transform-origin` pode ser especificada usando um, dois ou três valores, onde cada valor representa um deslocamento. Deslocamentos que não são definidos explicitamente são redefinidos para seus respectivos [valores iniciais](/en-US/docs/Web/CSS/initial_value).
+
+Se um único valor {{cssxref("&lt;length&gt;")}} ou {{cssxref("&lt;percentage&gt;")}} for definido, ele representa o deslocamento horizontal.
+
+Se dois ou mais valores forem definidos e nenhum deles for uma palavra-chave, ou a única palavra-chave utilizada for `center`, então o primeiro valor representa o deslocamento horizontal e o segundo representa o deslocamento vertical.
+
+- Sintaxe de um valor:
+
+  - O valor deve ser um {{cssxref("&lt;length&gt;")}}, um {{cssxref("&lt;percentage&gt;")}}, ou uma das palavras-chave `left`, `center`, `right`, `top` e `bottom`.
+
+- Sintaxe de dois valores:
+
+  - Um valor deve ser um {{cssxref("&lt;length&gt;")}}, um {{cssxref("&lt;percentage&gt;")}}, ou uma das palavras-chave `left`, `center` e `right`.
+  - O outro valor deve ser um {{cssxref("&lt;length&gt;")}}, um {{cssxref("&lt;percentage&gt;")}}, ou uma das palavras-chave `top`, `center` e `bottom`.
+
+- Sintaxe de três valores:
+
+  - Os dois primeiros valores são os mesmos da sintaxe de dois valores.
+  - O terceiro valor deve ser um {{cssxref("&lt;length&gt;")}}. Ele representa sempre o deslocamento Z.
+
+### Valores
+
+- _x-offset_
+  - : É um {{cssxref("&lt;length&gt;")}} ou um {{cssxref("&lt;percentage&gt;")}} que descreve a distância a partir da borda esquerda da caixa onde a origem da transformação é definida.
+- _offset-keyword_
+  - : É uma das palavras-chave `left`, `right`, `top`, `bottom` ou `center` que descreve o deslocamento correspondente.
+- _y-offset_
+  - : É um {{cssxref("&lt;length&gt;")}} ou um {{cssxref("&lt;percentage&gt;")}} que descreve a distância a partir da borda superior da caixa onde a origem da transformação é definida.
+- _x-offset-keyword_
+  - : É uma das palavras-chave `left`, `right` ou `center` que descreve a distância a partir da borda esquerda da caixa onde a origem da transformação é definida.
+- _y-offset-keyword_
+  - : É uma das palavras-chave `top`, `bottom` ou `center` que descreve a distância a partir da borda superior da caixa onde a origem da transformação é definida.
+- _z-offset_
+  - : É um {{cssxref("&lt;length&gt;")}} (e nunca um {{cssxref("&lt;percentage&gt;")}} que tornaria a afirmação inválida) que descreve a distância do olho do usuário onde a origem z=0 é definida.
+
+As palavras-chave são atalhos convenientes e correspondem aos seguintes valores de {{cssxref("&lt;percentage&gt;")}}:
+
+| Keyword  | Value  |
+| -------- | ------ |
+| `left`   | `0%`   |
+| `center` | `50%`  |
+| `right`  | `100%` |
+| `top`    | `0%`   |
+| `bottom` | `100%` |
+
+## Definição formal
+
+{{CSSInfo}}
+
+> **Nota:** O valor inicial de `transform-origin` é `0 0` para todos os elementos SVG, exceto para elementos `<svg>` raiz e elementos `<svg>` que são filhos diretos de um elemento [foreignObject](/en-US/docs/Web/SVG/Element/foreignObject), cujo `transform-origin` é `50% 50%`, assim como outros elementos CSS. Consulte o atributo [transform-origin](/en-US/docs/Web/SVG/Attribute/transform-origin) do SVG para obter mais informações.
+
+## Sintaxe formal
+
+{{csssyntax}}
+
+## Exemplos
+
+### Uma demonstração de vários valores de transformação
+
+Este exemplo mostra o efeito de escolher diferentes valores de `transform-origin` para uma variedade de funções de transformação.
+
+```html hidden
+<div class="container">
+  <div class="example">
+    <div class="box box1">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: none;
+  </pre>
+
+  <div class="example">
+    <div class="box box2">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: rotate(30deg);
+  </pre>
+
+  <div class="example">
+    <div class="box box3">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: rotate(30deg);
+transform-origin: 0 0;
+  </pre>
+
+  <div class="example">
+    <div class="box box4">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: rotate(30deg);
+transform-origin: 100% 100%;
+  </pre>
+
+  <div class="example">
+    <div class="box box5">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: rotate(30deg);
+transform-origin: -1em -3em;
+  </pre>
+
+  <div class="example">
+    <div class="box box6">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: scale(1.7);
+  </pre>
+
+  <div class="example">
+    <div class="box box7">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: scale(1.7);
+transform-origin: 0 0;
+  </pre>
+
+  <div class="example">
+    <div class="box box8">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: scale(1.7);
+transform-origin: 100% -30%;
+  </pre>
+
+  <div class="example">
+    <div class="box box9">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: skewX(50deg);
+transform-origin: 100% -30%;
+  </pre>
+
+  <div class="example">
+    <div class="box box10">&nbsp;</div>
+    <div class="box original">&nbsp;</div>
+  </div>
+
+  <pre>
+transform: skewY(50deg);
+transform-origin: 100% -30%;
+  </pre>
+</div>
+```
+
+```css hidden
+.container {
+  display: grid;
+  grid-template-columns: 200px 100px;
+  gap: 20px;
+}
+
+.example {
+  position: relative;
+  margin: 0 2em 4em 5em;
+}
+
+.box {
+  display: inline-block;
+  width: 3em;
+  height: 3em;
+  border: solid 1px;
+  background-color: palegreen;
+}
+
+.original {
+  position: absolute;
+  left: 0;
+  opacity: 20%;
+}
+
+.box1 {
+  transform: none;
+}
+
+.box2 {
+  transform: rotate(30deg);
+}
+
+.box3 {
+  transform: rotate(30deg);
+  transform-origin: 0 0;
+}
+
+.box4 {
+  transform: rotate(30deg);
+  transform-origin: 100% 100%;
+}
+
+.box5 {
+  transform: rotate(30deg);
+  transform-origin: -1em -3em;
+}
+
+.box6 {
+  transform: scale(1.7);
+}
+
+.box7 {
+  transform: scale(1.7);
+  transform-origin: 0 0;
+}
+
+.box8 {
+  transform: scale(1.7);
+  transform-origin: 100% -30%;
+}
+
+.box9 {
+  transform: skewX(50deg);
+  transform-origin: 100% -30%;
+}
+
+.box10 {
+  transform: skewY(50deg);
+  transform-origin: 100% -30%;
+}
+```
+
+{{EmbedLiveSample('A_demonstration_of_various_transform_values', '', 1350) }}
+
+## Especificações
+
+{{Specifications}}
+
+## Compatibilidade com navegadorres
+
+{{Compat}}
+
+## Veja também
+
+- [Usando transformações CSS](/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms)
+- <https://css-tricks.com/almanac/properties/t/transform-origin/>

From ddc84d8343a00914488ec2501f4dc59031cc0015 Mon Sep 17 00:00:00 2001
From: soorokim <44357561+soorokim@users.noreply.github.com>
Date: Wed, 21 Jun 2023 22:14:23 +0900
Subject: [PATCH 007/146] =?UTF-8?q?[ko]=20CSS:=20CSS=20=EA=B8=B0=EB=B3=B8?=
 =?UTF-8?q?=20=EB=B0=95=EC=8A=A4=EB=AA=A8=EB=8D=B8=20=EC=9E=85=EB=AC=B8=20?=
 =?UTF-8?q?=EC=B5=9C=EC=8B=A0=ED=99=94=20(#13875)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[ko] CSS 박스 모델 입문 최신화

* Description
- 박스모델 이미지 오류 수정
- 각 요소별 제목 추가
-  명세서 항목 삭제
- 같이보기 최신화

* Motivation
박스모델 이미지가 정상적으로 보이게 하고싶었습니다.
이미지를 수정하고 나니 최신 문서와 다른부분이 보여 최신화 했습니다.
---
 .../boxmodel.png                              | Bin 0 -> 3583 bytes
 .../index.md                                  |  43 ++++++++++--------
 2 files changed, 24 insertions(+), 19 deletions(-)
 create mode 100644 files/ko/web/css/css_box_model/introduction_to_the_css_box_model/boxmodel.png

diff --git a/files/ko/web/css/css_box_model/introduction_to_the_css_box_model/boxmodel.png b/files/ko/web/css/css_box_model/introduction_to_the_css_box_model/boxmodel.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8df14f31846607db750d37b737f3e2fdddface0
GIT binary patch
literal 3583
zcmb_fc|4T+8Xt@pB^rB)!Hbaf6j>TWmUkQ>h7gJ@se=ri>`RF=jEoT#Wyy9O`%=hy
z7&NwyrNy2xl3jx&G4~y(d(XZ1@B8^ZpZEPe&+q#@@3Z}$&*vprS(x(j9OZ$*V7yq+
z$QlM?2VgL^C~gi&@;gY7hhA_mgYyP3SY^_|@2;E>&lX^9Y6vUq7oUfiU#!e=#(zvP
zM@B{fKn{nqGc&`|KP~Yfc$iFPUtixZK0YKexud;9M^C4^y4ou!9#R?}9?s3py^~h_
zxT<$*YRb#YYhhtwb8`~_02~hI>FL?n*jQ0f@#@v9pr9aqef_w&xYX3tw6wI1jSZv&
zyajSr9cyHO3mRRT;0?$<$<MWhy6J9!NmO6Oj_vGCeRept>|CBW?>vOQz|;+Bit;Rw
zX>quDuCEuxf6*;1VtA}nJ!xzrBX>3MGxfB}7(7|f-}zCU%9OZrdhO~7x9A>CEYKC+
zG?`X__LYoyJJz-Q8s9KOteki=#&J78<?z^y)NF>S3I07Az0!a7w<6St{?dJ-dxJhD
z{D_u^7@uh;e~&bJiH7des2uMqSX7nHvikLGT}+CBb(X{zV%~^8Ai~w2@PI}HcIg4#
z!Y1!7n_M0B6#Ln!jfzrVJl~|8acd+{<^HjNphR~`KI4JF-JP%NUS={yTn}&RfcI}y
z&m!nSOHSgnnUAN*p5b9m@0|5pKCZu%aB3r<yv=Nuddt*|9hMHCr_SemFuL%l3QVkO
zdg}dUJ`#O5G@ZfU6Ts(o6rAjgu#tGDui8|EK8vQA1TnzgoRgtx$8HhCHDm$y=sIMz
zBsV4Xkw*+>!$i|&T{E*VYg^o>=5p;DbDDH^xDZ0+!04_I%HSCI=K*9*H2mM&!n<%0
z4j-J;z<-M&L=E$nKA|Dd=>yH8igsPrVfR~|9nJO<f3gsjTia<^K^j3%^$;}-ICtZz
ziyZJR-{%SAPU5v`By!-(^Em%x`MX9br&VG;e9SBvl6r40Dp``DTh(k#)=1#i1hs12
zsrl^^BEdQ!9y<yyviFrTUXuIg3_(Bdm4GQvBsxFc=4M)w!d#wK_f9rs?bO68Gq3(S
zVl^eK-}~M>U@xw_y8dBEM5b>|+I<mubLut5eZINFEQ`ccojEZe(nK0Rjq4W3{J1_h
zZxXO~bI`#}(Z&6!NU#~0_s~Efm`54;THw6gDNB_V5puV#50z^+rbcS3;4CpgFLf6n
zwl8Q4d^qOX)iYero2eVa`@}jdwE0EjBM;d>){(~V<HJJjXWVjW-+V7!k_10Ub71{G
zR=%B<=0J>M7^b1IqTyk}gicxU$ZIGA7=m_;w4r(>%AE&9JNR=VQEW&!3AF+z?7UKy
zRudjFtjf09efuC`qnf9>gVtA+b|TNk;NYRoJQCa%`|S;G`72ilA6DX}g?zNT8%Qs)
z_H|vBmL(}(?iJ2?CXBVU%~|AKE*jD9!To-=$g$VSW7^{yxR>)tc=!(X{aa&Sj&mfO
zLi#;58KE;&oU@;y;nK72;#M;LcSfsNp|$A49YcnY&^yxegNdBju9QQTS_$L%^Kw$I
zQoz@_lln51Z-|EJzQQBK%lSS-V%AhR=^ugTWQsBO`$5W2<W_Lp4;-}I=E2(IL?0qh
z$@9YUA_gkIkK2y46?GR)k@B`>1608hLGNjD+^GqES6o3<-lYd-9X$zRvlK0rRBJ-q
z)6Y$x?<Co|SHIAZUe_y!XHjZf!{$yZ&pmK*eJQ3-UaYjQ8Tt6SpEC$X4fu_JQXz8$
z!zRNHsG3bGztN3j6O%)RwQ>QqWpzg>*&HB0<_?UN;V3v8fYI;(A|1@zJtU;amo7T_
zKaPfjQTy~SRBSw*VIVkEa0f1Q@rM#Ot7z;j+@UWiFoa^+4*^SsteR+hfjPUabcjhI
zExlFub>Rzb3M-}Md~I@|u(vZ)K^4jGE%Dyx!_+pvMSJAIFO)2#UjPm$v<#nbFaP2{
zC4K!T3!54+zQA`d6gFL+e5iu<GU-s1DYI^}<c5G&kNw-iIwv2C!bAsO&Bgo?3UAh*
zo5PEJ3c}w*0u=i=S_;|jeU?$Usx?m;6}OZ_Kkn1mTz0FDZ<y`W>sbFjxVfg?V83*A
zh*Cw+tqz7k*y&2GkMpFGwHEtykAys8&n*63(+a6^<K|CKkN4bJ?`I$cJCod>Pp&;$
zk6N{RaxOEu<gi}hQiceiCwuFx<)W?F!3bvxzQb$vhLxy3vN@G-!-8uzT}0Xo=m_!2
zv~D<8rPE=Qv+STeLl)?<8DA@Eu+d|q3X;ALDG&HQj}Jw`$j#adqBfHTVF=`d*=Tsy
z#C~nKQNgOiNr*T&nNK?Bk67!hkOpWQ+q+?vQZKhtw3R@NqMtKpH<rfdcl}1+i}&U*
zp;eh5;-|ut$~a8iBEPR;*ny^>k&ox#0A}#mq@z0$Rj)a9h_P}2Y<5la|9<cw7x0gi
zjqxFPp>Y=n*j!B0Q3KL74hLtLORplS$J1uHv?hYWt4|}k88XIg3CPtZ7!oz#P?&5)
zhx#NWHm&jP(IH;ahPkE=3_)_D$^Zf8TA0B|zadWHvJ(ZHmS?mwd@Hi(SJfM<^k&7o
zuj8De=?vwHclR4NAm2oOBFt|7R@w+%`Fgzx_$u`hijCYe{q^ws>+(=@h2RNinB6Q~
zTB#jA2xah;&UnS6wdQv8OG?=5z;<SA0^DPJ)xOTrTO8fMMxN9m^d;6p__ODZ#S99A
zQF&W?CLU(mkkLJ3LRWzds$Qe6UweE4hFyhj=+xs_x6!$E?qDg3j|SAlk_pq{zY4fW
z$ie^&BSNBn*5n#WOcv?W&}zdOMZf#AJv5hokXT;?*#JEc&e&YRIfeT92~PV(N9XD5
zIjnvjfzmNY9xKI0xtD;AI5S(8KZKZ)fWt|dF!E$-aeE*KaFGNLu6_+=2Er)vND;SP
zTejldqb`?guE`(IImtY364olh55q><cl&O3Ibbxbfi@lwMJN!Z$H0dH0SrFh%5bjf
zPgZV-#J!B_wb_BJ!=^5EQjr0|ncTaZ1b}X4)+R~JrHyLUOg?2s@qtlv#s?Z-XEfbx
zEi6~?OC39Q>QCeg9vJnFo8vvdes*$ktyT~ks-n^Z;_hGm>|lw_Z>ndbq58G@6<Il$
z1PvY`ZR8)Ra^!~;A^ig`NnfFC4L-yUYI#YeKzU7%c~E1Y0;8s8WcaV9bw!Y0mtzNO
zgF}|&*~sduPL=bYbcM_4O_ajc6FrebZ9-sYJms1c5z6eg71Toe1kDs`kYX7W+)VNQ
zc$tcaORll~IAvk3=p#s?ERzVSWC(`A`*oaRO*qzmpYCGt+o%^j=9~!DfFi-DKytPP
zJ8+T1BbZgfdJbShpz%2e5*2J}y2DlfG89vtg25{RTTQkY=5&5&-b#6b8Evb;_mbgD
zIz<6hZ>zqXnSAYMATTxa#mSQVY-g3y&+d<5wWXB~8K=R*fg_q8$Q8SOufh5!mctm0
zUjaLvoTd$x+ZM@JQQg-~o5`I@iviQPhP`aF6NB^fzm6(hoV8FYclK-w#AsLms<)66
z=m9mj-Ie1>w<}CSW&(KPhX|V8h!G1lq5;_^U3XhK-O`r%{I;oXeA^XK42K}M@@(5y
z<a^~AmtOa~1O8q$8)3JzC|DCqI8)Oeed8^IO9PlQLhc!BP;g~vnh^GtLb$QU7j@qr
zjYwnUbt5;SuLeNCNr~=xxn=n@C9;RoyZlP0Y?tH*L*1JSISJvJ`W9N+Wkq2dm_cqb
zUP3{WVTC^0*>h$Nzw0=;>wD~lc51EuN*B6Jhq3qR%<bTD)f+uCJAA*SZ7Iov7D;(c
zgyLO*)F@AOtmPpF_nem!yJ}9-i^@xAA1!}~b7oY9F^j?_V-e)gWXkibf(ZMCo}<mX
z!xhZeHc|8y*U=yc!>ffEjHk-l6XO{zSGOOY+-%{;YK<wbsgX5XCNS*Sd~iI39l0eR
z4M&2gXgE1n8v&5UiJa(tPC!~4eN7*$v=3rQSRjfTFFA`)sRxjT<0$NsfL*lI4{apa
zi$!feepF}3jtvLz^Eozna}xeCwQn7IsGI9{sr5x5!Aw)P<paorVI&MY^hMUAR0_Mp
zOOsNUuTS>pUSuZ_7MH90PR-7d-do~B0Ph8xdtk}LcSZ8)KoSPO^UQt36O7=b*4Sk<
zN3Lu~2+ptgY4LI)gM(2=K)NkB>Gw!Zu8f_4p?Spq6&o_z$mK5mYqqPS5@_zk39%3o
zj%4}nxr0Ti`wOwSzl0!aJLdlgEfOL;Q6+H$?1V;6GFO~8-Vk7h(iHc@hFp|}j;xiC
z?Wg|NuayzYXN#my|GAb?pWQxLS~%T0j{JM=o&p<1UlNKB6aHRhW0ub{>K6XiRhF8+
e`>M}8687oD;7YrAg(&p@1;ZL!7?l}bx${q5>{=uM

literal 0
HcmV?d00001

diff --git a/files/ko/web/css/css_box_model/introduction_to_the_css_box_model/index.md b/files/ko/web/css/css_box_model/introduction_to_the_css_box_model/index.md
index 10d7d4d3d00b1e..12e9281cf5808b 100644
--- a/files/ko/web/css/css_box_model/introduction_to_the_css_box_model/index.md
+++ b/files/ko/web/css/css_box_model/introduction_to_the_css_box_model/index.md
@@ -9,51 +9,56 @@ slug: Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model
 
 하나의 박스는 네 부분(영역)으로 이루어집니다. 각 영역을 콘텐츠 영역, 안쪽 여백(패딩) 영역, 테두리 영역, 그리고 바깥 여백(마진) 영역이라고 부릅니다.
 
-![CSS Box model](<boxmodel-(3).png>)
+![CSS Box model](boxmodel.png)
+
+## 콘텐츠 영역
 
 **콘텐츠 영역**(content area)은 콘텐츠 경계(content edge)가 감싼 영역으로, 글이나 이미지, 비디오 등 요소의 실제 내용을 포함합니다. 콘텐츠 영역의 크기는 콘텐츠 너비(콘텐츠 박스 너비)와 콘텐츠 높이(콘텐츠 박스 높이)입니다. 배경색과 배경 이미지를 가지고 있기도 합니다.
 
-{{cssxref("box-sizing")}} 속성의 값이 기본값인 `content-box`이며 요소가 블록 레벨 요소인 경우, 콘텐츠 영역의 크기를 {{cssxref("width")}}, {{cssxref("min-width")}}, {{cssxref("max-width")}}, {{ cssxref("height") }}, {{cssxref("min-height")}}, {{cssxref("max-height")}} 속성을 사용해 사용해 명시적으로 설정할 수 있습니다.
+{{cssxref("box-sizing")}} 속성의 값이 기본 값인 `content-box`이며 요소가 블록 레벨 요소인 경우, 콘텐츠 영역의 크기를 {{cssxref("width")}}, {{cssxref("min-width")}}, {{cssxref("max-width")}}, {{ cssxref("height") }}, {{cssxref("min-height")}}, {{cssxref("max-height")}} 속성을 사용해 사용해 명시적으로 설정할 수 있습니다.
+
+## 안쪽 여백(패딩) 영역
 
 **안쪽 여백 영역**(패딩 영역, padding area)은 안쪽 여백 경계(padding edge)가 감싼 영역으로, 콘텐츠 영역을 요소의 안쪽 여백까지 포함하는 크기로 확장합니다. 영역의 크기는 안쪽 여백 박스 너비와 안쪽 여백 박스 높이입니다.
 
 안쪽 여백의 두께는 {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}}, {{cssxref("padding-left")}}와 단축 속성인 {{cssxref("padding")}}이 결정합니다.
 
+## 테두리 영역
+
 **테두리 영역**(border area)은 테두리 경계(border edge)가 감싼 영역으로, 안쪽 여백 영역을 요소의 테두리까지 포함하는 크기로 확장합니다. 영역의 크기는 테두리 박스 너비와 테두리 박스 높이입니다.
 
-테두리의 두께는 {{cssxref("border-width")}}와 단축 속성인 {{cssxref("border")}}가 결정합니다. {{cssxref("box-sizing")}} 속성의 값이 `border-box`라면 테두리 영역의 크기를 {{cssxref("width")}}, {{cssxref("min-width")}}, {{cssxref("max-width")}}, {{ cssxref("height") }}, {{cssxref("min-height")}}, {{cssxref("max-height")}} 속성을 사용해 명시적으로 설정할 수 있습니다. 박스의 배경({{cssxref("background-color")}} 또는 {{cssxref("background-image")}})은 테두리의 바깥 경계까지 늘어나고, 그릴 땐 테두리에 가려집니다. 이 동작 방식은 {{cssxref("background-clip")}} 속성으로 바꿀 수 있습니다.
+테두리의 두께는 {{cssxref("border-width")}}와 단축 속성인 {{cssxref("border")}}가 결정합니다. {{cssxref("box-sizing")}} 속성의 값이 `border-box`라면 테두리 영역의 크기를 {{cssxref("width")}}, {{cssxref("min-width")}}, {{cssxref("max-width")}}, {{ cssxref("height") }}, {{cssxref("min-height")}}, {{cssxref("max-height")}} 속성을 사용해 명시적으로 설정할 수 있습니다. 박스의 배경({{cssxref("background-color")}} 또는 {{cssxref("background-image")}})은 테두리의 바깥 경계까지 늘어나고, 그릴 땐 테두리에 가려집니다. 이 기본동작 방식은 {{cssxref("background-clip")}} 속성으로 바꿀 수 있습니다.
 
-**바깥 여백 영역**(마진 영역, margin area)은 바깥 여백 경계(margin edge)가 감싼 영역으로, 테두리 요소를 확장해 요소와 인근 요소 사이의 빈 공간까지 포함하도록 만듭니다. 영역의 크기는 바깥 여백 박스 너비와 바깥 여백 박스 높이입니다.
+## 바깥 여백(마진) 영역
 
-바깥 여백 영역의 크기는 {{cssxref("margin-top")}}, {{cssxref("margin-right")}}, {{cssxref("margin-bottom")}}, {{cssxref("margin-left")}}와 단축 속성인 {{cssxref("margin")}}이 결정합니다. [여백 상쇄](/ko/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)가 발생할 때는 요소 간에 바깥 여백이 공유되므로 여백 영역이 명확하게 결정되지 않습니다.
-
-끝으로, 비대체 인라인 요소가 차지하는 공간의 크기(줄 높이에 기여하는 양)는, 요소 주위에 테두리와 안쪽 여백이 표시되더라도 {{cssxref("line-height")}} 속성으로 결정한다는 점을 주의하세요.
+**바깥 여백 영역**(마진 영역, margin area)은 바깥 여백 경계(margin edge)가 감싼 영역으로, 테두리 요소를 확장해 요소와 인근 요소 사이의 빈 공간까지 포함하도록 만듭니다. 영역의 크기는 바깥 여백 박스 너비와 바깥 여백 박스 높이입니다.
 
-## 명세서
+바깥 여백 영역의 크기는 {{cssxref("margin-top")}}, {{cssxref("margin-right")}}, {{cssxref("margin-bottom")}}, {{cssxref("margin-left")}}와 단축 속성인 {{cssxref("margin")}}이 결정합니다. [여백 상쇄](/ko/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing)가 발생할 때는 요소 간에 바깥 여백이 공유되므로 여백 영역이 명확하게 결정되지 않습니다.
 
-{{Specifications}}
+끝으로, 비대체 인라인 요소가 차지하는 공간의 크기(줄 높이에 기여하는 양)는 요소 주위에 테두리와 안쪽 여백이 표시되더라도 {{cssxref('line-height')}} 속성으로 결정한다는 점을 주의하세요.
 
 ## 같이 보기
 
-- CSS 주요 개념
+- [컨테이닝 블록의 모든 것](/ko/docs/Web/CSS/Containing_block)
+- [종속](/ko/docs/Web/CSS/Cascade)
+- [계단식 및 상속](/ko/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)
+
+- CSS 주요 개념:
 
   - [CSS 문법](/ko/docs/Web/CSS/Syntax)
   - [@규칙](/ko/docs/Web/CSS/At-rule)
   - [주석](/ko/docs/Web/CSS/Comments)
   - [명시도](/ko/docs/Web/CSS/Specificity)
-  - [상속](/ko/docs/Web/CSS/inheritance)
-  - [박스 모델](/ko/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)
+  - [상속](/ko/docs/Web/CSS/Inheritance)
   - [레이아웃 모드](/ko/docs/Web/CSS/Layout_mode)
   - [시각적 서식 모델](/ko/docs/Web/CSS/Visual_formatting_model)
-  - [마진 중첩](/ko/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)
+  - [마진 중첩](/ko/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing)
   - 값
 
-    - [초깃값](/ko/docs/Web/CSS/initial_value)
-    - [계산값](/ko/docs/Web/CSS/computed_value)
-    - [결정값](/ko/docs/Web/CSS/resolved_value)
-    - [지정값](/ko/docs/Web/CSS/specified_value)
-    - [사용값](/ko/docs/Web/CSS/used_value)
-    - [실제값](/ko/docs/Web/CSS/actual_value)
+    - [초기 값](/ko/docs/Web/CSS/initial_value)
+    - [계산 값](/ko/docs/Web/CSS/computed_value)
+    - [사용 값](/ko/docs/Web/CSS/used_value)
+    - [실제 값](/ko/docs/Web/CSS/actual_value)
 
   - [값 정의 구문](/ko/docs/Web/CSS/Value_definition_syntax)
   - [단축 속성](/ko/docs/Web/CSS/Shorthand_properties)

From d88ca06c41099eddd23f217e84b1661772b83f25 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 16:05:41 +0900
Subject: [PATCH 008/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/head/index.md | 71 +++++++++++--------------
 1 file changed, 32 insertions(+), 39 deletions(-)

diff --git a/files/ja/web/html/element/head/index.md b/files/ja/web/html/element/head/index.md
index 9590a3c10412ea..0b1e58b75a592e 100644
--- a/files/ja/web/html/element/head/index.md
+++ b/files/ja/web/html/element/head/index.md
@@ -1,19 +1,43 @@
 ---
-title: '<head>: 文書メタデータ (ヘッダー) 要素'
+title: "<head>: 文書メタデータ（ヘッダー）要素"
 slug: Web/HTML/Element/head
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<head>` 要素**は、文書に関する機械可読な情報 ({{glossary("metadata", "メタデータ")}})、たとえば[題名](/ja/docs/Web/HTML/Element/title)、[スクリプト](/ja/docs/Web/HTML/Element/script)、[スタイルシート](/ja/docs/Web/HTML/Element/style)などを含みます。
+**`<head>`** は [HTML](/ja/docs/Web/HTML) の要素で、文書に関する機械可読な情報（{{glossary("metadata", "メタデータ")}}）、たとえば[題名](/ja/docs/Web/HTML/Element/title)、[スクリプト](/ja/docs/Web/HTML/Element/script)、[スタイルシート](/ja/docs/Web/HTML/Element/style)などを含みます。
 
-> **メモ:** `<head>` は機械処理のための情報を保持するためのものであり、人間が読むためのものではありません。人間が読むための情報、例えば最上位のヘッダーや著者のリストのためのものは、 {{HTMLElement("header")}} 要素を参照してください。
+> **メモ:** `<head>` は主に人間が読むためのものではなく、機械処理のための情報を保持するためのものです。人間が読むための情報、例えば最上位の見出しや著者の掲載のためのものは、 {{HTMLElement("header")}} 要素を参照してください。
+
+## 属性
+
+この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
+
+- `profile` {{deprecated_inline}} {{Non-standard_Inline}}
+  - : 1 つ以上のメタデータプロファイルの {{glossary("URI")}} で、{{Glossary("whitespace", "ホワイトスペース")}}区切りです。
+
+## 例
+
+```html
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>Document title</title>
+  </head>
+</html>
+```
+
+## 技術的概要
 
 <table class="properties">
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories"
+        <a href="/ja/docs/Web/HTML/Content_categories"
           >コンテンツカテゴリー</a
         >
       </th>
@@ -25,31 +49,22 @@ slug: Web/HTML/Element/head
         <p>
           文書が {{HTMLElement("iframe")}} の
           <a href="/ja/docs/Web/HTML/Element/iframe#srcdoc"><code>srcdoc</code></a>
-          文書である場合、または題名情報がより上位のプロトコル (HTML
-          メールの件名の行など)
-          で使用される場合は、0個以上のメタデータコンテンツ。
+          文書である場合、または題名情報がより上位のプロトコル（HTML メールの件名の行など）で使用される場合は、0 個以上のメタデータコンテンツ。
         </p>
         <p>
-          他の場合は正確に1つの {{HTMLElement("title")}}
-          要素を含む、1個以上のメタデータコンテンツ。
+          他の場合は正確に 1 つの {{HTMLElement("title")}} 要素を含む、1 つ以上のメタデータコンテンツ。
         </p>
       </td>
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
       <td>
-        <code>&#x3C;head></code>
-        要素内で最初に存在するものが要素である場合、開始タグを省略可能。<br /><code
-          >&#x3C;head></code
-        >
-        要素に続く最初のものが空白文字やコメントでない場合、終了タグが省略可能。
+        この <code>&#x3C;head></code> 要素内で最初に存在するものが要素である場合、開始タグを省略可能。<br /><code>&#x3C;head></code> 要素に続く最初のものが空白文字やコメントでない場合、終了タグが省略可能。
       </td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
-      <td>
-        {{HTMLElement("html")}} 要素の最初の子要素として配置可能。
-      </td>
+      <td>{{HTMLElement("html")}} 要素の最初の子要素として配置可能。</td>
     </tr>
     <tr>
       <th scope="row">暗黙の ARIA ロール</th>
@@ -70,28 +85,6 @@ slug: Web/HTML/Element/head
   </tbody>
 </table>
 
-## 属性
-
-この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
-
-- `profile` {{deprecated_inline}}
-  - : 1 つ以上のメタデータプロファイルの {{glossary("URI")}} で、{{Glossary("whitespace", "ホワイトスペース")}}区切りです。
-
-## 例
-
-```html
-<!doctype html>
-<html>
-  <head>
-    <title>Document title</title>
-  </head>
-</html>
-```
-
-## メモ
-
-HTML5 互換のブラウザーでは、タグが省略されていても `<head>` 要素を自動的に生成します。[この自動生成は、過去のブラウザーでは保証されていません](https://www.stevesouders.com/blog/2010/05/12/autohead-my-first-browserscope-user-test/)。
-
 ## 仕様書
 
 {{Specifications}}

From 7f6f20e24a6ee7f49c6bfc7971371c783167aaae Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 17:15:13 +0900
Subject: [PATCH 009/146] =?UTF-8?q?2023/02/20=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmlheadelement/index.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/files/ja/web/api/htmlheadelement/index.md b/files/ja/web/api/htmlheadelement/index.md
index 902ab393580923..a3668d2567486e 100644
--- a/files/ja/web/api/htmlheadelement/index.md
+++ b/files/ja/web/api/htmlheadelement/index.md
@@ -1,6 +1,8 @@
 ---
 title: HTMLHeadElement
 slug: Web/API/HTMLHeadElement
+l10n:
+  sourceCommit: 387d0d4d8690c0d2c9db1b85eae28ffea0f3ac1f
 ---
 
 {{APIRef("HTML DOM")}}
@@ -9,16 +11,16 @@ slug: Web/API/HTMLHeadElement
 
 {{InheritanceDiagram}}
 
-## プロパティ
+## インスタンスプロパティ
 
 _親である {{domxref("HTMLElement")}} から継承したプロパティもあります。_
 
 - {{domxref("HTMLHeadElement.profile")}} {{deprecated_inline}}
   - : 文字列で、 1 つ以上のメタデータプロファイルの URI を（ホワイトスペース区切りで）表します。
 
-## メソッド
+## インスタンスメソッド
 
-_独自のメソッドはありません。親である {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_独自のメソッドはありません。親である {{domxref("HTMLElement")}} から継承したメソッドもあります。_
 
 ## 仕様書
 

From d6c37233231831b73bc8c240edbae3dacb27edd8 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 17:40:39 +0900
Subject: [PATCH 010/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/header/index.md | 119 ++++++++++++----------
 1 file changed, 68 insertions(+), 51 deletions(-)

diff --git a/files/ja/web/html/element/header/index.md b/files/ja/web/html/element/header/index.md
index 22fef457349811..b938ec64ba4ab3 100644
--- a/files/ja/web/html/element/header/index.md
+++ b/files/ja/web/html/element/header/index.md
@@ -1,19 +1,80 @@
 ---
 title: <header>
 slug: Web/HTML/Element/header
+l10n:
+  sourceCommit: ca65963b93e69591b9362bb2bfde56f93128e2cb
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<header>` 要素**は、導入的なコンテンツ、ふつうは導入部やナビゲーション等のグループを表します。見出し要素だけでなく、ロゴ、検索フォーム、作者名、その他の要素を含むこともできます。
+**`<header>`** は [HTML](/ja/docs/Web/HTML) の要素で、導入的なコンテンツ、ふつうは導入部やナビゲーション補助のグループを表します。見出し要素だけでなく、ロゴ、検索フォーム、著者名、その他の要素を含むこともできます。
 
 {{EmbedInteractiveExample("pages/tabbed/header.html", "tabbed-standard")}}
 
+## 使用上の注意
+
+`<header>` 要素は、区分コンテンツの中に含まれていない限り、ウェブサイト全体の [`banner`](/ja/docs/Web/Accessibility/ARIA/Roles/banner_role) ランドマークロールと同じ意味を持ちます。その場合、`<header>` 要素はランドマークではありません。
+
+`<header>` 要素はグローバルなサイトヘッダーを定義することができ、アクセシビリティツリーでは `banner` として記述されます。通常、ロゴ、会社名、検索機能、そして場合によってはグローバルナビゲーションやスローガンを含みます。一般的にはページの上部に配置されます。
+
+それ以外の場合は、アクセシビリティツリーの `section` となり、通常は周囲のセクションの見出し（`h1` - `h6` 要素）とオプションで小見出しを格納しますが、これは必須では**ありません**。
+
+### 歴史的な使用法
+
+`<header>` 要素は、もともと HTML の初期に見出しのために存在していました。これは [the very first website](http://info.cern.ch/) に見られます。ある時点で見出しは [`<h1>` ～ `<h6>`](/ja/docs/Web/HTML/Element/Heading_Elements) となり、`<header>` が自由に別なロールを担うことができるようになりました。
+
+## 属性
+
+この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)のみがあります。
+
+## 例
+
+### ページのヘッダー
+
+```html
+<header>
+  <h1>Main Page Title</h1>
+  <img src="mdn-logo-sm.png" alt="MDN logo" />
+</header>
+```
+
+#### 結果
+
+{{EmbedLiveSample('Page Header')}}
+
+### 記事のヘッダー
+
+```html
+<article>
+  <header>
+    <h2>The Planet Earth</h2>
+    <p>
+      Posted on Wednesday, <time datetime="2017-10-04">4 October 2017</time> by
+      Jane Smith
+    </p>
+  </header>
+  <p>
+    We live on a planet that's blue and green, with so many things still unseen.
+  </p>
+  <p><a href="https://example.com/the-planet-earth/">Continue reading…</a></p>
+</article>
+```
+
+#### 結果
+
+{{EmbedLiveSample('Article Header')}}
+
+## アクセシビリティ
+
+`<header>` 要素が [`banner`](/ja/docs/Web/Accessibility/ARIA/Roles/banner_role) ランドマークを定義するのは、そのコンテキストが {{HTMLElement('body')}} 要素のときです。HTML の header 要素は、{{HTMLElement('article')}}、{{HTMLElement('aside')}}、{{HTMLElement('nav')}}、{{HTMLElement('section')}} 要素の子孫である場合は banner ランドマークとみなされません。
+
+## 技術的概要
+
 <table class="properties">
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a>
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリー</a>
       </th>
       <td>
         <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
@@ -44,7 +105,7 @@ slug: Web/HTML/Element/header
           >フローコンテンツ</a
         >を受け入れるすべての要素。ただし、{{HTMLElement("address")}}、{{HTMLElement("footer")}}、他の
         {{HTMLElement("header")}}
-        要素の子孫要素として配置してはなりません。
+        要素の子孫になることはできません。
       </td>
     </tr>
     <tr>
@@ -93,8 +154,8 @@ slug: Web/HTML/Element/header
     <tr>
       <th scope="row">許可されている ARIA ロール</th>
       <td>
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/group_role">group</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role">presentation</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/none_role">none</a></code>
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/group_role"><code>group</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role"><code>presentation</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/none_role"><code>none</code></a>
       </td>
     </tr>
     <tr>
@@ -104,58 +165,14 @@ slug: Web/HTML/Element/header
   </tbody>
 </table>
 
-## 使用上の注意
-
-`<header>` 要素は区分コンテンツではありません。つまり、この要素が新たな[アウトライン](/ja/docs/Sections_and_Outlines_of_an_HTML5_document)を生成することはありません。すなわち `header` 要素は通常、自身を囲む `section` の見出し (`h1`–`h6` 要素) を含むことを意図していますが、**必須ではありません**。
-
-### 歴史的な使用法
-
-`<header>` 要素は {{glossary("HTML5")}} まで仕様書には現れていませんでしたが、実は HTML の最初期に存在していました。 [the very first website](http://info.cern.ch/) に見られるように、元は `<head>` 要素として使用されていました。ある時点で、別な名前を使用することが決定されました。これによって `<header>` が自由になり、のちに別な役割を担うことができるようになりました。
-
-## 属性
-
-この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)のみがあります。
-
-## 例
-
-### ページのヘッダー
-
-```html
-<header>
-  <h1>Main Page Title</h1>
-  <img src="mdn-logo-sm.png" alt="MDN logo" />
-</header>
-```
-
-### 記事のヘッダー
-
-```html
-<article>
-  <header>
-    <h2>The Planet Earth</h2>
-    <p>
-      Posted on Wednesday, <time datetime="2017-10-04">4 October 2017</time> by
-      Jane Smith
-    </p>
-  </header>
-  <p>
-    We live on a planet that's blue and green, with so many things still unseen.
-  </p>
-  <p>
-    <a href="https://janesmith.com/the-planet-earth/">Continue reading....</a>
-  </p>
-</article>
-```
-
 ## 仕様書
 
 {{Specifications}}
 
 ## ブラウザーの互換性
 
-{{Compat("html.elements.header")}}
+{{Compat}}
 
 ## 関連情報
 
-- 他の区分化関連要素: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}}
-- [HTML のセクションとアウトラインの使用](/ja/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines)
+- 他の区分化関連要素: {{HTMLElement("body")}}、{{HTMLElement("nav")}}、{{HTMLElement("article")}}、{{HTMLElement("aside")}}、{{HTMLElement("Heading_Elements", "h1")}}、{{HTMLElement("Heading_Elements", "h2")}}、{{HTMLElement("Heading_Elements", "h3")}}、{{HTMLElement("Heading_Elements", "h4")}}、{{HTMLElement("Heading_Elements", "h5")}}、{{HTMLElement("Heading_Elements", "h6")}}、{{HTMLElement("footer")}}、{{HTMLElement("section")}}、{{HTMLElement("address")}}

From c8b45896bcb43b166053f5299d71ce5c059bb836 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 17:53:25 +0900
Subject: [PATCH 011/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/hgroup/index.md | 96 +++++++++++++----------
 1 file changed, 53 insertions(+), 43 deletions(-)

diff --git a/files/ja/web/html/element/hgroup/index.md b/files/ja/web/html/element/hgroup/index.md
index 5c336150249dff..1b70aaa19b14e5 100644
--- a/files/ja/web/html/element/hgroup/index.md
+++ b/files/ja/web/html/element/hgroup/index.md
@@ -1,24 +1,66 @@
 ---
 title: <hgroup>
 slug: Web/HTML/Element/hgroup
+l10n:
+  sourceCommit: ca65963b93e69591b9362bb2bfde56f93128e2cb
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<hgroup>` 要素**は、見出しとそれに関連する内容を表します。これは 1 つの [`<h1>–<h6>`](/ja/docs/Web/HTML/Element/Heading_Elements) 要素と、 1 つ以上の [`<p>`](/ja/docs/Web/HTML/Element/p) 要素をグループ化します。
+**`<hgroup>`** は [HTML](/ja/docs/Web/HTML) の要素で、見出しとそれに関連する内容を表します。これは 1 つの [`<h1>–<h6>`](/ja/docs/Web/HTML/Element/Heading_Elements) 要素と、1 つ以上の [`<p>`](/ja/docs/Web/HTML/Element/p) 要素をグループ化します。
 
 {{EmbedInteractiveExample("pages/tabbed/hgroup.html", "tabbed-standard")}}
 
+## 属性
+
+この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)のみがあります。
+
+## 使用上の注意
+
+`<hgroup>` 要素は、見出しと副次的な内容（副題や代替タイトル、キャッチフレーズなど）をグループ化することが可能です。これらのコンテンツは、 `<hgroup>` 要素内の `<p>` 要素として表現されます。
+
+`<hgroup>` 要素自体は、ウェブページの文書のアウトラインに影響を与えません。むしろ、 `<hgroup>` 内で許可されている単一の見出しが文書のアウトラインに寄与します。
+
+## 例
+
+```html
+<!DOCTYPE html>
+<title>HTML Standard</title>
+<body>
+  <hgroup id="document-title">
+    <h1>HTML: Living Standard</h1>
+    <p>Last Updated 12 July 2022</p>
+  </hgroup>
+  <p>Some intro to the document.</p>
+  <h2>Table of contents</h2>
+  <ol id="toc">
+    …
+  </ol>
+  <h2>First section</h2>
+  <p>Some intro to the first section.</p>
+</body>
+```
+
+### 結果
+
+{{EmbedLiveSample('Examples')}}
+
+## アクセシビリティの考慮
+
+現在のところ、 `<hgroup>` 要素に強いアクセシビリティの意味はありません。要素内のコンテンツ（見出しと、任意の段落）は、ブラウザーのアクセシビリティ API によって公開されます。
+
+## 技術的概要
+
 <table class="properties">
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories"
-          >コンテンツカテゴリ</a
+        <a href="/ja/docs/Web/HTML/Content_categories"
+          >コンテンツカテゴリー</a
         >
       </th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
         >, 見出しコンテンツ, 知覚可能コンテンツ
       </td>
@@ -26,7 +68,9 @@ slug: Web/HTML/Element/hgroup
     <tr>
       <th scope="row">許可されている内容</th>
       <td>
-      0 個以上の {{HTMLElement("p")}} と、それに続く 1 個の {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}} と、それに続く 0 個以上の {{HTMLElement("p")}}
+      0 個以上の {{HTMLElement("p")}} と、それに続く 1 個の {{HTMLElement("Heading_Elements", "h1")}}, {{HTMLElement("Heading_Elements", "h2")}},
+        {{HTMLElement("Heading_Elements", "h3")}}, {{HTMLElement("Heading_Elements", "h4")}},
+        {{HTMLElement("Heading_Elements", "h5")}}, {{HTMLElement("Heading_Elements", "h6")}} と、それに続く 0 個以上の {{HTMLElement("p")}}
       </td>
     </tr>
     <tr>
@@ -36,7 +80,7 @@ slug: Web/HTML/Element/hgroup
     <tr>
       <th scope="row">許可されている親要素</th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
         >を受け入れるすべての要素
       </td>
@@ -60,49 +104,15 @@ slug: Web/HTML/Element/hgroup
   </tbody>
 </table>
 
-## 属性
-
-この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)のみがあります。
-
-## 使用上の注意
-
-`<hgroup>` 要素は、見出しと副次的な内容（副題や代替タイトル、キャッチフレーズなど）をグループ化することが可能です。これらのコンテンツは、 `<hgroup>` 要素内の `<p>` 要素として表現されます。
-
-`<hgroup>` 要素自体は、ウェブページの文書のアウトラインに影響を与えません。むしろ、 `<hgroup>` 内で許可されている単一の見出しが文書のアウトラインに寄与します。
-
-## 例
-
-```html
-<!DOCTYPE html>
-<title>HTML Standard</title>
-<body>
-  <hgroup id="document-title">
-    <h1>HTML: Living Standard</h1>
-    <p>Last Updated 12 July 2022</p>
-  </hgroup>
-  <p>Some intro to the document.</p>
-  <h2>Table of contents</h2>
-  <ol id="toc">
-    …
-  </ol>
-  <h2>First section</h2>
-  <p>Some intro to the first section.</p>
-</body>
-```
-
 ## 仕様書
 
 {{Specifications}}
 
-## アクセシビリティの考慮
-
-現在のところ、 `<hgroup>` 要素に強いアクセシビリティセマンティクスはありません。要素内のコンテンツ (見出しと、任意の段落) は、ブラウザーのアクセシビリティ API によって公開されます。
-
 ## ブラウザーの互換性
 
-{{Compat("html.elements.hgroup")}}
+{{Compat}}
 
 ## 関連情報
 
-- 他のセクション関連要素: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}
-- [HTML5 文書のセクションとアウトライン](/ja/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines)
+- 他のセクション関連要素: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("Heading_Elements", "h1")}}, {{HTMLElement("Heading_Elements", "h2")}}, {{HTMLElement("Heading_Elements", "h3")}}, {{HTMLElement("Heading_Elements", "h4")}}, {{HTMLElement("Heading_Elements", "h5")}}, {{HTMLElement("Heading_Elements", "h6")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}
+- [HTML5 文書のセクションとアウトライン](/ja/docs/Web/HTML/Element/Heading_Elements)

From 83b625daabd7ed0fbdcdf279498a05b4b9468525 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 18:00:49 +0900
Subject: [PATCH 012/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/hr/index.md | 102 +++++++++++++-------------
 1 file changed, 50 insertions(+), 52 deletions(-)

diff --git a/files/ja/web/html/element/hr/index.md b/files/ja/web/html/element/hr/index.md
index 3721bf2b5bfcb7..ebd57a38d2de73 100644
--- a/files/ja/web/html/element/hr/index.md
+++ b/files/ja/web/html/element/hr/index.md
@@ -1,35 +1,74 @@
 ---
-title: '<hr>: 主題区切り (水平線) 要素'
+title: "<hr>: 主題区切り（水平線）要素"
 slug: Web/HTML/Element/hr
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<hr>` 要素**は、段落レベルの要素間において、テーマの意味的な区切りを表します。例えば、話の場面の切り替えや、節内での話題の転換などです。
+**`<hr>`** は [HTML](/ja/docs/Web/HTML) の要素で、段落レベルの要素間において、テーマの意味的な区切りを表します。例えば、話の場面の切り替えや、節内での話題の転換などです。
 
 {{EmbedInteractiveExample("pages/tabbed/hr.html", "tabbed-shorter")}}
 
 以前はこれは水平の区切り線として定義されていました。現在でもブラウザーでは水平線として表示されますが、この要素は表示論的な用語ではなく意味論的な用語で定義されましたので、水平線を引きたいのであれば、適切な CSS を使用して行うようにしてください。
 
+## 属性
+
+この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
+
+- `align` {{deprecated_inline}} {{Non-standard_Inline}}
+  - : 区切り線の配置を指定します。初期値は `left` です。
+- `color` {{deprecated_inline}} {{Non-standard_Inline}}
+  - : 区切り線の色を色名、または 16 進数で指定します。
+- `noshade` {{deprecated_inline}} {{Non-standard_Inline}}
+  - : 網掛けをしないように指定します。
+- `size` {{deprecated_inline}} {{Non-standard_Inline}}
+  - : 区切り線の高さをピクセル数で指定します。
+- `width` {{deprecated_inline}} {{Non-standard_Inline}}
+  - : 区切り線の幅をピクセル数、あるいはパーセント値で指定します。
+
+## 例
+
+### HTML
+
+```html
+<p>
+  これは第一段落のテキストです。これは第一段落のテキストです。
+  これは第一段落のテキストです。これは第一段落のテキストです。
+</p>
+
+<hr />
+
+<p>
+  これは第二段落のテキストです。これは第二段落のテキストです。
+  これは第二段落のテキストです。これは第二段落のテキストです。
+</p>
+```
+
+### 結果
+
+{{EmbedLiveSample("Example")}}
+
+## 技術的概要
+
 <table class="properties">
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories"
+        <a href="/ja/docs/Web/HTML/Content_categories"
           >コンテンツカテゴリー</a
         >
       </th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
         >
       </td>
     </tr>
     <tr>
       <th scope="row">許可されている内容</th>
-      <td>
-        なし。これは{{Glossary("empty element", "空要素")}}です。
-      </td>
+      <td>なし。これは{{Glossary("void element", "空要素")}}です。</td>
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
@@ -38,19 +77,19 @@ slug: Web/HTML/Element/hr
     <tr>
       <th scope="row">許可されている親要素</th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
         >を受け入れるすべての要素
       </td>
     </tr>
     <tr>
       <th scope="row">暗黙の ARIA ロール</th>
-      <td><code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/separator_role">separator</a></code></td>
+      <td><a href="/ja/docs/Web/Accessibility/ARIA/Roles/separator_role"><code>separator</code></a></td>
     </tr>
     <tr>
       <th scope="row">許可されている ARIA ロール</th>
       <td>
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role">presentation</a></code> または <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/none_role">none</a></code>
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role"><code>presentation</code></a> または <a href="/ja/docs/Web/Accessibility/ARIA/Roles/none_role"><code>none</code></a>
       </td>
     </tr>
     <tr>
@@ -60,54 +99,13 @@ slug: Web/HTML/Element/hr
   </tbody>
 </table>
 
-## 属性
-
-この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
-
-- `align` {{deprecated_inline}}
-  - : 区切り線の配置を指定します。初期値は `left` です。
-- `color` {{Non-standard_inline}}
-  - : 区切り線の色を色名、または 16 進数で指定します。
-- `noshade` {{deprecated_inline}}
-  - : 網掛けをしないように指定します。
-- `size` {{deprecated_inline}}
-  - : 区切り線の高さをピクセル数で指定します。
-- `width` {{deprecated_inline}}
-  - : 区切り線の幅をピクセル数、あるいはパーセントで指定します。
-
-## 例
-
-### HTML
-
-```html
-<p>
-  This is the first paragraph of text.
-  This is the first paragraph of text.
-  This is the first paragraph of text.
-  This is the first paragraph of text.
-</p>
-
-<hr>
-
-<p>
-  This is the second paragraph of text.
-  This is the second paragraph of text.
-  This is the second paragraph of text.
-  This is the second paragraph of text.
-</p>
-```
-
-### 結果
-
-{{EmbedLiveSample("Example")}}
-
 ## 仕様書
 
 {{Specifications}}
 
 ## ブラウザーの互換性
 
-{{Compat("html.elements.hr")}}
+{{Compat}}
 
 ## 関連情報
 

From 69be5958261c1e6a6d53aa3416b65256ca91643d Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 18:03:45 +0900
Subject: [PATCH 013/146] =?UTF-8?q?2023/02/20=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmlhrelement/index.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/files/ja/web/api/htmlhrelement/index.md b/files/ja/web/api/htmlhrelement/index.md
index 56fd8a54d64416..8b63efcad303e3 100644
--- a/files/ja/web/api/htmlhrelement/index.md
+++ b/files/ja/web/api/htmlhrelement/index.md
@@ -1,11 +1,13 @@
 ---
 title: HTMLHRElement
 slug: Web/API/HTMLHRElement
+l10n:
+  sourceCommit: 387d0d4d8690c0d2c9db1b85eae28ffea0f3ac1f
 ---
 
 {{APIRef("HTML DOM")}}
 
-The **`HTMLHRElement`** インターフェイスは、（継承によって利用できる通常の {{domxref("HTMLElement")}} インターフェイスの他に） {{HTMLElement("hr")}} 要素を操作するための特別なプロパティを提供します。
+**`HTMLHRElement`** インターフェイスは、（継承によって利用できる通常の {{domxref("HTMLElement")}} インターフェイスの他に） {{HTMLElement("hr")}} 要素を操作するための特別なプロパティを提供します。
 
 {{InheritanceDiagram}}
 
@@ -26,7 +28,7 @@ _親である {{domxref("HTMLElement")}} から継承したプロパティもあ
 
 ## メソッド
 
-_独自のメソッドはありません。親である {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_独自のメソッドはありません。親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
 
 ## 仕様書
 

From 1dec13d08c0d832559f6fd6103f5750bbb85b112 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 18:11:28 +0900
Subject: [PATCH 014/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/html/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/ja/web/html/element/html/index.md b/files/ja/web/html/element/html/index.md
index 3a739c3098e092..e4f0531888dfb5 100644
--- a/files/ja/web/html/element/html/index.md
+++ b/files/ja/web/html/element/html/index.md
@@ -1,5 +1,5 @@
 ---
-title: '<html>: HTML 文書 / ルート要素'
+title: "<html>: HTML 文書 / ルート要素"
 slug: Web/HTML/Element/html
 l10n:
   sourceCommit: 4a2b6cafbf9bc5b006eedbdf0e9fdf2c8626d5b6
@@ -13,7 +13,7 @@ l10n:
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories"
+        <a href="/ja/docs/Web/HTML/Content_categories"
           >コンテンツカテゴリー</a
         >
       </th>

From 9aa6d7253e158d23accfb20bd567a0672b8ef21b Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 18:19:53 +0900
Subject: [PATCH 015/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmlhtmlelement/version/index.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/files/ja/web/api/htmlhtmlelement/version/index.md b/files/ja/web/api/htmlhtmlelement/version/index.md
index 6c5e83efce609e..98c9fad91e1e49 100644
--- a/files/ja/web/api/htmlhtmlelement/version/index.md
+++ b/files/ja/web/api/htmlhtmlelement/version/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLHtmlElement.version
+title: "HTMLHtmlElement: version プロパティ"
+short-title: version
 slug: Web/API/HTMLHtmlElement/version
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{ APIRef("HTML DOM") }} {{deprecated_header}}

From 40fc6269fe9730c9b619dff06a533af8efdf6289 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 18:21:37 +0900
Subject: [PATCH 016/146] =?UTF-8?q?2023/02/20=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmlhtmlelement/index.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/files/ja/web/api/htmlhtmlelement/index.md b/files/ja/web/api/htmlhtmlelement/index.md
index 55ac871163fec5..a576b086069f90 100644
--- a/files/ja/web/api/htmlhtmlelement/index.md
+++ b/files/ja/web/api/htmlhtmlelement/index.md
@@ -1,11 +1,13 @@
 ---
 title: HTMLHtmlElement
 slug: Web/API/HTMLHtmlElement
+l10n:
+  sourceCommit: 387d0d4d8690c0d2c9db1b85eae28ffea0f3ac1f
 ---
 
 {{ APIRef("HTML DOM") }}
 
-**`HTMLHtmlElement`** インターフェイスはこの HTML 文書のルートノードとして機能します。このオブジェクトは {{domxref("HTMLElement")}} インターフェイスで記述されたプロパティやメソッドを継承しています。
+**`HTMLHtmlElement`** インターフェイスは、HTML 文書のルートノードとして機能します。このオブジェクトは {{domxref("HTMLElement")}} インターフェイスで記述されたプロパティやメソッドを継承しています。
 
 `HTMLHtmlElement` オブジェクトを文書から受け取るには、 {{domxref("document.documentElement")}} プロパティの値を読み取ります。
 
@@ -20,7 +22,7 @@ _親である {{domxref("HTMLElement")}} から継承したプロパティもあ
 
 ## メソッド
 
-_独自のメソッドはありません。親である {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_独自のメソッドはありません。親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
 
 ## 仕様書
 

From f2f571889b2e6de28009ed672e9d9e4041d22f9e Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 19:34:52 +0900
Subject: [PATCH 017/146] =?UTF-8?q?2023/03/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmliframeelement/index.md | 50 ++++++++++++---------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/files/ja/web/api/htmliframeelement/index.md b/files/ja/web/api/htmliframeelement/index.md
index 03fb041d51f5e6..62b4c21c4dffcb 100644
--- a/files/ja/web/api/htmliframeelement/index.md
+++ b/files/ja/web/api/htmliframeelement/index.md
@@ -1,6 +1,8 @@
 ---
 title: HTMLIFrameElement
 slug: Web/API/HTMLIFrameElement
+l10n:
+  sourceCommit: 0387e3e9f49863cc1f8bba5164e1697778cba593
 ---
 
 {{APIRef("HTML DOM")}}
@@ -9,45 +11,49 @@ slug: Web/API/HTMLIFrameElement
 
 {{InheritanceDiagram}}
 
-## プロパティ
+## インスタンスプロパティ
 
-_親である {{domxref("HTMLElement")}} からプロパティを継承しています。_
+_親である {{domxref("HTMLElement")}} から継承したプロパティがあります。_
 
-- {{domxref("HTMLIFrameElement.align")}} {{deprecated_inline}}
+- {{domxref("HTMLIFrameElement.align")}} {{Deprecated_Inline}}
   - : 文字列で、周囲のコンテキストに対するフレームの配置を指定します。
-- {{domxref("HTMLIFrameElement.allow")}} {{experimental_inline}}
+- {{domxref("HTMLIFrameElement.allow")}}
   - : フレームがコンテンツを表示することを許可されているオリジンのリストです。この属性には `self` と `src` という値も指定でき、これらは iframe の src 属性で指定されたオリジンを表します。既定値は `src` です。
-- {{domxref("HTMLIFrameElement.allowfullscreen")}} {{experimental_inline}}
+- {{domxref("HTMLIFrameElement.allowfullscreen")}} {{Experimental_Inline}}
   - : 論理値で、インラインフレームを全画面モードにすることが期待されているかを示します。詳細は、[全画面モードの使用](/ja/docs/Web/API/Fullscreen_API)を参照してください。
-- {{domxref("HTMLIFrameElement.allowPaymentRequest")}} {{deprecated_inline}}
-  - : 論理値で、[支払いリクエスト API](/ja/docs/Web/API/Payment_Request_API) をクロスオリジンの iframe 内で起動できるかどうかを示します。
-- {{domxref("HTMLIFrameElement.contentDocument")}} {{readonlyInline}}
+- {{domxref("HTMLIFrameElement.allowPaymentRequest")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+  - : 論理値で、[決済リクエスト API](/ja/docs/Web/API/Payment_Request_API) をクロスオリジンの iframe 内で起動できるかどうかを示します。
+- {{domxref("HTMLIFrameElement.contentDocument")}} {{ReadOnlyInline}}
   - : インラインフレームの中にある閲覧コンテキストのアクティブな文書を {{domxref("Document")}} で返します。
-- {{domxref("HTMLIFrameElement.contentWindow")}} {{readonlyInline}}
+- {{domxref("HTMLIFrameElement.contentWindow")}} {{ReadOnlyInline}}
+
   - : {{domxref("WindowProxy")}} で、中にある閲覧コンテキストのウィンドウプロキシーを返します。
+
+- {{domxref("HTMLIFrameElement.credentialless")}} {{Experimental_Inline}}
+
+  - : 論理値で `<iframe>` に資格情報がないことを示し、そのコンテンツは新しい、一時的なコンテキストで読み込まれることを意味します。このコンテキストは、親コンテキストの共有ストレージと資格情報にアクセスすることはできません。その代わり {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) 埋め込みルールが解除されるいため、COEP を設定した文書でもそうでないサードパーティ文書を埋め込むことができます。より詳しい説明は、[視覚情報のない iframe](/ja/docs/Web/Security/IFrame_credentialless) を参照してください。
+
 - {{domxref("HTMLIFrameElement.csp")}}
   - : 埋め込み文書が自分自身に適用することに同意しなければならないコンテンツセキュリティポリシーを指定します。
-- {{domxref("HTMLIFrameElement.fetchPriority")}}
-  - : オプションの文字列で、他の iframe との比較においてこの iframe の取得を優先させるためのブラウザーへのヒントを表します。この値を指定する場合、許可されている値のいずれかでなければなりません。高い優先度で取得する場合は `high`、低い優先度で取得する場合は `low`、優先度を設定しない場合は `auto` （これが既定値）です。
-- {{domxref("HTMLIFrameElement.frameBorder")}} {{deprecated_inline}}
+- {{domxref("HTMLIFrameElement.frameBorder")}} {{Deprecated_Inline}}
   - : 文字列で、フレーム間に境界線を生成するかどうかを示します。
 - {{domxref("HTMLIFrameElement.height")}}
   - : 文字列で HTML 属性の [`height`](/ja/docs/Web/HTML/Element/iframe#height) を反映し、フレームの高さを表します。
-- {{domxref("HTMLIFrameElement.longDesc")}} {{deprecated_inline}}
+- {{domxref("HTMLIFrameElement.longDesc")}} {{Deprecated_Inline}}
   - : フレームの長い説明文の URI をが入った文字列です。
-- {{domxref("HTMLIFrameElement.marginHeight")}} {{deprecated_inline}}
+- {{domxref("HTMLIFrameElement.marginHeight")}} {{Deprecated_Inline}}
   - : フレームのマージンの高さである文字列です。
-- {{domxref("HTMLIFrameElement.marginWidth")}} {{deprecated_inline}}
+- {{domxref("HTMLIFrameElement.marginWidth")}} {{Deprecated_Inline}}
   - : フレームのマージンの幅である文字列です。
 - {{domxref("HTMLIFrameElement.name")}}
   - : 文字列で HTML 属性の [`name`](/ja/docs/Web/HTML/Element/iframe#name) を反映し、フレームを参照するための名前を表します。
-- {{domxref("HTMLIFrameElement.featurePolicy")}} {{readonlyinline}}{{experimental_inline}}
-  - : 特定の文書に適用される機能ポリシーを簡単にイントロスペクトするための API を提供する {{domxref("FeaturePolicy")}} インターフェイスを返します。
-- {{domxref("HTMLIFrameElement.referrerPolicy")}} {{experimental_inline}}
-  - : 文字列で、 HTML の [`referrerPolicy`](/ja/docs/Web/HTML/Element/iframe#referrerPolicy) 属性を反映し、リンク先のリソースを取得する際にどのリファラーを使用するかを示します。
+- {{domxref("HTMLIFrameElement.featurePolicy")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : {{domxref("FeaturePolicy")}} インターフェイスを返します。これは、特定の文書に適用される[権限ポリシー](/ja/docs/Web/HTTP/Permissions_Policy)を簡単にイントロスペクトするための API を提供します。
+- {{domxref("HTMLIFrameElement.referrerPolicy")}}
+  - : 文字列で、 HTML の [`referrerPolicy`](/ja/docs/Web/HTML/Element/iframe#referrerpolicy) 属性を反映し、リンク先のリソースを取得する際にどのリファラーを使用するかを示します。
 - {{domxref("HTMLIFrameElement.sandbox")}}
   - : {{domxref("DOMTokenList")}} で HTML の [`sandbox`](/ja/docs/Web/HTML/Element/iframe#sandbox) 属性を反映し、ネストされたコンテンツの動作に特別な制限を加えることを示します。
-- {{domxref("HTMLIFrameElement.scrolling")}} {{deprecated_inline}}
+- {{domxref("HTMLIFrameElement.scrolling")}} {{Deprecated_Inline}}
   - : 文字列で、ブラウザーがフレームにスクロールバーを提供すべきかどうかを示します。
 - {{domxref("HTMLIFrameElement.src")}}
   - : 文字列で HTML の [`src`](/ja/docs/Web/HTML/Element/iframe#src) 属性を反映し、埋め込むコンテンツのアドレスが入ります。プログラムから `<iframe>` の src 属性を削除すると（例えば {{domxref("Element.removeAttribute()")}} によって）、 Firefox （バージョン65以降）、 Chromium ベースのブラウザー、および Safari/iOS ではフレーム内に `about:blank` が読み込まれることに注意してください。
@@ -56,9 +62,9 @@ _親である {{domxref("HTMLElement")}} からプロパティを継承してい
 - {{domxref("HTMLIFrameElement.width")}}
   - : 文字列で、 HTML の [`width`](/ja/docs/Web/HTML/Element/iframe#width) 属性を反映し、フレームの幅を表します。
 
-## メソッド
+## インスタンスメソッド
 
-_固有のメソッドはありません。親である {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_固有のメソッドはありません。親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
 
 ## 仕様書
 

From 6f0fb738ab83eb149b1abee2c6c9dcb04841697a Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 20:34:48 +0900
Subject: [PATCH 018/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5?=
 =?UTF-8?q?=E3=81=8D=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../allowpaymentrequest/index.md              | 23 ++++++
 .../contentdocument/index.md                  | 28 +++++++
 .../htmliframeelement/credentialless/index.md | 73 +++++++++++++++++++
 .../ja/web/api/htmliframeelement/csp/index.md | 23 ++++++
 .../htmliframeelement/featurepolicy/index.md  | 23 ++++++
 .../ja/web/api/htmliframeelement/src/index.md | 41 +++++++++++
 6 files changed, 211 insertions(+)
 create mode 100644 files/ja/web/api/htmliframeelement/allowpaymentrequest/index.md
 create mode 100644 files/ja/web/api/htmliframeelement/contentdocument/index.md
 create mode 100644 files/ja/web/api/htmliframeelement/credentialless/index.md
 create mode 100644 files/ja/web/api/htmliframeelement/csp/index.md
 create mode 100644 files/ja/web/api/htmliframeelement/featurepolicy/index.md
 create mode 100644 files/ja/web/api/htmliframeelement/src/index.md

diff --git a/files/ja/web/api/htmliframeelement/allowpaymentrequest/index.md b/files/ja/web/api/htmliframeelement/allowpaymentrequest/index.md
new file mode 100644
index 00000000000000..0bfafa5d8ef2c2
--- /dev/null
+++ b/files/ja/web/api/htmliframeelement/allowpaymentrequest/index.md
@@ -0,0 +1,23 @@
+---
+title: "HTMLIFrameElement: allowPaymentRequest プロパティ"
+short-title: allowPaymentRequest
+slug: Web/API/HTMLIFrameElement/allowPaymentRequest
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
+---
+
+{{APIRef("HTML DOM")}}{{Deprecated_Header}}{{Non-standard_Header}}
+
+**`allowPaymentRequest`** は {{domxref("HTMLIFrameElement")}} インターフェイスのプロパティで、[決済リクエスト API](/ja/docs/Web/API/Payment_Request_API) がクロスオリジンの iframe 内で起動できるかどうかを示す論理値を返します。
+
+## 値
+
+論理値です。
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [決済リクエスト API](/ja/docs/Web/API/Payment_Request_API)
diff --git a/files/ja/web/api/htmliframeelement/contentdocument/index.md b/files/ja/web/api/htmliframeelement/contentdocument/index.md
new file mode 100644
index 00000000000000..c2450b031dedc6
--- /dev/null
+++ b/files/ja/web/api/htmliframeelement/contentdocument/index.md
@@ -0,0 +1,28 @@
+---
+title: "HTMLIFrameElement: contentDocument プロパティ"
+short-title: contentDocument
+slug: Web/API/HTMLIFrameElement/contentDocument
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
+---
+
+{{APIRef("HTML DOM")}}
+
+iframe とその iframe の親文書が[同一オリジン](/ja/docs/Web/Security/Same-origin_policy)であった場合、[`Document`](/ja/docs/Web/API/Document)（すなわち、インラインフレーム内の閲覧コンテキスト内にあるアクティブな文書）を返します。そうでなければ `null` を返します。
+
+## contentDocument の例
+
+```js
+const iframeDocument = document.querySelector("iframe").contentDocument;
+
+iframeDocument.body.style.backgroundColor = "blue";
+// これにより iframe が青くなる
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/htmliframeelement/credentialless/index.md b/files/ja/web/api/htmliframeelement/credentialless/index.md
new file mode 100644
index 00000000000000..bf2016862834a0
--- /dev/null
+++ b/files/ja/web/api/htmliframeelement/credentialless/index.md
@@ -0,0 +1,73 @@
+---
+title: "HTMLIFrameElement: credentialless プロパティ"
+short-title: credentialless
+slug: Web/API/HTMLIFrameElement/credentialless
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
+---
+
+{{APIRef("HTML DOM")}}{{SeeCompatTable}}
+
+**`credentialless`** は {{domxref("HTMLIFrameElement")}} インターフェイスのプロパティで、この {{htmlelement("iframe")}} に資格情報がないかどうか、すなわち内部の文書が新しい、一時的なコンテキストで読み込まれることを意味します。
+
+これらのコンテキストは、そのオリジンに関連付けられたネットワーク、クッキー、ストレージデータにアクセスすることはできません。最上位の文書が変わるごとに新しくなります。つまり、格納されたデータは、ユーザーがページから離れたり、再読み込みしたりすると、アクセスできなくなります。
+
+その代わりに {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) の埋め込みルールを解除することができ、COEP を設定した文書でも、そうでないサードパーティの文書を埋め込むことができます。
+
+## 値
+
+論理値です。既定値は `false` です。`<iframe>` を信用させないようにするには `true` に設定してください。
+
+## 例
+
+### 取得
+
+次のようにして視覚情報のない `<iframe>` を指定します。
+
+```html
+<iframe
+  src="https://en.wikipedia.org/wiki/Spectre_(security_vulnerability)"
+  title="Spectre vulnerability Wikipedia page"
+  width="960"
+  height="600"
+  credentialless></iframe>
+```
+
+`credentialless` プロパティの値を返します。
+
+```js
+const iframeElem = document.querySelector("iframe");
+console.log(iframeElem.credentialless); // 対応しているブラウザーでは true が返る
+```
+
+### 設定
+
+こちらでは、HTML では詳細を最小限に設定します。
+
+```html
+<iframe width="960" height="600"> </iframe>
+```
+
+`<iframe>` の中身を読み込む際に、スクリプトから `credentialless` を `true` に設定します。
+
+```js
+const iframeElem = document.querySelector("iframe");
+
+iframeElem.credentialless = true;
+iframeElem.title = "Spectre vulnerability Wikipedia page";
+iframeElem.src =
+  "https://en.wikipedia.org/wiki/Spectre_(security_vulnerability)";
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [視覚情報のない iframe](/ja/docs/Web/Security/IFrame_credentialless)
+- {{htmlelement("iframe")}}
diff --git a/files/ja/web/api/htmliframeelement/csp/index.md b/files/ja/web/api/htmliframeelement/csp/index.md
new file mode 100644
index 00000000000000..bc17c7addf7dbd
--- /dev/null
+++ b/files/ja/web/api/htmliframeelement/csp/index.md
@@ -0,0 +1,23 @@
+---
+title: "HTMLIFrameElement: csp プロパティ"
+short-title: csp
+slug: Web/API/HTMLIFrameElement/csp
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
+---
+
+{{APIRef("HTML DOM")}}{{SeeCompatTable}}
+
+**`csp`** は {{domxref("HTMLIFrameElement")}} インターフェイスのプロパティで、埋め込まれる文書が従い支配を受ける[コンテンツセキュリティポリシー](/ja/docs/Web/HTTP/CSP)を返します。
+
+## 値
+
+コンテンツセキュリティポリシーです。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/htmliframeelement/featurepolicy/index.md b/files/ja/web/api/htmliframeelement/featurepolicy/index.md
new file mode 100644
index 00000000000000..eae8d78f10eac9
--- /dev/null
+++ b/files/ja/web/api/htmliframeelement/featurepolicy/index.md
@@ -0,0 +1,23 @@
+---
+title: "HTMLIFrameElement: featurePolicy プロパティ"
+short-title: featurePolicy
+slug: Web/API/HTMLIFrameElement/featurePolicy
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
+---
+
+{{APIRef("Feature Policy API")}}{{SeeCompatTable}}
+
+**`featurePolicy`** は {{DOMxRef("HTMLIFrameElement")}} インターフェイスの読み取り専用プロパティで、特定のフレームに適用される[権限ポリシー](/ja/docs/Web/HTTP/Permissions_Policy)をイントロスペクトするための単純な API を提供する {{DOMxRef("FeaturePolicy")}} インターフェイスを返します。
+
+## 値
+
+子のフレームに適用される権限ポリシーを調べるために使用できる [`FeaturePolicy`](/ja/docs/Web/API/FeaturePolicy) オブジェクトです。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/htmliframeelement/src/index.md b/files/ja/web/api/htmliframeelement/src/index.md
new file mode 100644
index 00000000000000..a9f3a3dd30df60
--- /dev/null
+++ b/files/ja/web/api/htmliframeelement/src/index.md
@@ -0,0 +1,41 @@
+---
+title: "HTMLIFrameElement: src プロパティ"
+short-title: src
+slug: Web/API/HTMLIFrameElement/src
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
+---
+
+{{APIRef}}
+
+**`HTMLIFrameElement.src`** プロパティは、この {{HTMLElement("iframe")}} 要素の HTML の [`referrerpolicy`](/ja/docs/Web/API/HTMLIFrameElement/referrerPolicy) 属性を反映し、リソースを読み取る際にどのリファラーを送信するかを定義します。
+
+## 構文
+
+```js-nolint
+refStr = iframeElt.src
+iframeElt.src= refStr
+```
+
+## 例
+
+```js
+const iframe = document.createElement("iframe");
+iframe.src = "/";
+const body = document.querySelector("body");
+body.appendChild(iframe); // 完全な URL をリファラーとして使用して画像を読み取り
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{DOMxRef("HTMLAnchorElement.src")}}
+- {{DOMxRef("HTMLAreaElement.src")}}
+- {{DOMxRef("HTMLAreaElement.src")}}.

From 12243044d13fdcfedfd3f2a0ee89d11f9da3ae88 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 20:42:26 +0900
Subject: [PATCH 019/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/htmliframeelement/contentwindow/index.md    | 13 ++++++++-----
 .../api/htmliframeelement/referrerpolicy/index.md   |  3 ++-
 files/ja/web/api/htmliframeelement/srcdoc/index.md  |  7 +++++--
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/files/ja/web/api/htmliframeelement/contentwindow/index.md b/files/ja/web/api/htmliframeelement/contentwindow/index.md
index f5705cd767a0fb..ee8e928144729d 100644
--- a/files/ja/web/api/htmliframeelement/contentwindow/index.md
+++ b/files/ja/web/api/htmliframeelement/contentwindow/index.md
@@ -1,11 +1,14 @@
 ---
-title: HTMLIFrameElement.contentWindow
+title: "HTMLIFrameElement: contentWindow プロパティ"
+short-title: contentWindow
 slug: Web/API/HTMLIFrameElement/contentWindow
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
 
-**`contentWindow`** プロパティは、 [HTMLIFrameElement](/ja/docs/Web/API/HTMLIFrameElement) が所属する [Window](/ja/docs/Web/API/Window) オブジェクトを返します。この `Window` オブジェクトを使用して、 iframe の文書や内部 DOM にアクセスすることができます。この属性は読み取り専用ですが、グローバルの `Window` オブジェクトのように操作することができます。
+**`contentWindow`** プロパティは、[HTMLIFrameElement](/ja/docs/Web/API/HTMLIFrameElement) が所属する [Window](/ja/docs/Web/API/Window) オブジェクトを返します。この `Window` オブジェクトを使用して、iframe の文書や内部 DOM にアクセスすることができます。この属性は読み取り専用ですが、グローバルの `Window` オブジェクトのように操作することができます。
 
 ## 値
 
@@ -14,11 +17,11 @@ slug: Web/API/HTMLIFrameElement/contentWindow
 ## 例
 
 ```js
-var x = document.getElementsByTagName("iframe")[0].contentWindow;
+const x = document.querySelector("iframe").contentWindow;
 //x = window.frames[0];
 
-x.document.getElementsByTagName("body")[0].style.backgroundColor = "blue";
-// 文書内の 1 番目の iframe が青くなります。
+x.document.querySelector("body").style.backgroundColor = "blue";
+// 文書内の最初の iframe が青くなる
 ```
 
 ## 仕様書
diff --git a/files/ja/web/api/htmliframeelement/referrerpolicy/index.md b/files/ja/web/api/htmliframeelement/referrerpolicy/index.md
index 0cf68259e9b03a..2eab625ccd350e 100644
--- a/files/ja/web/api/htmliframeelement/referrerpolicy/index.md
+++ b/files/ja/web/api/htmliframeelement/referrerpolicy/index.md
@@ -1,5 +1,6 @@
 ---
-title: HTMLIFrameElement.referrerPolicy
+title: "HTMLIFrameElement: referrerPolicy プロパティ"
+short-title: referrerPolicy
 slug: Web/API/HTMLIFrameElement/referrerPolicy
 l10n:
   sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
diff --git a/files/ja/web/api/htmliframeelement/srcdoc/index.md b/files/ja/web/api/htmliframeelement/srcdoc/index.md
index b92b8bb89c9b22..701982a80c4473 100644
--- a/files/ja/web/api/htmliframeelement/srcdoc/index.md
+++ b/files/ja/web/api/htmliframeelement/srcdoc/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLIFrameElement.srcdoc
+title: "HTMLIFrameElement: srcdoc プロパティ"
+short-title: srcdoc
 slug: Web/API/HTMLIFrameElement/srcdoc
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef('HTMLIFrameElement')}}
@@ -10,7 +13,7 @@ slug: Web/API/HTMLIFrameElement/srcdoc
 ## 例
 
 ```js
-var iframe = document.createElement("iframe");
+const iframe = document.createElement("iframe");
 iframe.srcdoc = `<!DOCTYPE html><p>Hello World!</p>`;
 document.body.appendChild(iframe);
 ```

From 7ee865a885588d95e7953c149556c3e75a396a10 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Jun 2023 03:07:45 +0900
Subject: [PATCH 020/146] =?UTF-8?q?credentialless=20=E3=81=AE=E8=A8=B3?=
 =?UTF-8?q?=E8=AA=9E=E3=82=92=E7=B5=B1=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmliframeelement/credentialless/index.md | 2 +-
 files/ja/web/api/htmliframeelement/index.md                | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/ja/web/api/htmliframeelement/credentialless/index.md b/files/ja/web/api/htmliframeelement/credentialless/index.md
index bf2016862834a0..3b1d045b5a98c0 100644
--- a/files/ja/web/api/htmliframeelement/credentialless/index.md
+++ b/files/ja/web/api/htmliframeelement/credentialless/index.md
@@ -8,7 +8,7 @@ l10n:
 
 {{APIRef("HTML DOM")}}{{SeeCompatTable}}
 
-**`credentialless`** は {{domxref("HTMLIFrameElement")}} インターフェイスのプロパティで、この {{htmlelement("iframe")}} に資格情報がないかどうか、すなわち内部の文書が新しい、一時的なコンテキストで読み込まれることを意味します。
+**`credentialless`** は {{domxref("HTMLIFrameElement")}} インターフェイスのプロパティで、この {{htmlelement("iframe")}} が無信頼であるどうか、すなわち内部の文書が新しい、一時的なコンテキストで読み込まれることを意味します。
 
 これらのコンテキストは、そのオリジンに関連付けられたネットワーク、クッキー、ストレージデータにアクセスすることはできません。最上位の文書が変わるごとに新しくなります。つまり、格納されたデータは、ユーザーがページから離れたり、再読み込みしたりすると、アクセスできなくなります。
 
diff --git a/files/ja/web/api/htmliframeelement/index.md b/files/ja/web/api/htmliframeelement/index.md
index 62b4c21c4dffcb..f32a4d6d4c7d87 100644
--- a/files/ja/web/api/htmliframeelement/index.md
+++ b/files/ja/web/api/htmliframeelement/index.md
@@ -31,7 +31,7 @@ _親である {{domxref("HTMLElement")}} から継承したプロパティがあ
 
 - {{domxref("HTMLIFrameElement.credentialless")}} {{Experimental_Inline}}
 
-  - : 論理値で `<iframe>` に資格情報がないことを示し、そのコンテンツは新しい、一時的なコンテキストで読み込まれることを意味します。このコンテキストは、親コンテキストの共有ストレージと資格情報にアクセスすることはできません。その代わり {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) 埋め込みルールが解除されるいため、COEP を設定した文書でもそうでないサードパーティ文書を埋め込むことができます。より詳しい説明は、[視覚情報のない iframe](/ja/docs/Web/Security/IFrame_credentialless) を参照してください。
+  - : 論理値で `<iframe>` が無信頼であることを示し、そのコンテンツは新しい、一時的なコンテキストで読み込まれることを意味します。このコンテキストは、親コンテキストの共有ストレージと資格情報にアクセスすることはできません。その代わり {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) 埋め込みルールが解除されるいため、COEP を設定した文書でもそうでないサードパーティ文書を埋め込むことができます。より詳しい説明は、[無信頼の iframe](/ja/docs/Web/Security/IFrame_credentialless) を参照してください。
 
 - {{domxref("HTMLIFrameElement.csp")}}
   - : 埋め込み文書が自分自身に適用することに同意しなければならないコンテンツセキュリティポリシーを指定します。

From 76c5d7c939926858fb4f7f17d60a9fdb4734c4bc Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Jun 2023 19:04:58 +0900
Subject: [PATCH 021/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/iframe/index.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/files/ja/web/html/element/iframe/index.md b/files/ja/web/html/element/iframe/index.md
index e56f5b81ca5ffb..627d561960b493 100644
--- a/files/ja/web/html/element/iframe/index.md
+++ b/files/ja/web/html/element/iframe/index.md
@@ -1,8 +1,8 @@
 ---
-title: '<iframe>: インラインフレーム要素'
+title: "<iframe>: インラインフレーム要素"
 slug: Web/HTML/Element/iframe
 l10n:
-  sourceCommit: d4d89f0d396e69a758afe46875b37b4ff4580238
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
@@ -11,7 +11,7 @@ l10n:
 
 {{EmbedInteractiveExample("pages/tabbed/iframe.html", "tabbed-standard")}}
 
-それぞれの閲覧コンテキストは、[セッション履歴](/ja/docs/Web/API/History)と[文書](/ja/docs/Web/API/Document)を持ちます。他の閲覧コンテキストを埋め込んでいる閲覧コンテキストは、_親閲覧コンテキスト_ と呼ばれます。_最上位_ の閲覧コンテキスト（親を持たないもの）は、通常はブラウザーのウィンドウで、 {{domxref("Window")}} オブジェクトで表されます。
+それぞれの閲覧コンテキストにはそれぞれの[文書](/ja/docs/Web/API/Document)があり、URL ナビゲーションができます。それぞれの埋め込み閲覧コンテキストのナビゲーションは、最上位の閲覧コンテキストの[セッション履歴](/ja/docs/Web/API/History)で直線化されます。他の閲覧コンテキストを埋め込んでいる閲覧コンテキストは、_親閲覧コンテキスト_ と呼ばれます。_最上位_ の閲覧コンテキスト（親を持たないもの）は、通常はブラウザーのウィンドウで、 {{domxref("Window")}} オブジェクトで表されます。
 
 > **警告:** それぞれの閲覧コンテキストは完全な文書環境であるため、ページの中で `<iframe>` を使用するごとに、必要となるメモリやその他の計算リソースが増加します。理論的には好きなだけ `<iframe>` を使用することができますが、パフォーマンスの問題を確認してください。
 
@@ -23,7 +23,7 @@ l10n:
 
   - : [権限ポリシー](/ja/docs/Web/HTTP/Permissions_Policy)を `<iframe>` に指定します。このポリシーは、 `<iframe>` が利用可能な機能（例：マイク、カメラ、バッテリー、ウェブ共有 API へのアクセスなど）をリクエストのオリジンに基づいて定義します。
 
-      > **メモ:** `allow` 属性で指定された権限ポリシーは {{httpheader("Permissions-Policy")}} ヘッダーで指定されたポリシーの上に、さらに制限を実装するものです。それはそれを置き換えるものではありません。
+    > **メモ:** `allow` 属性で指定された権限ポリシーは {{httpheader("Permissions-Policy")}} ヘッダーで指定されたポリシーの上に、さらに制限を実装するものです。それはそれを置き換えるものではありません。
 
 - `allowfullscreen`
 
@@ -39,7 +39,7 @@ l10n:
 
 - `credentialless` {{Experimental_Inline}} {{Non-standard_Inline}}
 
-  - : `true` に設定すると `<iframe>` を信用できないものにします。 つまり、そのコンテンツは新しい、一時的なコンテキストで読み込まれることになります。これはそのオリジンに関連するネットワーク、クッキー、ストレージデータへのアクセス権がありません。最上位の文書の存続期間に依存する新しいコンテキストを使用します。その代わりに {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) 埋め込みルールは解除され、COEP を設定した文書はそうでない第三者の文書を埋め込むことができるようになります。詳しくは [信用できない iframe](/ja/docs/Web/Security/IFrame_credentialless) を参照してください。
+  - : `true` に設定すると `<iframe>` を無信頼であることを示します。 つまり、そのコンテンツは新しい、一時的なコンテキストで読み込まれることになります。これはそのオリジンに関連するネットワーク、クッキー、ストレージデータへのアクセス権がありません。最上位の文書の存続期間に依存する新しいコンテキストを使用します。その代わりに {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) 埋め込みルールは解除され、COEP を設定した文書はそうでない第三者の文書を埋め込むことができるようになります。詳しくは[無信頼の iframe](/ja/docs/Web/Security/IFrame_credentialless) を参照してください。
 
 - `csp` {{experimental_inline}}
 
@@ -47,7 +47,7 @@ l10n:
 
 - `height`
   - : フレームの高さを CSS ピクセル数で示します。既定値は `150` です。
-- `loading` {{experimental_inline}}
+- `loading`
 
   - : ブラウザーが iframe をどのように読み込むかを示します。
 
@@ -71,7 +71,7 @@ l10n:
 
 - `sandbox`
 
-  - : フレーム内のコンテンツに追加の制約を適用します。この属性の値は、空にするとすべての制約を適用し、空白区切りのトークンにすると特定の制約を外します。
+  - : `<iframe>` に埋め込まれたコンテンツに適用される制限を制御します。フレーム内のコンテンツに追加の制約を適用します。この属性の値は、空にするとすべての制約を適用し、空白区切りのトークンにすると特定の制約を外します。
 
     - `allow-downloads`: [download](/ja/docs/Web/HTML/Element/a#download) 属性を持つ {{HTMLElement("a")}} または {{HTMLElement("area")}} 要素を通して、またファイルのダウンロードにつながるナビゲーションを通してファイルのダウンロードを可能にします。これは、ユーザーがリンクをクリックしたか、JS コードがユーザーとの対話なしに開始したかに関係なく、動作します。
     - `allow-downloads-without-user-activation` {{experimental_inline}}: ユーザーの操作なしでダウンロードが発生することを許可します。
@@ -84,7 +84,7 @@ l10n:
     - `allow-presentation`: リソースが[プレゼンテーションセッション](/ja/docs/Web/API/PresentationRequest)を開始できるようにします。
     - `allow-same-origin`: このトークンが使用されていない場合、リソースは{{Glossary("same-origin policy", "同一オリジンポリシー")}}に常に失敗する特別なオリジンからのものとして扱われます（潜在的に[データストレージやクッキー](/ja/docs/Web/Security/Same-origin_policy#オリジンをまたいだデータストレージアクセス)へのアクセスや一部の JavaScript API の使用を阻止することがあります）。
     - `allow-scripts`: ページがスクリプトを実行することを許可します（ただし、ポップアップウィンドウは作成しません）。このキーワードが使用されない場合、この操作は許可されません。
-    - `allow-storage-access-by-user-activation` {{experimental_inline}}: リソースが [Storage Access API](/ja/docs/Web/API/Storage_Access_API) で親のストレージ容量へのアクセスを要求できるようにします。
+    - `allow-storage-access-by-user-activation` {{experimental_inline}}: `<iframe>` で読み込んだ文書が{{domxref("Storage Access API", "ストレージアクセス API", "", "nocode")}} を使用して、分離されていないクッキーへのアクセスをリクエストできるようにします。
     - `allow-top-navigation`: リソースが最上位の閲覧コンテキスト（`_top` という名前のもの
     に移動できるようにします。
     - `allow-top-navigation-by-user-activation`: リソースが最上位の閲覧コンテキストに移動できるようにしますが、ユーザーの操作によって開始されたものに限ります。
@@ -165,7 +165,7 @@ DOM の {{domxref("HTMLIFrameElement")}} オブジェクトでは、スクリプ
 
 ```html
 <iframe
-  title="アボガドのウィキペディアページ"
+  title="Wikipedia page for Avocados"
   src="https://en.wikipedia.org/wiki/Avocado"></iframe>
 ```
 

From f44abf48b62c37a742cc268052c14c88c8a82f78 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Jun 2023 02:59:52 +0900
Subject: [PATCH 022/146] =?UTF-8?q?2023/03/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5?=
 =?UTF-8?q?=E3=81=8D=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../security/iframe_credentialless/index.md   | 86 +++++++++++++++++++
 1 file changed, 86 insertions(+)
 create mode 100644 files/ja/web/security/iframe_credentialless/index.md

diff --git a/files/ja/web/security/iframe_credentialless/index.md b/files/ja/web/security/iframe_credentialless/index.md
new file mode 100644
index 00000000000000..f5c455155bb8ce
--- /dev/null
+++ b/files/ja/web/security/iframe_credentialless/index.md
@@ -0,0 +1,86 @@
+---
+title: 無信頼の iframe
+slug: Web/Security/IFrame_credentialless
+l10n:
+  sourceCommit: fa8a44b8bff24a4032181c4fd155c459c0dc9161
+---
+
+{{QuickLinksWithSubpages("/ja/docs/Web/Security")}}{{SeeCompatTable}}{{Non-standard_header}}
+
+**無信頼の iframe** は、開発者が新しい、一時的なコンテキストを使用して {{htmlelement("iframe")}} でサードパーティ製のリソースを読み込むためのメカニズムを提供します。これは、通常のオリジンのネットワーク、クッキー、ストレージデータにアクセスすることはできません。最上位の文書の寿命を限度とした新しいコンテキストを使用します。結果的に {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) 埋め込みルールを解除することができるので、COEP を設定した文書に、そうでないサードパーティーの文書を埋め込むことができます。
+
+## 問題
+
+例えば、{{jsxref("SharedArrayBuffer")}} や {{domxref("DOMHighResTimeStamp", "high-resolution timers", "", "nocode")}} などの様々なウェブ API の機能が、オリジン間隔離を選択しているサイトでのみ使用できます。 これは、このような機能が [Spectre 攻撃](https://spectreattack.com/spectre.pdf)で悪用され、被害者の機密情報がサイドチャネル経由で流出し、攻撃者に捕捉される危険性があるためです。
+
+オリジン間分離を採用するためには、リソースは {{httpheader("Cross-Origin-Opener-Policy")}} の値が `same-origin` （攻撃者からオリジンを保護）、{{httpheader("Cross-origin-Embedder-Policy")}} が `credentialless` または `require-corp` （被害者からオリジンを保護）で提供する必要があります。後者は、{{httpheader("Cross-Origin-Resource-Policy")}} または[オリジン間リソース共有](/ja/docs/Web/HTTP/CORS) を用いて明示的に文書を許可していない、資格情報のある別オリジンのあらゆるリソースを文書が読み込むのを防止します。
+
+オリジン間分離の採用を制限する主要な課題は、`Cross-Origin-Embedder-Policy` が再帰的に適用されることです。`Cross-Origin-Embedder-Policy` が設定された文書内の `<iframe>` に読み込まれるサードパーティーのコンテンツは、埋め込みに成功するために `Cross-Origin-Embedder-Policy` を展開している必要があります。これは、サードパーティーのコンテンツ（広告ネットワークコンテンツなど）をアプリに埋め込む開発者にとって、一般的に制御することができないため問題となります。今までは、サードパーティーのコンテンツプロバイダーが `Cross-Origin-Embedder-Policy` を実装するのを待つしかなかったからです。
+
+この問題が、無信頼の iframe で解決できます。
+
+## 解決策 — 無信頼の iframe
+
+`<iframe>` は、[`credentialless`](/ja/docs/Web/HTML/Element/iframe#credentialless) 属性を適用するか、同等の DOM プロパティ {{domxref("HTMLIFrameElement.credentialless")}} を `true` を設定して信頼性を確保することができます。
+
+```html
+<iframe
+  src="https://en.wikipedia.org/wiki/Spectre_(security_vulnerability)"
+  title="Spectre vulnerability Wikipedia page"
+  width="960"
+  height="600"
+  credentialless></iframe>
+```
+
+Or:
+
+```html
+<iframe width="960" height="600"> </iframe>
+```
+
+```js
+const iframeElem = document.querySelector("iframe");
+
+iframeElem.credentialless = true;
+iframeElem.title = "Spectre vulnerability Wikipedia page";
+iframeElem.src =
+  "https://en.wikipedia.org/wiki/Spectre_(security_vulnerability)";
+```
+
+> **メモ:** {{domxref("window.credentialless")}} プロパティは、`<iframe>` に埋め込まれた文書が、無信頼のコンテキストで実行されているかどうかを調べるために、問い合わせることができます。値が `true` の場合、埋め込まれている `<iframe>` が資格情報がないであることを意味します。
+
+この結果、無信頼の `<iframe>` 内の文書は、新しい、一時的なコンテキストを使用して読み込まれることになります。それらのコンテキストは、そのオリジンに関連するデータ、例えば[クッキー](/ja/docs/Web/HTTP/Cookies)や[ローカルストレージ](/ja/docs/Web/API/Window/localStorage)にアクセスすることはできません。無信頼のストレージは、最上位の文書ごとに 1 回設定されるノンス ("number used once") 値で変更されたストレージキーで別個に分割されます。したがって、ある無信頼の `<iframe>` に設定されたクッキーは、同じ最上位の文書の下に埋め込まれた他の同じオリジンの無信頼の `<iframe>` からしかアクセスできなくなります。
+
+ノンスは、同じ最上位文書の子孫であるすべての無信頼の iframe で共有されるが、ユーザーが移動したそれぞれの異なる最上位の文書では異なり、ユーザーが移動した後はもうアクセスできません。無信頼の iframe は異なるページ間でストレージを共有しません。上記のクッキーを返すと、文書を再読み込みした際、異なるコンテキストで無信頼の `<iframe>` が読み込まれるため、前回設定したクッキーはどれも利用できません。
+
+それに加えて、以下のことが言えます。
+
+- 無信頼の iframe で開くためのポップアップは、[`rel="noopener"`](/ja/docs/Web/HTML/Attributes/rel/noopener) を設定して開かれます。これにより、OAuth ポップアップフローが無信頼の iframe で使用されることを防ぐことができます。
+- ブラウザーによる自動入力やパスワード管理機能は、無信頼の `<iframe>` では利用できません。
+
+この結果、無信頼の `<iframe>` に読み込まれた文書は、事実上、ユーザーの機密情報でカスタマイズされていないバニラ版または「公開」版となります。これらの文書からは利用できる機密情報がないため、攻撃者にとって使用することはなく、これらの iframe では Cross-Origin Embedder Policy の要件は削除されます。
+
+## 子 iframe 内の再帰的な無信頼の iframe
+
+`credentialless` が `<iframe>` に設定され、その中に読み込まれた文書内に子 `<iframe>` があった場合、それらの子 `<iframe>` は無信頼の設定を継承する。
+
+## ライブデモ
+
+無信頼の iframe をその場で確認するには [https://anonymous-iframe.glitch.me/](https://anonymous-iframe.glitch.me/) のデモを参照してください。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{httpheader("Cross-Origin-Opener-Policy")}}
+- {{httpheader("Cross-Origin-Embedder-Policy")}}
+- {{httpheader("Cross-Origin-Resource-Policy")}}
+- [オリジン間リソース共有](/ja/docs/Web/HTTP/CORS)
+- `<iframe`> の [`credentialless`](/ja/docs/Web/HTML/Element/iframe#credentialless) 属性
+- {{domxref("HTMLIFrameElement.credentialless")}}

From cd58a59b920144522cb1e142f6c29f93c8030985 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Jun 2023 03:06:37 +0900
Subject: [PATCH 023/146] =?UTF-8?q?credentialless=20=E3=81=AE=E8=A8=B3?=
 =?UTF-8?q?=E8=AA=9E=E3=82=92=E7=B5=B1=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/security/iframe_credentialless/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ja/web/security/iframe_credentialless/index.md b/files/ja/web/security/iframe_credentialless/index.md
index f5c455155bb8ce..d97d0a88f4d3dc 100644
--- a/files/ja/web/security/iframe_credentialless/index.md
+++ b/files/ja/web/security/iframe_credentialless/index.md
@@ -47,7 +47,7 @@ iframeElem.src =
   "https://en.wikipedia.org/wiki/Spectre_(security_vulnerability)";
 ```
 
-> **メモ:** {{domxref("window.credentialless")}} プロパティは、`<iframe>` に埋め込まれた文書が、無信頼のコンテキストで実行されているかどうかを調べるために、問い合わせることができます。値が `true` の場合、埋め込まれている `<iframe>` が資格情報がないであることを意味します。
+> **メモ:** {{domxref("window.credentialless")}} プロパティは、`<iframe>` に埋め込まれた文書が、無信頼のコンテキストで実行されているかどうかを調べるために、問い合わせることができます。値が `true` の場合、埋め込まれている `<iframe>` が無信頼であることを意味します。
 
 この結果、無信頼の `<iframe>` 内の文書は、新しい、一時的なコンテキストを使用して読み込まれることになります。それらのコンテキストは、そのオリジンに関連するデータ、例えば[クッキー](/ja/docs/Web/HTTP/Cookies)や[ローカルストレージ](/ja/docs/Web/API/Window/localStorage)にアクセスすることはできません。無信頼のストレージは、最上位の文書ごとに 1 回設定されるノンス ("number used once") 値で変更されたストレージキーで別個に分割されます。したがって、ある無信頼の `<iframe>` に設定されたクッキーは、同じ最上位の文書の下に埋め込まれた他の同じオリジンの無信頼の `<iframe>` からしかアクセスできなくなります。
 

From b4f944a92186ab48685b58a0722ccd06256c2547 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Jun 2023 03:21:13 +0900
Subject: [PATCH 024/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/image/index.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/files/ja/web/html/element/image/index.md b/files/ja/web/html/element/image/index.md
index a3c75a468dfa10..5ddd3ba88df84d 100644
--- a/files/ja/web/html/element/image/index.md
+++ b/files/ja/web/html/element/image/index.md
@@ -1,14 +1,18 @@
 ---
-title: '<image>: 画像要素'
+title: "<image>: 画像要素"
 slug: Web/HTML/Element/image
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
-{{HTMLSidebar}}{{deprecated_header}}
+{{HTMLSidebar}}{{deprecated_header}}{{Non-standard_header}}
 
-**`<image>`** は [HTML](/ja/docs/Web/HTML) の要素で、 {{HTMLElement("img")}} 要素の古く、対応が不十分な前身です。
+**`<image>`** は [HTML](/ja/docs/Web/HTML) の要素で、{{HTMLElement("img")}} 要素の古く、対応が不十分な前身です。
 **使用しないでください**。
 
-ブラウザーによっては、これを自動的に {{HTMLElement("img")}} 要素に変換しようとし、 [`src`](/ja/docs/Web/HTML/Element/img#src) 属性も指定されていれば成功することがあります。
+ブラウザーによっては、これを自動的に {{HTMLElement("img")}} 要素に変換しようとし、[`src`](/ja/docs/Web/HTML/Element/img#src) 属性も指定されていれば成功することがあります。
+
+<!-- ## Technical summary -->
 
 ## 仕様書
 

From 909c91a489e3e6fd9e6946fbfc6a243f2ef3f419 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Wed, 21 Jun 2023 17:16:52 +0200
Subject: [PATCH 025/146] [ja] sync translated content (#13870)

* ja: sync translated content

* Update _redirects.txt

* Update _wikihistory.json

* Delete index.md

* Delete index.md

* Delete index.md

* Delete index.md

* Delete index.md

* Delete index.md

---------

Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>
---
 files/ja/_wikihistory.json                    |   8 -
 .../web/css/scroll-snap-coordinate/index.md   | 144 ------------------
 .../web/css/scroll-snap-destination/index.md  | 138 -----------------
 .../ja/web/css/scroll-snap-points-x/index.md  |  99 ------------
 .../ja/web/css/scroll-snap-points-y/index.md  |  99 ------------
 files/ja/web/css/scroll-snap-type-x/index.md  |  54 -------
 files/ja/web/css/scroll-snap-type-y/index.md  |  54 -------
 7 files changed, 596 deletions(-)
 delete mode 100644 files/ja/web/css/scroll-snap-coordinate/index.md
 delete mode 100644 files/ja/web/css/scroll-snap-destination/index.md
 delete mode 100644 files/ja/web/css/scroll-snap-points-x/index.md
 delete mode 100644 files/ja/web/css/scroll-snap-points-y/index.md
 delete mode 100644 files/ja/web/css/scroll-snap-type-x/index.md
 delete mode 100644 files/ja/web/css/scroll-snap-type-y/index.md

diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index 8817549459233a..87322024357699 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -19826,14 +19826,6 @@
     "modified": "2020-10-15T22:29:36.376Z",
     "contributors": ["mfuji09"]
   },
-  "Web/CSS/scroll-snap-coordinate": {
-    "modified": "2020-10-15T22:12:59.561Z",
-    "contributors": ["mfuji09"]
-  },
-  "Web/CSS/scroll-snap-destination": {
-    "modified": "2020-10-15T22:13:25.242Z",
-    "contributors": ["mfuji09"]
-  },
   "Web/CSS/scroll-snap-stop": {
     "modified": "2020-10-15T22:12:57.197Z",
     "contributors": ["mfuji09"]
diff --git a/files/ja/web/css/scroll-snap-coordinate/index.md b/files/ja/web/css/scroll-snap-coordinate/index.md
deleted file mode 100644
index 5c32d7476e9fb2..00000000000000
--- a/files/ja/web/css/scroll-snap-coordinate/index.md
+++ /dev/null
@@ -1,144 +0,0 @@
----
-title: scroll-snap-coordinate
-slug: Web/CSS/scroll-snap-coordinate
----
-
-{{CSSRef}}{{deprecated_header}}
-
-**`scroll-snap-coordinate`** は [CSS](/ja/docs/Web/CSS)のプロパティで、このプロパティは、最も近い祖先のスクロールコンテナーの {{cssxref("scroll-snap-destination")}} に配置される要素内の X 座標と Y 座標の位置をそれぞれの軸で定義します。
-
-```css
-/* キーワード値 */
-scroll-snap-coordinate: none;
-
-/* <position> 値 */
-scroll-snap-coordinate: 50px 50px;                   /* 単一の座標 */
-scroll-snap-coordinate: 100px 100px, 100px bottom;   /* 複数の座標 */
-
-/* グローバル値 */
-scroll-snap-coordinate: inherit;
-scroll-snap-coordinate: initial;
-scroll-snap-coordinate: unset;
-```
-
-要素が変換されていた場合は、スナップ座標はそのように変換されるので、スナップ点の配置は要素が表示された時に行われます。
-
-## 構文
-
-### 値
-
-- `none`
-  - : 要素がスナップ点を提供しないことを示します。
-- {{cssxref("&lt;position&gt;")}}
-  - : スナップ座標を要素の境界ボックスの開始側の辺からのオフセットで示します。それぞれの組は、最初の値がスナップ座標の X 座標で、二番目の値は Y 座標です。
-
-## 公式定義
-
-{{cssinfo}}
-
-## 形式文法
-
-{{csssyntax}}
-
-## 例
-
-<h3 id="Setting_scroll_snap_coordinates">スクロールスナップ座標の設定</h3>
-
-#### HTML
-
-```html
-<div id="container">
-  <div>
-    <p>At coordinate (0, 0)</p>
-    <div class="scrollContainer coordinate0">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-
-  <div>
-    <p>At coordinate (25, 0)</p>
-    <div class="scrollContainer coordinate25">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-
-  <div>
-    <p>At coordinate (50, 0)</p>
-    <div class="scrollContainer coordinate50">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-</div>
-```
-
-#### CSS
-
-```css
-#container {
-  display: flex;
-}
-
-#container > div:nth-child(-n+2) {
-  margin-right: 20px;
-}
-
-.scrollContainer {
-  width: 100px;
-  overflow: auto;
-  white-space: nowrap;
-  scroll-snap-type: mandatory;
-  font-size: 0;
-}
-
-.scrollContainer > div {
-  width: 100px;
-  height: 100px;
-  display: inline-block;
-  line-height: 100px;
-  text-align: center;
-  font-size: 50px;
-}
-
-.coordinate0 > div {
-  scroll-snap-coordinate: 0 0;
-}
-
-.coordinate25 > div {
-  scroll-snap-coordinate: 25px 0;
-}
-
-.coordinate50 > div {
-  scroll-snap-coordinate: 50px 0;
-}
-
-.scrollContainer > div:nth-child(even) {
-  background-color: #87ea87;
-}
-
-.scrollContainer > div:nth-child(odd) {
-  background-color: #87ccea;
-}
-```
-
-#### 結果
-
-{{EmbedLiveSample("Setting_scroll_snap_coordinates", "100%", "170")}}
-
-## 仕様書
-
-どの標準にも含まれていません。
-
-## ブラウザーの互換性
-
-{{Compat}}
-
-## 関連情報
-
-- [CSS スクロールスナップ](/ja/docs/Web/CSS/CSS_Scroll_Snap)
-- [Well-Controlled Scrolling with CSS Scroll Snap](https://web.dev/css-scroll-snap/)
diff --git a/files/ja/web/css/scroll-snap-destination/index.md b/files/ja/web/css/scroll-snap-destination/index.md
deleted file mode 100644
index f17156a35b2b0c..00000000000000
--- a/files/ja/web/css/scroll-snap-destination/index.md
+++ /dev/null
@@ -1,138 +0,0 @@
----
-title: scroll-snap-destination
-slug: Web/CSS/scroll-snap-destination
----
-
-{{CSSRef}}{{deprecated_header}}
-
-**`scroll-snap-destination`** は [CSS](/ja/docs/Web/CSS) のプロパティで、スクロールコンテナーの視覚{{Glossary("viewport", "ビューポート")}}内の要素のスナップ点が配置される X および Y 座標の位置を定義します。
-
-```css
-/* <position> 値 */
-scroll-snap-destination: 400px 600px;
-
-/* グローバル値 */
-scroll-snap-destination: inherit;
-scroll-snap-destination: initial;
-scroll-snap-destination: unset;
-```
-
-## 構文
-
-### 値
-
-- `<position>`
-  - : スクロールコンテナーの視覚ビューポートの先頭側の端からのスナップ距離のオフセットを指定します。最初の値はスナップ距離の X 座標、二番目の値は Y 座標です。
-
-## 公式定義
-
-{{cssinfo}}
-
-## 形式文法
-
-{{csssyntax}}
-
-## 例
-
-<h3 id="Setting_scroll_snap_destination">スクロールスナップの宛先を設定</h3>
-
-#### HTML
-
-```html
-<div id="container">
-  <div>
-    <p>At coordinate (0, 0)</p>
-    <div class="scrollContainer destination0">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-
-  <div>
-    <p>At coordinate (25, 0)</p>
-    <div class="scrollContainer destination25">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-
-  <div>
-    <p>At coordinate (50, 0)</p>
-    <div class="scrollContainer destination50">
-      <div>1</div>
-      <div>2</div>
-      <div>3</div>
-    </div>
-  </div>
-</div>
-```
-
-#### CSS
-
-```css
-#container {
-  display: flex;
-}
-
-#container > div:nth-child(-n+2) {
-  margin-right: 20px;
-}
-
-.scrollContainer {
-  width: 100px;
-  overflow: auto;
-  white-space: nowrap;
-  scroll-snap-points-x: repeat(100%);
-  scroll-snap-type: mandatory;
-  scroll-snap-destination: 20px 0;
-  font-size: 0;
-}
-
-.destination0 {
-  scroll-snap-destination: 0 0;
-}
-
-.destination25 {
-  scroll-snap-destination: 25px 0;
-}
-
-.destination50 {
-  scroll-snap-destination: 50px 0;
-}
-
-.scrollContainer > div {
-  width: 100px;
-  height: 100px;
-  display: inline-block;
-  line-height: 100px;
-  text-align: center;
-  font-size: 50px;
-}
-
-.scrollContainer > div:nth-child(even) {
-  background-color: #87EA87;
-}
-
-.scrollContainer > div:nth-child(odd) {
-  background-color: #87CCEA;
-}
-```
-
-#### 結果
-
-{{EmbedLiveSample("Setting_scroll_snap_destination", "100%", "170")}}
-
-## 仕様書
-
-どの標準にも含まれていません。
-
-## ブラウザーの互換性
-
-{{Compat}}
-
-## 関連情報
-
-- [CSS スクロールスナップ](/ja/docs/Web/CSS/CSS_Scroll_Snap)
-- [Well-Controlled Scrolling with CSS Scroll Snap](https://web.dev/css-scroll-snap/)
diff --git a/files/ja/web/css/scroll-snap-points-x/index.md b/files/ja/web/css/scroll-snap-points-x/index.md
deleted file mode 100644
index b3af48fe374c9a..00000000000000
--- a/files/ja/web/css/scroll-snap-points-x/index.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: scroll-snap-points-x
-slug: Web/CSS/scroll-snap-points-x
----
-
-{{CSSRef}}{{deprecated_header}}
-
-**`scroll-snap-points-x`** は [CSS](/ja/docs/Web/CSS) のプロパティで、適用先のスクロールコンテナーの内容物におけるスナップ点の水平位置を定義します。
-
-```css
-/* キーワード値 */
-scroll-snap-points-x: none;
-
-/* 反復スナップ点 */
-scroll-snap-points-x: repeat(400px);
-
-/* グローバル値 */
-scroll-snap-points-x: inherit;
-scroll-snap-points-x: initial;
-scroll-snap-points-x: unset;
-```
-
-## 構文
-
-### 値
-
-- `none`
-  - : スクロールコンテナーはスナップ点を定義しません。スクロールコンテナー内の要素は、スクロールコンテナーに代わってスナップ点を定義することができます。
-- `repeat(<length-percentage>)`
-  - : スナップ点を定義するための間隔を、コンテナーの関連する先頭の橋から定義します。正の長さのみが許可されます。パーセント値はコンテナーの幅を示します。
-
-## 公式定義
-
-{{cssinfo}}
-
-## 形式文法
-
-{{csssyntax}}
-
-## 例
-
-<h3 id="Setting_horizontal_scroll_snap_points">水平スクロールスナップ点の設定</h3>
-
-#### HTML
-
-```html
-<div id="container">
-  <div>1</div>
-  <div>2</div>
-  <div>3</div>
-</div>
-```
-
-#### CSS
-
-```css
-#container {
-  width: 200px;
-  overflow: auto;
-  white-space: nowrap;
-  scroll-snap-points-x: repeat(100%);
-  scroll-snap-type: mandatory;
-  font-size: 0;
-}
-
-#container > div {
-  width: 200px;
-  height: 200px;
-  display: inline-block;
-  line-height: 200px;
-  text-align: center;
-  font-size: 100px;
-}
-
-#container > div:nth-child(even) {
-  background-color: #87ea87;
-}
-
-#container > div:nth-child(odd) {
-  background-color: #87ccea;
-}
-```
-
-#### 結果
-
-{{EmbedLiveSample("Setting_horizontal_scroll_snap_points", 220, 220)}}
-
-## 仕様書
-
-どの標準にも含まれていません。
-
-## ブラウザーの互換性
-
-{{Compat}}
-
-## 関連情報
-
-- [CSS スクロールスナップ](/ja/docs/Web/CSS/CSS_Scroll_Snap)
-- [Well-Controlled Scrolling with CSS Scroll Snap](https://web.dev/css-scroll-snap/)
diff --git a/files/ja/web/css/scroll-snap-points-y/index.md b/files/ja/web/css/scroll-snap-points-y/index.md
deleted file mode 100644
index 0f9ea49111d298..00000000000000
--- a/files/ja/web/css/scroll-snap-points-y/index.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: scroll-snap-points-y
-slug: Web/CSS/scroll-snap-points-y
----
-
-{{CSSRef}}{{deprecated_header}}
-
-**`scroll-snap-points-y`** は [CSS](/ja/docs/Web/CSS) のプロパティで、適用先のスクロールコンテナーの内容物におけるスナップ点の垂直位置を定義します。
-
-```css
-/* キーワード値 */
-scroll-snap-points-y: none;
-
-/* 反復スナップ点 */
-scroll-snap-points-y: repeat(400px);
-
-/* グローバル値 */
-scroll-snap-points-y: inherit;
-scroll-snap-points-y: initial;
-scroll-snap-points-y: unset;
-```
-
-## 構文
-
-### 値
-
-- `none`
-  - : スクロールコンテナーはスナップ点を定義しません。スクロールコンテナー内の要素は、スクロールコンテナーに代わってスナップ点を定義することができます。
-- `repeat(<length-percentage>)`
-  - : スナップ点を定義するための間隔を、コンテナーの関連する先頭の橋から定義します。正の長さのみが許可されます。パーセント値はコンテナーの幅を示します。
-
-## 公式定義
-
-{{cssinfo}}
-
-## 形式文法
-
-{{csssyntax}}
-
-## 例
-
-<h3 id="Setting_vertical_scroll_snap_points">垂直スクロールスナップ点の設定</h3>
-
-#### HTML
-
-```html
-<div id="container">
-  <div>1</div>
-  <div>2</div>
-  <div>3</div>
-</div>
-```
-
-#### CSS
-
-```css
-#container {
-  width: 200px;
-  overflow: auto;
-  white-space: nowrap;
-  scroll-snap-points-x: repeat(100%);
-  scroll-snap-type: mandatory;
-  font-size: 0;
-}
-
-#container > div {
-  width: 200px;
-  height: 200px;
-  display: inline-block;
-  line-height: 200px;
-  text-align: center;
-  font-size: 100px;
-}
-
-#container > div:nth-child(even) {
-  background-color: #87ea87;
-}
-
-#container > div:nth-child(odd) {
-  background-color: #87ccea;
-}
-```
-
-#### 結果
-
-{{EmbedLiveSample("Setting_vertical_scroll_snap_points", 220, 220)}}
-
-## 仕様書
-
-どの標準にも含まれていません。
-
-## ブラウザーの互換性
-
-{{Compat}}
-
-## 関連情報
-
-- [CSS スクロールスナップ](/ja/docs/Web/CSS/CSS_Scroll_Snap)
-- [Well-Controlled Scrolling with CSS Scroll Snap](https://web.dev/css-scroll-snap/)
diff --git a/files/ja/web/css/scroll-snap-type-x/index.md b/files/ja/web/css/scroll-snap-type-x/index.md
deleted file mode 100644
index a60f14c7536293..00000000000000
--- a/files/ja/web/css/scroll-snap-type-x/index.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: scroll-snap-type-x
-slug: Web/CSS/scroll-snap-type-x
----
-
-{{CSSRef}}{{deprecated_header}}
-
-**`scroll-snap-type-x`** は [CSS](/ja/docs/Web/CSS) のプロパティで、スクロールコンテナーの水平軸にスナップ点がある場合に、どの程度厳密に実行されるかを定義します。
-
-これらのスナップ点を強制するために使用される正確なアニメーションや物理学の指定は、このプロパティでは扱っておらず、ユーザーエージェントに任されています。
-
-```css
-/* キーワード値 */
-scroll-snap-type-x: none;
-scroll-snap-type-x: mandatory;
-scroll-snap-type-x: proximity;
-
-/* グローバル値 */
-scroll-snap-type-x: inherit;
-scroll-snap-type-x: initial;
-scroll-snap-type-x: unset;
-```
-
-## 構文
-
-### 値
-
-- `none`
-  - : このスクロールコンテナーの視覚的{{Glossary("viewport", "ビューポート")}}が水平方向にスクロールされるとき、スナップ点を無視しなければならない。
-- `mandatory`
-  - : このスクロールコンテナーの視覚的ビューポートは、現在水平方向にスクロールされていない場合、スナップ点で静止します。つまり、可能であれば、スクロール動作が終了した時点でその点にスナップします。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止状態を維持するように調整されます。
-- `proximity`
-  - : このスクロールコンテナーの視覚的ビューポートは、ユーザーエージェントのスクロール引数を考慮して、現在水平方向にスクロールされていない場合、スナップ点に静止することができる。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止を維持するために調整されるかもしれません。
-
-## 公式定義
-
-{{CSSInfo}}
-
-## 形式文法
-
-{{CSSSyntax}}
-
-## 仕様書
-
-どの標準にも含まれていません。
-
-## ブラウザーの互換性
-
-{{Compat}}
-
-## 関連情報
-
-- [`scroll-snap-type-y`](/ja/docs/Web/CSS/scroll-snap-type-y)
-- [`scroll-snap-type`](/ja/docs/Web/CSS/scroll-snap-type)
diff --git a/files/ja/web/css/scroll-snap-type-y/index.md b/files/ja/web/css/scroll-snap-type-y/index.md
deleted file mode 100644
index 53b00d475bbb6c..00000000000000
--- a/files/ja/web/css/scroll-snap-type-y/index.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: scroll-snap-type-y
-slug: Web/CSS/scroll-snap-type-y
----
-
-{{CSSRef}}{{deprecated_header}}
-
-**`scroll-snap-type-y`** は [CSS](/ja/docs/Web/CSS) のプロパティで、スクロールコンテナーの垂直軸にスナップ点がある場合に、どの程度厳密に実行されるかを定義します。
-
-これらのスナップ点を強制するために使用される正確なアニメーションや物理学の指定は、このプロパティでは扱っておらず、ユーザーエージェントに任されています。
-
-```css
-/* キーワード値 */
-scroll-snap-type-y: none;
-scroll-snap-type-y: mandatory;
-scroll-snap-type-y: proximity;
-
-/* グローバル値 */
-scroll-snap-type-y: inherit;
-scroll-snap-type-y: initial;
-scroll-snap-type-y: unset;
-```
-
-## 構文
-
-### 値
-
-- `none`
-  - : このスクロールコンテナーの視覚的{{Glossary("viewport", "ビューポート")}}が垂直方向にスクロールされるとき、スナップ点を無視しなければならない。
-- `mandatory`
-  - : このスクロールコンテナーの視覚的ビューポートは、現在垂直方向にスクロールされていない場合、スナップ点で静止します。つまり、可能であれば、スクロール動作が終了した時点でその点にスナップします。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止状態を維持するように調整されます。
-- `proximity`
-  - : このスクロールコンテナーの視覚的ビューポートは、ユーザーエージェントのスクロール引数を考慮して、現在垂直方向にスクロールされていない場合、スナップ点に静止することができる。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止を維持するために調整されるかもしれません。
-
-## 公式定義
-
-{{CSSInfo}}
-
-## 形式文法
-
-{{CSSSyntax}}
-
-## 仕様書
-
-どの標準にも含まれていません。
-
-## ブラウザーの互換性
-
-{{Compat}}
-
-## 関連情報
-
-- [`scroll-snap-type-x`](/ja/docs/Web/CSS/scroll-snap-type-x)
-- [`scroll-snap-type`](/ja/docs/Web/CSS/scroll-snap-type)

From 417442c520dea3ab8a18b226ffa1f6c8d07134a9 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Wed, 21 Jun 2023 23:37:49 +0800
Subject: [PATCH 026/146] sync with english version for HTML/Attributes
 (#13799)

Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
---
 files/zh-cn/web/html/attributes/index.md | 1269 +++++++++++++---------
 1 file changed, 771 insertions(+), 498 deletions(-)

diff --git a/files/zh-cn/web/html/attributes/index.md b/files/zh-cn/web/html/attributes/index.md
index f8a98516bb36c4..f03063b86e2051 100644
--- a/files/zh-cn/web/html/attributes/index.md
+++ b/files/zh-cn/web/html/attributes/index.md
@@ -5,7 +5,7 @@ slug: Web/HTML/Attributes
 
 {{HTMLSidebar("Attributes")}}
 
-HTML 中的元素拥有属性（attribute）；这些额外的属性值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。
+HTML 中的元素拥有**属性**（attribute）；这些额外的值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。
 
 ## 属性列表
 
@@ -19,1010 +19,1283 @@ HTML 中的元素拥有属性（attribute）；这些额外的属性值可以配
   </thead>
   <tbody>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/accept">accept</a></td>
       <td>
-        {{ HTMLElement("form") }}, {{ HTMLElement("input") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/accept">accept</a></code>
       </td>
-      <td>服务器接受内容或文件类型的列表。</td>
+      <td>
+        {{ HTMLElement("form") }}、{{ HTMLElement("input") }}
+      </td>
+      <td>服务器接受内容（通常是文件类型）的列表。</td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/Attributes/accept-charset"
-          >accept-charset</a
-        >
+        <code><a href="/zh-CN/docs/Web/HTML/Element/form#accept-charset">accept-charset</a></code>
       </td>
       <td>{{ HTMLElement("form") }}</td>
       <td>支持的字符集列表。</td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/Global_attributes/accesskey">accesskey</a>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/accesskey">accesskey</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
       </td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>定义键盘快捷键来激活或者聚焦元素</td>
+      <td>用于激活或聚焦元素的键盘快捷键。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/action">action</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/form#action">action</a></code>
+      </td>
       <td>{{ HTMLElement("form") }}</td>
-      <td>表单信息提交的 url 地址，指向进行处理的程序。</td>
+      <td>
+        处理通过表单提交的信息的程序的 URI。
+      </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/align">align</a></td>
       <td>
-        {{ HTMLElement("caption") }}, {{ HTMLElement("col") }},
-        {{ HTMLElement("colgroup") }},
-        {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }},
-        {{ HTMLElement("img") }}, {{ HTMLElement("table") }},
-        {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }},
-        {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }},
-        {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}
+        <code>align</code> {{deprecated_inline}}
+      </td>
+      <td>
+        {{ HTMLElement("caption") }}、{{ HTMLElement("col") }}、{{ HTMLElement("colgroup") }}、{{ HTMLElement("hr") }}、{{ HTMLElement("iframe") }}、{{ HTMLElement("img") }}、{{ HTMLElement("table") }}、{{ HTMLElement("tbody") }}、{{ HTMLElement("td") }}、{{ HTMLElement("tfoot") }}、{{ HTMLElement("th") }}、{{ HTMLElement("thead") }}、{{ HTMLElement("tr") }}
       </td>
-      <td>设置元素的水平对齐。</td>
+      <td>指定元素水平对齐的方式。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/allow">allow</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/iframe#allow">allow</a></code>
+      </td>
       <td>{{ HTMLElement("iframe") }}</td>
-      <td>Specifies a Permissions-Policy for the iframe.</td>
+      <td>指定 iframe 的特性策略。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/alt">alt</a></td>
       <td>
-        <p>
-          {{ HTMLElement("area") }}, {{ HTMLElement("img") }},
-          {{ HTMLElement("input") }}
-        </p>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/alt">alt</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("area") }}、{{ HTMLElement("img") }}、{{ HTMLElement("input") }}
       </td>
-      <td>在图片无法呈现时的替代文本。</td>
+      <td>在图片无法显示时展示的替代文本。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/async">async</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/script#async">async</a></code>
+      </td>
       <td>{{ HTMLElement("script") }}</td>
-      <td>表示该脚本应该异步执行。</td>
+      <td>异步执行该脚本。</td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/Global_attributes/autocapitalize"
-          >autocapitalize</a
-        >
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/autocapitalize">autocapitalize</a></code>
       </td>
-      <td><a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a></td>
       <td>
-        Sets whether input is automatically capitalized when entered by user
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>
+        设置用户输入时是否自动大写。
       </td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/Attributes/autocomplete">autocomplete</a>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/autocomplete">autocomplete</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("form") }}、{{ HTMLElement("input") }}、{{ HTMLElement("select") }}、{{ HTMLElement("textarea") }}
       </td>
       <td>
-        {{ HTMLElement("form") }}, {{ HTMLElement("input") }},
-        {{ HTMLElement("select") }},
-        {{ HTMLElement("textarea") }}
+        指示浏览器是否可以自动填充表单中的值。
       </td>
-      <td>表示该表单中是否可以由浏览器自动完成填值。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/autofocus">autofocus</a></td>
       <td>
-        {{ HTMLElement("button") }},
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("select") }},
-        {{ HTMLElement("textarea") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/autofocus">autofocus</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("input") }}、{{ HTMLElement("select") }}、{{ HTMLElement("textarea") }}
+      </td>
+      <td>
+        页面加载后，该元素应自动获得焦点。
       </td>
-      <td>在网页加载后该元素应该自动聚焦。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/autoplay">autoplay</a></td>
       <td>
-        {{ HTMLElement("audio") }},
-        {{ HTMLElement("video") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/autoplay">autoplay</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("audio") }}、{{ HTMLElement("video") }}
       </td>
-      <td>audio 或 video 应该自动播放</td>
+      <td>音视频应该自动播放。</td>
     </tr>
     <tr>
-      <td>background</td>
+      <td><code>background</code></td>
       <td>
-        {{ HTMLElement("body") }}, {{ HTMLElement("table") }},
-        {{ HTMLElement("td") }}, {{ HTMLElement("th") }}
+        {{ HTMLElement("body") }}、{{ HTMLElement("table") }}、{{ HTMLElement("td") }}、{{ HTMLElement("th") }}
       </td>
       <td>
         指定图像文件的 URL。
-        <div class="blockIndicator note">
+        <div class="note">
           <p>
-            注意：虽然浏览器和电子邮件客户端可能仍然支持此属性，但它已过时。改用
-            css{{Cssxref("back-image")}}。
+            <strong>备注：</strong>虽然浏览器和电子邮件客户端可能仍然支持此属性，但它已经过时。请使用
+            CSS {{ Cssxref("background-image") }} 代替。
           </p>
         </div>
       </td>
     </tr>
     <tr>
-      <td>bgcolor</td>
+      <td><code>bgcolor</code></td>
       <td>
-        {{ HTMLElement("body") }}, {{ HTMLElement("col") }},
-        {{ HTMLElement("colgroup") }},
-        {{ HTMLElement("marquee") }},
-        {{ HTMLElement("table") }},
-        {{ HTMLElement("tbody") }},
-        {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }},
-        {{ HTMLElement("th") }}, {{ HTMLElement("tr") }}
+        {{ HTMLElement("body") }}、{{ HTMLElement("col") }}、{{ HTMLElement("colgroup") }}、{{ HTMLElement("marquee") }}、{{ HTMLElement("table") }}、{{ HTMLElement("tbody") }}、{{ HTMLElement("tfoot") }}、{{ HTMLElement("td") }}、{{ HTMLElement("th") }}、{{ HTMLElement("tr") }}
       </td>
       <td>
         <p>元素的背景颜色。</p>
-        <p>NOTE：这是一个遗留属性，请使用 css{“background-color":}代替。</p>
+        <div class="note">
+          <p>
+            <strong>备注：</strong>这是遗留属性。请使用
+            CSS {{ Cssxref("background-color") }} 属性代替。
+          </p>
+        </div>
       </td>
     </tr>
-  </tbody>
-  <tbody>
     <tr>
-      <td>border</td>
+      <td><code>border</code></td>
       <td>
-        {{ HTMLElement("img") }}, {{ HTMLElement("object") }},
-        {{ HTMLElement("table") }}
+        {{ HTMLElement("img") }}、{{ HTMLElement("object") }}、{{ HTMLElement("table") }}
       </td>
       <td>
         <p>边框宽度。</p>
-        <p>
-          Note:这是遗留属性，请使用 CSS {{ Cssxref("border") }}
-          属性代替。
-        </p>
+        <div class="note">
+          <p>
+            <strong>备注：</strong>这是遗留属性。请使用
+            CSS {{ Cssxref("border") }} 属性代替。
+          </p>
+        </div>
       </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/buffered">buffered</a></td>
       <td>
-        {{ HTMLElement("audio") }},
-        {{ HTMLElement("video") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/buffered">buffered</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("audio") }}、{{ HTMLElement("video") }}
       </td>
       <td>包含已缓存媒体的时间范围。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/capture">capture</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/capture">capture</a></code>
+      </td>
       <td>{{ HTMLElement("input") }}</td>
       <td>
-        From the
-        <a
-          href="https://w3c.github.io/html-media-capture/#the-capture-attribute"
-          >HTML Media Capture<br /><small lang="en-US"
-            >The definition of 'media capture' in that specification.</small
-          ></a
-        >spec, specifies a new file can be captured.
+        来自 <a href="https://w3c.github.io/html-media-capture/#the-capture-attribute">Media Capture 规范</a>，指定一个新文件是否可以被捕获。
       </td>
     </tr>
     <tr>
-      <td><code><a href="/zh-CN/docs/Web/HTML/Element/meta#charset">charset</a></code></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/meta#charset">charset</a></code>
+      </td>
       <td>
         {{ HTMLElement("meta") }}
       </td>
       <td>申明该页面或脚本的字符编码。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/checked">checked</a></td>
       <td>
-        {{ HTMLElement("command") }},
+        <code><a href="/zh-CN/docs/Web/HTML/Element/input#checked">checked</a></code>
+      </td>
+      <td>
         {{ HTMLElement("input") }}
       </td>
       <td>指出该元素在页面加载后是否处于选中状态。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/cite">cite</a></td>
       <td>
-        {{ HTMLElement("blockquote") }},
-        {{ HTMLElement("del") }}, {{ HTMLElement("ins") }},
-        {{ HTMLElement("q") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/cite">cite</a></code>
       </td>
-      <td>包含一个 URI，用来指明引用或修改的源地址。</td>
+      <td>
+        {{ HTMLElement("blockquote") }}、{{ HTMLElement("del") }}、{{ HTMLElement("ins") }}、{{ HTMLElement("q") }}
+      </td>
+      <td>包含一个指明引用或修改的来源的 URI。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Global_attributes/class">class</a></td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>经常和 CSS 一起配合使用来修饰元素。</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/class">class</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>通常和 CSS 配合使用，使用常用属性来为元素添加样式。</td>
     </tr>
     <tr>
-      <td>color</td>
+      <td><code>color</code></td>
       <td>
-        {{ HTMLElement("basefont") }},
-        {{ HTMLElement("font") }}, {{ HTMLElement("hr") }}
+        {{ HTMLElement("font") }}、{{ HTMLElement("hr") }}
       </td>
       <td>
-        <p>此属性可用于指定颜色，颜色值一般有两种表示：</p>
         <p>
-          1. 以`#`号开头的 RGB 十六进制数，如#112233，其中 11 表示的是 R(红),22
-          表示的是 G 绿 (),33 表示的是 B(蓝)
+          该属性为文本设置颜色，可以使用具名颜色或十六进制 #RRGGBB 格式的颜色。
         </p>
-        <p>2. 颜色的英文单词名，如`red`表示红色</p>
+        <div class="note">
+          <p>
+            <strong>备注：</strong>这是遗留属性。请使用
+            CSS {{ Cssxref("color") }} 属性代替。
+          </p>
+        </div>
       </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/cols">cols</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/textarea#cols">cols</a></code>
+      </td>
       <td>{{ HTMLElement("textarea") }}</td>
       <td>定义一个 textarea 中包含多少列。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/colspan">colspan</a></td>
       <td>
-        {{ HTMLElement("td") }}, {{ HTMLElement("th") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/colspan">colspan</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("td") }}、{{ HTMLElement("th") }}
       </td>
       <td>
-        该属性一般用在 td 标签中，用于指定一个单元格占用多少列，例如:&#x3C;td
-        colspan='2'>表示占用一个单元格占 2 列。
+        colspan 属性定义了一个单元格跨越的列数。
       </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/content">content</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/meta#content">content</a></code>
+      </td>
       <td>{{ HTMLElement("meta") }}</td>
       <td>
-        A value associated with <code>http-equiv</code> or
-        <code>name</code> depending on the context.
+        与 <code>http-equiv</code> 或 <code>name</code>
+        关联的值，取决于上下文。
       </td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/Global_attributes/contenteditable"
-          >contenteditable</a
-        >
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
       </td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>指出该元素的内容是否可以被编辑。</td>
+      <td>指示该元素的内容是否可以被编辑。</td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/Attributes/contextmenu">contextmenu</a>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/contextmenu">contextmenu</a></code> {{non-standard_inline}} {{deprecated_inline}}
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
       </td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
       <td>
-        定义将用作元素上下文菜单的{{HTMLElement("Menu")}}元素的 ID。
+        定义将用作元素上下文菜单的 {{ HTMLElement("menu") }} 元素的 ID。
       </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/controls">controls</a></td>
       <td>
-        {{ HTMLElement("audio") }},
-        {{ HTMLElement("video") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/controls">controls</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("audio") }}、{{ HTMLElement("video") }}
+      </td>
+      <td>
+        指示浏览器是否应该向用户显示播放控件。
       </td>
-      <td>指出浏览器是否对用户显示播放控制台 (前进或回退)</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/coords">coords</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/area#coords">coords</a></code>
+      </td>
       <td>{{ HTMLElement("area") }}</td>
       <td>
-        A set of values specifying the coordinates of the hot-spot region.
+        指定热点区域坐标的一组值。
       </td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/CORS_settings_attributes">crossorigin</a>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/crossorigin">crossorigin</a></code>
       </td>
       <td>
-        {{ HTMLElement("audio") }}, {{ HTMLElement("img") }},
-        {{ HTMLElement("link") }}, {{ HTMLElement("script") }},
-        {{ HTMLElement("video") }}
+        {{ HTMLElement("audio") }}、{{ HTMLElement("img") }}、{{ HTMLElement("link") }}、{{ HTMLElement("script") }}、{{ HTMLElement("video") }}
       </td>
-      <td>How the element handles cross-origin requests</td>
+      <td>元素如何处理跨源请求。</td>
     </tr>
     <tr>
       <td>
-        <code><a href="/zh-CN/docs/Web/API/HTMLiframeElement/csp">csp</a></code>
+        <code><a href="/zh-CN/docs/Web/API/HTMLIFrameElement/csp">csp</a></code>
         {{experimental_inline}}
       </td>
       <td>{{ HTMLElement("iframe") }}</td>
       <td>
-        Specifies the Content Security Policy that an embedded document must
-        agree to enforce upon itself.
+        指定嵌入文档必须同意对自身强制执行的内容安全策略。
       </td>
     </tr>
     <tr>
       <td>
-        <p><a href="/zh-CN/docs/Web/HTML/Attributes/data">data</a></p>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/object#data">data</a></code>
       </td>
-      <td><p>{{ HTMLElement("object") }}</p></td>
-      <td><p>资源 URL 地址</p></td>
+      <td>{{ HTMLElement("object") }}</td>
+      <td>指定资源的 URL。</td>
     </tr>
     <tr>
       <td>
-        <p>
-          <a href="/zh-CN/docs/Web/HTML/Global_attributes/data-*">data-*</a>
-        </p>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/data-*">data-*</a></code>
       </td>
       <td>
-        <p><a href="/en/HTML/Global_attributes">全局属性</a></p>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
       </td>
-      <td><p>允许你对于一个 HTML 元素绑定自定义的属性。</p></td>
+      <td>允许你对一个 HTML 元素附加自定义的属性。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/datetime">datetime</a></td>
       <td>
-        {{ HTMLElement("del") }}, {{ HTMLElement("ins") }},
-        {{ HTMLElement("time") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/datetime">datetime</a></code>
       </td>
-      <td>Indicates the date and time associated with the element.</td>
+      <td>
+        {{ HTMLElement("del") }}、{{ HTMLElement("ins") }}、{{ HTMLElement("time") }}
+      </td>
+      <td>指示与元素关联的日期和时间。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/decoding">decoding</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/img#decoding">decoding</a></code>
+      </td>
       <td>{{ HTMLElement("img") }}</td>
-      <td>Indicates the preferred method to decode the image.</td>
+      <td>指示解码图像的首选方法。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/default">default</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/track#default">default</a></code>
+      </td>
       <td>{{ HTMLElement("track") }}</td>
       <td>
-        Indicates that the track should be enabled unless the user's preferences
-        indicate something different.
+        指示应启用该轨道，除非与用户首选项指示的不同。
       </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/defer">defer</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/script#defer">defer</a></code>
+      </td>
       <td>{{ HTMLElement("script") }}</td>
       <td>
-        Indicates that the script should be executed after the page has been
-        parsed.
+        指示该脚本应在页面解析后执行。
       </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Global_attributes/dir">dir</a></td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
       <td>
-        Defines the text direction. Allowed values are ltr (Left-To-Right) or
-        rtl (Right-To-Left)
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/dir">dir</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>
+        定义文本的方向。允许的值有 ltr（从左到右）或 rtl（从右到左）。
       </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/dirname">dirname</a></td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("textarea") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/dirname">dirname</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("textarea") }}
       </td>
       <td></td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/disabled">disabled</a></td>
       <td>
-        {{ HTMLElement("button") }},
-        {{ HTMLElement("command") }},
-        {{ HTMLElement("fieldset") }},
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("optgroup") }},
-        {{ HTMLElement("option") }},
-        {{ HTMLElement("select") }},
-        {{ HTMLElement("textarea") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/disabled">disabled</a></code>
       </td>
-      <td>Indicates whether the user can interact with the element.</td>
-    </tr>
-    <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/download">download</a></td>
-      <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
       <td>
-        Indicates that the hyperlink is to be used for downloading a resource.
+        {{ HTMLElement("button") }}、{{ HTMLElement("fieldset") }}、{{ HTMLElement("input") }}、{{ HTMLElement("optgroup") }}、{{ HTMLElement("option") }}、{{ HTMLElement("select") }}、{{ HTMLElement("textarea") }}
       </td>
+      <td>指示用户是否可以与该元素交互。</td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/Global_attributes/draggable">draggable</a>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/download">download</a></code>
+      </td>
+      <td>{{ HTMLElement("a") }}、{{ HTMLElement("area") }}</td>
+      <td>
+        指示用于下载资源的超链接。
       </td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>Defines whether the element can be dragged.</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/dropzone">dropzone</a></td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>Indicates that the element accept the dropping of content on it.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/draggable">draggable</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>定义元素是否可以被拖拽。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/enctype">enctype</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/form#enctype">enctype</a></code>
+      </td>
       <td>{{ HTMLElement("form") }}</td>
       <td>
-        Defines the content type of the form date when the
-        <code>method</code> is POST.
+        定义 <code>method</code> 为 POST 时，表单数据的内容类型。
       </td>
     </tr>
     <tr>
       <td>
-        <code
-          ><a href="/zh-CN/docs/Web/HTML/Attributes/enterkeyhint"
-            >enterkeyhint</a
-          ></code
-        >
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/enterkeyhint">enterkeyhint</a></code>
         {{experimental_inline}}
       </td>
       <td>
-        {{ HTMLElement("input") }},
         {{ HTMLElement("textarea") }},
-        <a href="/zh-CN/docs/Web/HTML/Global_attributes/contenteditable"
-          ><code>contenteditable</code></a
-        >
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes/contenteditable"><code>contenteditable</code></a>
       </td>
       <td>
-        The
-        <a
-          href="https://html.spec.whatwg.org/dev/interaction.html#input-modalities:-the-enterkeyhint-attribute"
-          ><code>enterkeyhint</code></a
-        >
-        specifies what action label (or icon) to present for the enter key on
-        virtual keyboards. The attribute can be used with form controls (such as
-        the value of <code>textarea</code> elements), or in elements in an
-        editing host (e.g., using <code>contenteditable</code> attribute).
+        <a href="https://html.spec.whatwg.org/dev/interaction.html#input-modalities:-the-enterkeyhint-attribute"><code>enterkeyhint</code></a>
+        指定在虚拟键盘上显示的回车键的动作标签（或图标）。该属性可用于表单控件（例如
+        <code>textarea</code> 元素的值），或者在可编辑宿主中的元素（例如使用
+        <code>contenteditable</code> 属性）。
       </td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/for">for</a></td>
       <td>
-        {{ HTMLElement("label") }},
-        {{ HTMLElement("output") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/for">for</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("label") }}、{{ HTMLElement("output") }}
       </td>
       <td>描述与当前元素绑定的元素。</td>
     </tr>
     <tr>
-      <td><a href="/zh-CN/docs/Web/HTML/Attributes/form">form</a></td>
       <td>
-        {{ HTMLElement("button") }},
-        {{ HTMLElement("fieldset") }},
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("label") }},
-        {{ HTMLElement("meter") }},
-        {{ HTMLElement("object") }},
-        {{ HTMLElement("output") }},
-        {{ HTMLElement("progress") }},
-        {{ HTMLElement("select") }},
-        {{ HTMLElement("textarea") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/form">form</a></code>
       </td>
-      <td>Indicates the form that is the owner of the element.</td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("fieldset") }}、{{ HTMLElement("input") }}、{{ HTMLElement("label") }}、{{ HTMLElement("meter") }}、{{ HTMLElement("object") }}、{{ HTMLElement("output") }}、{{ HTMLElement("progress") }}、{{ HTMLElement("select") }}、{{ HTMLElement("textarea") }}
+      </td>
+      <td>指示该元素所属的表单。</td>
     </tr>
     <tr>
       <td>
-        <a href="/zh-CN/docs/Web/HTML/Attributes/formaction">formaction</a>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/formaction">formaction</a></code>
       </td>
       <td>
-        <a
-          href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
-          ><code>&#x3C;input></code></a
-        >,
-        <a
-          href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
-          ><code>&#x3C;button></code></a
-        >
+        {{ HTMLElement("input") }}、{{ HTMLElement("button") }}
       </td>
       <td>
-        Indicates the action of the element, overriding the action defined in
-        the
-        <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form"
-          ><code>&#x3C;form></code></a
-        >.
+        指示元素的动作，覆盖 {{ HTMLElement("form") }} 中定义的动作。
       </td>
     </tr>
     <tr>
-      <td>headers</td>
       <td>
-        {{ HTMLElement("td") }}, {{ HTMLElement("th") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/formenctype">formenctype</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("input") }}
       </td>
       <td>
-        IDs of the <code>&#x3C;th></code> elements which applies to this
-        element.
+        如果按钮/输入是{{Glossary("submit button", "提交按钮")}}（例如，<code>type="submit"</code>），该属性用于设置表单提交时要使用的编码类型。如果指定了该属性，则会覆盖按钮所属的
+        <a href="/zh-CN/docs/Web/HTML/Element/form">form</a> 的 <code>enctype</code> 属性。
       </td>
     </tr>
     <tr>
-      <td>height</td>
       <td>
-        {{ HTMLElement("canvas") }},
-        {{ HTMLElement("embed") }},
-        {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }},
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("object") }},
-        {{ HTMLElement("video") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/formmethod">formmethod</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("input") }}
       </td>
       <td>
-        注意：在某些情况下，例如&#x3C;div>，这是一个遗留属性，在这种情况下应该使用
-        CSS height 属性。
-        在其他情况下，例如&#x3C;canvas>，必须使用此属性指定高度。
+        如果按钮/输入是{{Glossary("submit button", "提交按钮")}}（例如，<code>type="submit"</code>），该属性用于设置表单提交时要使用的提交方法（<code>GET</code>、<code>POST</code>
+        等）。如果指定了该属性，则会覆盖按钮所属的
+        <a href="/zh-CN/docs/Web/HTML/Element/form">form</a> 的 <code>method</code> 属性。
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/formnovalidate">formnovalidate</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("input") }}
+      </td>
+      <td>
+        如果按钮/输入是{{Glossary("submit button", "提交按钮")}}（例如，<code>type="submit"</code>），该布尔属性用于指示在提交表单时不进行验证。如果指定了该属性，则会覆盖按钮所属的
+        <a href="/zh-CN/docs/Web/HTML/Element/form">form</a> 的 <code>novalidate</code> 属性。
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/formtarget">formtarget</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("input") }}
+      </td>
+      <td>
+        如果按钮/输入是{{Glossary("submit button", "提交按钮")}}（例如，<code>type="submit"</code>），该属性用于指定提交表单后接收到的响应在哪个浏览上下文（例如，标签页、窗口或内联框架）中显示。如果指定了该属性，则会覆盖按钮所属的
+        <a href="/zh-CN/docs/Web/HTML/Element/form">form</a> 的 <code>target</code> 属性。
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/headers">headers</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("td") }}、{{ HTMLElement("th") }}
+      </td>
+      <td>
+        应用于 <code>&#x3C;th></code> 元素的 ID。
+      </td>
+    </tr>
+    <tr>
+      <td><code>height</code></td>
+      <td>
+        {{ HTMLElement("canvas") }}、{{ HTMLElement("embed") }}、{{ HTMLElement("iframe") }}、{{ HTMLElement("img") }}、{{ HTMLElement("input") }}、{{ HTMLElement("object") }}、{{ HTMLElement("video") }}
+      </td>
+      <td>
+        <p>
+          指定此处列出的元素的高度。对于其他所有元素，请使用
+          CSS {{cssxref("height")}} 属性。
+        </p>
+        <div class="note">
+          <p>
+            <strong>备注：</strong>对于某些实例，例如
+            {{ HTMLElement("div") }}，这是一个遗留属性，对于这些实例应使用
+            CSS {{ Cssxref("height") }} 属性代替。
+          </p>
+        </div>
       </td>
     </tr>
-  </tbody>
-  <tbody>
     <tr>
-      <td>hidden</td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>Indicates the relevance of an element.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/hidden">hidden</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>
+        阻止对给定元素的渲染，同时保持子元素（例如脚本元素）处于激活状态。
+      </td>
     </tr>
     <tr>
-      <td>high</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/meter#high">high</a></code>
+      </td>
       <td>{{ HTMLElement("meter") }}</td>
-      <td>Indicates the lower bound of the upper range.</td>
+      <td>指示高值区间的下限值。</td>
     </tr>
     <tr>
-      <td>href</td>
       <td>
-        {{ HTMLElement("a") }}, {{ HTMLElement("area") }},
-        {{ HTMLElement("base") }}, {{ HTMLElement("link") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/href">href</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("a") }}、{{ HTMLElement("area") }}、{{ HTMLElement("base") }}、{{ HTMLElement("link") }}
       </td>
       <td>关联资源的 URL。</td>
     </tr>
     <tr>
-      <td>hreflang</td>
       <td>
-        {{ HTMLElement("a") }}, {{ HTMLElement("area") }},
-        {{ HTMLElement("link") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/hreflang">hreflang</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("a") }}、{{ HTMLElement("link") }}
       </td>
-      <td>Specifies the language of the linked resource.</td>
+      <td>指定关联资源的语言。</td>
     </tr>
     <tr>
-      <td>http-equiv</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/meta#http-equiv">http-equiv</a></code>
+      </td>
       <td>{{ HTMLElement("meta") }}</td>
-      <td></td>
+      <td>定义编译程序指令（pragma directive）。</td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/id">id</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>
+        通常与 CSS 一起使用，以为特定元素添加样式。此属性的值必须是唯一的。
+      </td>
     </tr>
     <tr>
-      <td>icon</td>
-      <td>{{ HTMLElement("command") }}</td>
-      <td>Specifies a picture which represents the command.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/Security/Subresource_Integrity">integrity</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("link") }}、{{ HTMLElement("script") }}
+      </td>
+      <td>
+        指定<a href="/zh-CN/docs/Web/Security/Subresource_Integrity"
+          >子资源完整性</a>值，允许浏览器验证它们获取的内容。
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Element/img#intrinsicsize"><code>intrinsicsize</code></a>
+        {{deprecated_inline}}
+      </td>
+      <td>{{ HTMLElement("img") }}</td>
+      <td>
+        此属性指示浏览器忽略图像的实际的固有大小，并假设它是属性中指定的大小。
+      </td>
     </tr>
     <tr>
-      <td>id</td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
       <td>
-        Often used with CSS to style a specific element. The value of this
-        attribute must be unique.
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes/inputmode"><code>inputmode</code></a>
+      </td>
+      <td>
+        {{ HTMLElement("textarea") }},
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes/contenteditable"><code>contenteditable</code></a>
+      </td>
+      <td>
+        提供一个提示，指示用户在编辑元素或其内容时可能输入的数据类型。该属性可用于表单控件（例如
+        <code>textarea</code> 元素的值），或者在可编辑宿主中的元素（例如使用了
+        <code>contenteditable</code> 属性的）。
       </td>
     </tr>
     <tr>
-      <td>ismap</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/img#ismap">ismap</a></code>
+      </td>
       <td>{{ HTMLElement("img") }}</td>
-      <td>Indicatesthat the image is part of a server-side image map.</td>
+      <td>指示图像是服务器端图像映射（image map）的一部分。</td>
     </tr>
     <tr>
-      <td>itemprop</td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/itemprop">itemprop</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
       <td></td>
     </tr>
     <tr>
-      <td>kind</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/track#kind">kind</a></code>
+      </td>
       <td>{{ HTMLElement("track") }}</td>
-      <td>Specifies the kind of text track.</td>
+      <td>指定文本字幕的类型。</td>
     </tr>
     <tr>
-      <td>label</td>
-      <td>{{ HTMLElement("track") }}</td>
-      <td>Specifies a user-readable title of the text track.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/label">label</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("optgroup") }}、{{ HTMLElement("option") }}、{{ HTMLElement("track") }}
+      </td>
+      <td>为元素指定用户可读的标题。</td>
     </tr>
     <tr>
-      <td>lang</td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>Defines the language used in the element.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/lang">lang</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>定义元素中使用的语言。</td>
     </tr>
     <tr>
-      <td>language</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/script#language">language</a></code>
+        {{deprecated_inline}}
+      </td>
       <td>{{ HTMLElement("script") }}</td>
-      <td>Defines the script language used in the element.</td>
+      <td>定义元素中使用的脚本语言。</td>
     </tr>
     <tr>
-      <td>list</td>
+      <td><code>loading</code> {{experimental_inline}}</td>
+      <td>
+        {{ HTMLElement("img") }}、{{ HTMLElement("iframe") }}
+      </td>
+      <td>
+        指示元素是否应该被懒加载（<code>loading="lazy"</code>）或立即加载（<code>loading="eager"</code>）。
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/input#list">list</a></code>
+      </td>
       <td>{{ HTMLElement("input") }}</td>
-      <td>Identifies a list of pre-defined options to suggest to the user.</td>
+      <td>指示建议用户输入的预定义选项列表。</td>
     </tr>
     <tr>
-      <td>loop</td>
       <td>
-        {{ HTMLElement("audio") }},
-        {{ HTMLElement("marquee") }},
-        {{ HTMLElement("video") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/loop">loop</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("audio") }}、{{ HTMLElement("marquee") }}、{{ HTMLElement("video") }}
       </td>
       <td>
-        Indicates whether the media should start playing from the start when
-        it's finished.
+        指示媒体在播放结束时是否应从头开始播放。
       </td>
     </tr>
     <tr>
-      <td>low</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/meter#low">low</a></code>
+      </td>
       <td>{{ HTMLElement("meter") }}</td>
-      <td>Indicates the upper bound of the lower range.</td>
+      <td>指示低值区间的上限值。</td>
     </tr>
     <tr>
-      <td>manifest</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/html#manifest">manifest</a></code>
+        {{deprecated_inline}}
+      </td>
       <td>{{ HTMLElement("html") }}</td>
-      <td>Specifies the URL of the document's cache manifest.</td>
+      <td>
+        指定文档的缓存清单的 URL。
+        <div class="note">
+          <p>
+            <strong>备注：</strong>该属性已过时，请使用
+            <a href="/zh-CN/docs/Web/Manifest"><code>&#x3C;link rel="manifest"></code></a>
+            代替。
+          </p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/max">max</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("meter") }}、{{ HTMLElement("progress") }}
+      </td>
+      <td>指示允许的最大值。</td>
     </tr>
     <tr>
-      <td>max</td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("meter") }},
-        {{ HTMLElement("progress") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/maxlength">maxlength</a></code>
       </td>
-      <td>Indicates the maximum value allowed.</td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("textarea") }}
+      </td>
+      <td>定义元素中允许的最大字符数。</td>
     </tr>
     <tr>
-      <td>maxlength</td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("textarea") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/minlength">minlength</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("textarea") }}
       </td>
-      <td>Defines the maximum number of characters allowed in the element.</td>
+      <td>定义元素中允许的最小字符数。</td>
     </tr>
     <tr>
-      <td>media</td>
       <td>
-        {{ HTMLElement("a") }}, {{ HTMLElement("area") }},
-        {{ HTMLElement("link") }}, {{ HTMLElement("source") }},
-        {{ HTMLElement("style") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/media">media</a></code>
       </td>
       <td>
-        Specifies a hint of the media for which the linked resource was
-        designed.
+        {{ HTMLElement("a") }}、{{ HTMLElement("area") }}、{{ HTMLElement("link") }}、{{ HTMLElement("source") }}、{{ HTMLElement("style") }}
+      </td>
+      <td>
+        指定链接资源所设计的媒体的提示。
       </td>
     </tr>
     <tr>
-      <td>method</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/form#method">method</a></code>
+      </td>
       <td>{{ HTMLElement("form") }}</td>
       <td>
-        Defines which HTTP method to use when submitting the form. Can be GET
-        (default) or POST.
+        <code>POST</code>.
+        定义用于提交表单的 <a href="/zh-CN/docs/Web/HTTP">HTTP</a>
+        方法。可以是 <code>GET</code>（默认）或 <code>POST</code>。
       </td>
     </tr>
     <tr>
-      <td>min</td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("meter") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/min">min</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("meter") }}
       </td>
-      <td>Indicates the minimum value allowed.</td>
+      <td>指示允许的最小值。</td>
     </tr>
     <tr>
-      <td>multiple</td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("select") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/multiple">multiple</a></code>
       </td>
       <td>
-        Indicates whether multiple values can be entered in an input of the type
-        <code>email</code> or <code>file</code>.
+        {{ HTMLElement("input") }}、{{ HTMLElement("select") }}
+      </td>
+      <td>
+        指示是否可以在 <code>email</code> 或 <code>file</code>
+        类型的输入中输入多个值。
       </td>
     </tr>
     <tr>
-      <td>name</td>
       <td>
-        {{ HTMLElement("button") }}, {{ HTMLElement("form") }},
-        {{ HTMLElement("fieldset") }},
-        {{ HTMLElement("iframe") }},
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("object") }},
-        {{ HTMLElement("output") }},
-        {{ HTMLElement("select") }},
-        {{ HTMLElement("textarea") }},
-        {{ HTMLElement("map") }}, {{ HTMLElement("meta") }},
-        {{ HTMLElement("param") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/muted">muted</a></code>
       </td>
       <td>
-        Name of the element. For example used by the server to identify the
-        fields in form submits.
+        {{ HTMLElement("audio") }}、{{ HTMLElement("video") }}
+      </td>
+      <td>
+        指示页面加载时音频是否会被静音。
       </td>
     </tr>
     <tr>
-      <td>novalidate</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/name">name</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("form") }}、{{ HTMLElement("fieldset") }}、{{ HTMLElement("iframe") }}、{{ HTMLElement("input") }}、{{ HTMLElement("object") }}、{{ HTMLElement("output") }}、{{ HTMLElement("select") }}、{{ HTMLElement("textarea") }}、{{ HTMLElement("map") }}、{{ HTMLElement("meta") }}、{{ HTMLElement("param") }}
+      </td>
+      <td>
+        元素的名称。例如，用于服务器标识表单提交中的字段。
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/form#novalidate">novalidate</a></code>
+      </td>
       <td>{{ HTMLElement("form") }}</td>
       <td>
-        This attribute indicates that the form shouldn't be validated when
-        submitted.
+        此属性指示在提交表单时不应验证表单。
       </td>
     </tr>
     <tr>
-      <td>open</td>
-      <td>{{ HTMLElement("details") }}</td>
-      <td>Indicates whether the details will be shown on page load.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/open">open</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("details") }}、{{ HTMLElement("dialog") }}
+      </td>
+      <td>
+        指示内容目前是否可见（若用于 <code>&#x3C;details></code>
+        元素）或对话框是否处于活动状态且可以与之交互（若用于
+        <code>&#x3C;dialog></code> 元素）。
+      </td>
     </tr>
     <tr>
-      <td>optimum</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/meter#optimum">optimum</a></code>
+      </td>
       <td>{{ HTMLElement("meter") }}</td>
-      <td>Indicates the optimal numeric value.</td>
+      <td>指示最佳数值。</td>
     </tr>
     <tr>
-      <td>pattern</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/pattern">pattern</a></code>
+      </td>
       <td>{{ HTMLElement("input") }}</td>
       <td>
-        Defines a regular expression which the element's value will be validated
-        against.
+        定义用于验证元素值的正则表达式。
       </td>
     </tr>
     <tr>
-      <td>ping</td>
-      <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
-      <td></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/a#ping">ping</a></code>
+      </td>
+      <td>{{ HTMLElement("a") }}、{{ HTMLElement("area") }}</td>
+      <td>
+        <code>ping</code> 属性指定一个用空格分隔的 URL
+        列表，以便在用户访问超链接时通知这些 URL。
+      </td>
     </tr>
     <tr>
-      <td>placeholder</td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("textarea") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/placeholder">placeholder</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("textarea") }}
       </td>
-      <td>Provides a hint to the user of what can be entered in the field.</td>
+      <td>提供用于告诉用户可以在字段中输入什么的提示。</td>
     </tr>
     <tr>
-      <td>poster</td>
-      <td>{{ HTMLElement("video") }}</td>
       <td>
-        A URL indicating a poster frame to show until the user plays or seeks.
+        <code><a href="/zh-CN/docs/Web/HTML/Element/video#playsinline">playsinline</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("video") }}
       </td>
+      <td>布尔属性，指示视频是否要“内嵌”播放；也就是说，在元素的播放区域内播放。请注意，该属性的缺失并不意味着视频将始终以全屏模式播放。</td>
     </tr>
     <tr>
-      <td>preload</td>
       <td>
-        {{ HTMLElement("audio") }},
-        {{ HTMLElement("video") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Element/video#poster">poster</a></code>
       </td>
+      <td>{{ HTMLElement("video") }}</td>
       <td>
-        Indicates whether the whole resource, parts of it or nothing should be
-        preloaded.
+        用于指示在用户播放或搜索之前要显示的海报帧的 URL。
       </td>
     </tr>
     <tr>
-      <td>pubdate</td>
-      <td>{{ HTMLElement("time") }}</td>
       <td>
-        Indicates whether this date and time is the date of the nearest
-        {{ HTMLElement("article") }} ancestor element.
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/preload">preload</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("audio") }}、{{ HTMLElement("video") }}
+      </td>
+      <td>
+        指示是否应预加载整个资源、部分资源或者不预加载。
       </td>
     </tr>
     <tr>
-      <td>radiogroup</td>
-      <td>{{ HTMLElement("command") }}</td>
-      <td></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/readonly">readonly</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("textarea") }}
+      </td>
+      <td>指示元素是否可以被编辑。</td>
     </tr>
     <tr>
-      <td>readonly</td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("textarea") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/referralpolicy">referrerpolicy</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("a") }}、{{ HTMLElement("area") }}、{{ HTMLElement("iframe") }}、{{ HTMLElement("img") }}、{{ HTMLElement("link") }}、{{ HTMLElement("script") }}
       </td>
-      <td>Indicates whether the element can be edited.</td>
+      <td>指定在获取资源时发送哪个引荐来源（referrer）。</td>
     </tr>
     <tr>
-      <td>rel</td>
       <td>
-        {{ HTMLElement("a") }}, {{ HTMLElement("area") }},
-        {{ HTMLElement("link") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/rel">rel</a></code>
       </td>
       <td>
-        Specifies the relationship of the target object to the link object.
+        {{ HTMLElement("a") }}、{{ HTMLElement("area") }}、{{ HTMLElement("link") }}
+      </td>
+      <td>
+        指示目标对象与链接对象的关系。
       </td>
     </tr>
     <tr>
-      <td>required</td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("select") }},
-        {{ HTMLElement("textarea") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/required">required</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("select") }}、{{ HTMLElement("textarea") }}
       </td>
-      <td>Indicates whether this element is required to fill out or not.</td>
+      <td>指示是否必须填写此元素。</td>
     </tr>
     <tr>
-      <td>reversed</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/ol#reversed">reversed</a></code>
+      </td>
       <td>{{ HTMLElement("ol") }}</td>
       <td>
-        Indicates whether the list should be displayed in a descending order
-        instead of a ascending.
+        指示列表是否应以降序而不是升序显示。
       </td>
     </tr>
     <tr>
-      <td>rows</td>
-      <td>{{ HTMLElement("textarea") }}</td>
-      <td>Defines the number of rows in a textarea.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/Accessibility/ARIA/Roles">role</a></code>
+      </td>
+      <td><a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a></td>
+      <td>定义元素的显式角色，供辅助技术使用。</td>
     </tr>
     <tr>
-      <td>rowspan</td>
       <td>
-        {{ HTMLElement("td") }}, {{ HTMLElement("th") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Element/textarea#rows">rows</a></code>
       </td>
-      <td>Defines the number of rows a table cell should span over.</td>
+      <td>{{ HTMLElement("textarea") }}</td>
+      <td>定义文本区域的行数。</td>
     </tr>
     <tr>
-      <td>sandbox</td>
-      <td>{{ HTMLElement("iframe") }}</td>
-      <td></td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/rowspan">rowspan</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("td") }}、{{ HTMLElement("th") }}
+      </td>
+      <td>定义表格单元格应跨越的行数。</td>
     </tr>
     <tr>
-      <td>spellcheck</td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>Indicates whether spell checking is allowed for the element.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/iframe#sandbox">sandbox</a></code>
+      </td>
+      <td>{{ HTMLElement("iframe") }}</td>
+      <td>
+        阻止在 iframe 中加载的文档使用某些特性（例如提交表单或打开新窗口）。
+      </td>
     </tr>
     <tr>
-      <td>scope</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/th#scope">scope</a></code>
+      </td>
       <td>{{ HTMLElement("th") }}</td>
-      <td></td>
+      <td>
+        定义表头单元格（在 <code>th</code> 元素中定义）所关联的单元格。
+      </td>
     </tr>
     <tr>
-      <td>scoped</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/style#scoped">scoped</a></code>
+        {{non-standard_inline}} {{deprecated_inline}}
+      </td>
       <td>{{ HTMLElement("style") }}</td>
       <td></td>
     </tr>
     <tr>
-      <td>seamless</td>
-      <td>{{ HTMLElement("iframe") }}</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/option#selected">selected</a></code>
+      </td>
+      <td>{{ HTMLElement("option") }}</td>
+      <td>定义页面加载时将被选中的值。</td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/shape">shape</a></code>
+      </td>
+      <td>{{ HTMLElement("a") }}、{{ HTMLElement("area") }}</td>
       <td></td>
     </tr>
     <tr>
-      <td>selected</td>
-      <td>{{ HTMLElement("option") }}</td>
-      <td>Defines a value which will be selected on page load.</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/size">size</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("input") }}、{{ HTMLElement("select") }}
+      </td>
+      <td>
+        定义元素的宽度（以像素为单位）。如果元素的 <code>type</code>
+        属性是 <code>text</code> 或 <code>password</code>，则它是字符数。
+      </td>
     </tr>
     <tr>
-      <td>shape</td>
-      <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/sizes">sizes</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("link") }}、{{ HTMLElement("img") }}、{{ HTMLElement("source") }}
+      </td>
       <td></td>
     </tr>
     <tr>
-      <td>size</td>
       <td>
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("select") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/slot">slot</a></code>
       </td>
       <td>
-        Defines the width of the element (in pixels). If the element's
-        <code>type</code> attribute is <code>text</code> or
-        <code>password</code> then it's the number of characters.
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
       </td>
+      <td>为影子 DOM（shadow DOM）影子树中的插槽分配一个元素。</td>
     </tr>
     <tr>
-      <td>sizes</td>
-      <td>{{ HTMLElement("link") }}</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/span">span</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("col") }}、{{ HTMLElement("colgroup") }}
+      </td>
       <td></td>
     </tr>
     <tr>
-      <td>span</td>
       <td>
-        {{ HTMLElement("col") }},
-        {{ HTMLElement("colgroup") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/spellcheck">spellcheck</a></code>
       </td>
-      <td></td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>指示是否允许对元素进行拼写检查。</td>
     </tr>
     <tr>
-      <td>src</td>
       <td>
-        {{ HTMLElement("audio") }},
-        {{ HTMLElement("embed") }},
-        {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }},
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("script") }},
-        {{ HTMLElement("source") }},
-        {{ HTMLElement("track") }},
-        {{ HTMLElement("video") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/src">src</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("audio") }}、{{ HTMLElement("embed") }}、{{ HTMLElement("iframe") }}、{{ HTMLElement("img") }}、{{ HTMLElement("input") }}、{{ HTMLElement("script") }}、{{ HTMLElement("source") }}、{{ HTMLElement("track") }}、{{ HTMLElement("video") }}
       </td>
-      <td>The URL of the embeddable content.</td>
+      <td>可嵌入内容的 URL。</td>
     </tr>
     <tr>
-      <td>srcdoc</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/iframe#srcdoc">srcdoc</a></code>
+      </td>
       <td>{{ HTMLElement("iframe") }}</td>
       <td></td>
     </tr>
     <tr>
-      <td>srclang</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/track#srclang">srclang</a></code>
+      </td>
       <td>{{ HTMLElement("track") }}</td>
       <td></td>
     </tr>
     <tr>
-      <td>start</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/srcset">srcset</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("img") }}、{{ HTMLElement("source") }}
+      </td>
+      <td>一个或多个响应式图像候选项。</td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/ol#start">start</a></code>
+      </td>
       <td>{{ HTMLElement("ol") }}</td>
-      <td>Defines the first number if other than 1.</td>
+      <td>定义除 1 以外的第一个数字。</td>
     </tr>
     <tr>
-      <td>step</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/step">step</a></code>
+      </td>
       <td>{{ HTMLElement("input") }}</td>
       <td></td>
     </tr>
     <tr>
-      <td>style</td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>定义 CSS 样式，这些样式会覆盖之前设置的样式。</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/style">style</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>定义将覆盖先前设置的 CSS 样式。</td>
     </tr>
     <tr>
-      <td>summary</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/table#summary">summary</a></code>
+        {{deprecated_inline}}
+      </td>
       <td>{{ HTMLElement("table") }}</td>
       <td></td>
     </tr>
     <tr>
-      <td>tabindex</td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
       <td>
-        Overrides the browser's default tab order and follows the one specified
-        instead.
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/tabindex">tabindex</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>
+        使用指定的聚焦（tab）顺序覆盖浏览器的默认聚焦顺序。
       </td>
     </tr>
     <tr>
-      <td>target</td>
       <td>
-        {{ HTMLElement("a") }}, {{ HTMLElement("area") }},
-        {{ HTMLElement("base") }}, {{ HTMLElement("form") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/target">target</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("a") }}、{{ HTMLElement("area") }}、{{ HTMLElement("base") }}、{{ HTMLElement("form") }}
+      </td>
+      <td>
+        指定打开链接文档的位置（若用于 <code>&#x3C;a></code>
+        元素）或显示接收到的响应的位置（若用于
+        <code>&#x3C;form></code> 元素）。
       </td>
-      <td></td>
     </tr>
     <tr>
-      <td>title</td>
-      <td><a href="/en/HTML/Global_attributes">全局属性</a></td>
-      <td>当鼠标悬停在元素上面时，提示框显示的文本。</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/title">title</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>在鼠标悬停在元素上时显示的提示文本。</td>
+    </tr>
+    <tr>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Global_attributes/translate">translate</a></code>
+      </td>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a>
+      </td>
+      <td>
+        指定当页面本地化时，元素的属性值和其<a
+          href="https://dom.spec.whatwg.org/#text">文本</a
+        >节点后代的值是否应该被翻译，或者是否应该保持不变。
+      </td>
     </tr>
     <tr>
-      <td>type</td>
       <td>
-        {{ HTMLElement("button") }},
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("command") }},
-        {{ HTMLElement("embed") }},
-        {{ HTMLElement("object") }},
-        {{ HTMLElement("script") }},
-        {{ HTMLElement("source") }},
-        {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/type">type</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("input") }}、{{ HTMLElement("embed") }}、{{ HTMLElement("object") }}、{{ HTMLElement("ol") }}、{{ HTMLElement("script") }}、{{ HTMLElement("source") }}、{{ HTMLElement("style") }}、{{ HTMLElement("menu") }}、{{ HTMLElement("link") }}
       </td>
       <td>定义元素的类型。</td>
     </tr>
     <tr>
-      <td>usemap</td>
       <td>
-        {{ HTMLElement("img") }}, {{ HTMLElement("input") }},
-        {{ HTMLElement("object") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/usemap">usemap</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("img") }}、{{ HTMLElement("input") }}、{{ HTMLElement("object") }}
       </td>
       <td></td>
     </tr>
     <tr>
-      <td>value</td>
       <td>
-        {{ HTMLElement("button") }},
-        {{ HTMLElement("option") }},
-        {{ HTMLElement("input") }}, {{ HTMLElement("li") }},
-        {{ HTMLElement("meter") }},
-        {{ HTMLElement("progress") }},
-        {{ HTMLElement("param") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/value">value</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("button") }}、{{ HTMLElement("data") }}、{{ HTMLElement("input") }}、{{ HTMLElement("li") }}、{{ HTMLElement("meter") }}、{{ HTMLElement("option") }}、{{ HTMLElement("progress") }}、{{ HTMLElement("param") }}
+      </td>
+      <td>
+        定义页面加载时元素中显示的默认值。
       </td>
-      <td>定义页面加载时，在元素内显示的默认值。</td>
     </tr>
     <tr>
-      <td>width</td>
       <td>
-        {{ HTMLElement("canvas") }},
-        {{ HTMLElement("embed") }},
-        {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }},
-        {{ HTMLElement("input") }},
-        {{ HTMLElement("object") }},
-        {{ HTMLElement("video") }}
+        <code><a href="/zh-CN/docs/Web/HTML/Attributes/width">width</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("canvas") }}、{{ HTMLElement("embed") }}、{{ HTMLElement("iframe") }}、{{ HTMLElement("img") }}、{{ HTMLElement("input") }}、{{ HTMLElement("object") }}、{{ HTMLElement("video") }}
       </td>
       <td>
-        Note: In some instances, such as {{ HTMLElement("div") }}, this
-        is a legacy attribute, in which case the CSS
-        {{ Cssxref("width") }} property should be used instead. In other
-        cases, such as {{ HTMLElement("canvas") }}, the width must be
-        specified with this attribute.
+        <p>
+          确定此处所列元素的宽度。
+        </p>
+        <div class="note">
+          <p>
+            <strong>备注：</strong>对于其他所有实例，例如
+            {{ HTMLElement("div") }}，这是一个遗留属性，对于这些实例应使用
+            CSS {{ Cssxref("height") }} 属性代替。
+          </p>
+        </div>
       </td>
     </tr>
     <tr>
-      <td>wrap</td>
+      <td>
+        <code><a href="/zh-CN/docs/Web/HTML/Element/textarea#wrap">wrap</a></code>
+      </td>
       <td>{{ HTMLElement("textarea") }}</td>
-      <td>Indicates whether the text should be wrapped.</td>
+      <td>指示文本是否应该换行。</td>
     </tr>
   </tbody>
 </table>
 
 ## 内容属性和 IDL 属性
 
-在 HTML 中，大多数属性都有两副面孔：**内容属性**和 **IDL（接口描述语言）属性**。
+在 HTML 中，大多数属性都有两个方面：**内容属性**和 **IDL（接口描述语言）属性**。
 
-内容属性需要你在内容（HTML 代码）中设置，而且可以通过 {{domxref("element.setAttribute()")}} 或 {{domxref("element.getAttribute()")}}来设置。内容属性常常是一个字符串，即使里面的值是一个整数。例如，要将 {{HTMLElement("input")}} 元素的 `maxlength` 设置为 42，你需要在元素中调用 `setAttribute("maxlength", "42")` 。
+内容属性需要你在内容（HTML 代码）中设置，而且可以通过 {{domxref("element.setAttribute()")}} 或 {{domxref("element.getAttribute()")}} 来设置。内容属性总是一个字符串，即使里面的值是一个整数。例如，要将 {{HTMLElement("input")}} 元素的 `maxlength` 设置为 42，你需要在元素上调用 `setAttribute("maxlength", "42")`。
 
-IDL 属性（attribute）也就是一个 JavaScript 属性（property）。你可以使用 JavaScript 属性如 `element.foo` 来设置这些属性。当你需要获取 IDL 属性的值时，IDL 属性总会使用隐含的内容属性的值（可能先经过转换）来返回一个值。同样地，当你设置这个值时，这个值会保存在内容属性中。换句话说，IDL 属性本质上反映了内容属性。
+IDL 属性（attribute）也就是 JavaScript 属性（property）。你可以使用 JavaScript 属性如 `element.foo` 来设置这些属性。当你需要获取 IDL 属性的值时，IDL 属性总会使用隐含的内容属性的值（可能先经过转换）来返回一个值。同样地，当你设置这个值时，这个值会保存在内容属性中。换句话说，IDL 属性本质上反映了内容属性。
 
-大多数时候，IDL 属性会返回元素确实在用的值。例如，{{HTMLElement("input")}} 的默认 `type` 是 "text"，所以如果你设置 `input.type="foobar"`，`<input>` 元素仍然会是文本类型（在外观上和表现上），但 "type" 内容属性的值是 "foobar"。然而，`type` IDL 属性依旧会返回字符串 "text"。
+大多数时候，IDL 属性会返回元素实际使用的值。例如，{{HTMLElement("input")}} 的默认 `type` 是“text”，所以如果你设置 `input.type="foobar"`，`<input>` 元素仍然会是文本类型（在外观上和表现上），但 `type` 内容属性的值是“foobar”。然而，`type` IDL 属性依旧会返回字符串“text”。
 
-IDL attributes 并不总是字符串；例如 `input.maxlength` 是一个数字（一个有符号的 long 类型）。使用 IDL 属性时，你读取或设置值的类型都是要求的类型。所以 `input.maxlength` 总会返回一个数字，而如果你要设置 `input.maxlength`，也需要使用数字。如果你传入了别的类型，则会根据标准 JavaScript 的类型转换规则被转换为数字。
+IDL 属性并不总是字符串；例如 `input.maxlength` 是一个数字（有符号长整型）。使用 IDL 属性时，你读取或设置值的类型都是要求的类型。所以 `input.maxlength` 总会返回一个数字，而如果你要设置 `input.maxlength`，也需要使用数字。如果你传入了别的类型，则会根据标准 JavaScript 的类型转换规则被转换为数字。
 
-IDL 属性可以 [反映其他类型](https://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes)，如 unsigned long, URLs, booleans 等。不幸的是，并没有清晰的规则规定一个属性的 IDL 属性与相关的内容属性如何关联。大多数时候，这会遵守 [规范中列出的规则](https://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes)，但有时并不遵守。HTML 规范尝试将这件事尽可能变得对开发者友好，但由于很多原因（大多是历史原因），一些属性表现得很奇怪（例如 `select.size`），你就需要阅读规范以理解它们实际上到底如何表现。
+IDL 属性可以[反映其他类型](https://html.spec.whatwg.org/multipage/urls-and-fetching.html)，如无符号长整型、URL、布尔类型，等。不幸的是，并没有清晰的规则定义一个属性的 IDL 属性与对应的内容属性如何关联。大多数时候，这会遵守[规范中列出的规则](https://html.spec.whatwg.org/multipage/urls-and-fetching.html)，但有时并不遵守。HTML 规范尝试将这件事尽可能变得对开发者友好，但由于很多原因（大多是历史原因），一些属性表现得很奇怪（例如 `select.size`），你就需要阅读规范以理解它们实际是如何表现的。
 
-## 布尔值属性
+## 布尔属性
 
-一些内容属性（例如 `required`, `readonly`, `disabled`）是[布尔值属性](https://www.w3.org/TR/html52/infrastructure.html#sec-boolean-attributes)。如果一个布尔值属性存在，则其值是 **true**，如果不存在，其值是 **false**。
+一些内容属性（例如 `required`、`readonly`、`disabled`）是[布尔属性](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes)。如果一个布尔值属性存在，则其值为**真**（true），如果不存在，其值为**假**（false）。
 
-HTML5 定义了布尔值属性允许的取值：如果属性存在，其值必须是一个空字符串（即该属性的值未分配），或者是一个大小写无关的 ASCII 字符串，该字符串与属性名严格相同，前后都没有空格。下述例子是为一个布尔值属性取值的几个有效方式。
+HTML 定义了布尔属性允许的取值：如果属性存在，其值必须是一个空字符串（或未给该属性赋值），或者是一个大小写无关的 ASCII 字符串，该字符串与属性名严格相同，前后都没有空格。以下示例是为一个布尔值属性取值的几个有效方式。
 
-```plain
-<div itemscope> This is valid HTML but invalid XML. </div>
-<div itemscope=itemscope> This is also valid HTML but invalid XML. </div>
-<div itemscope=""> This is valid HTML and also valid XML. </div>
-<div itemscope="itemscope"> This is also valid HTML and XML, but perhaps a bit verbose. </div>
+```html-nolint
+<div itemscope>这是一个有效的 HTML，但不是有效的 XML。</div>
+<div itemscope=itemscope>这也是有效的 HTML，但不是有效的 XML。</div>
+<div itemscope="">这是有效的 HTML，也是有效的 XML。</div>
+<div itemscope="itemscope">这也是有效的 HTML 或 XML，但可能有点冗长。</div>
 ```
 
-再明确一点，布尔值属性不能取值为 "`true`" 和 "`false`"。如果需要表示 false 值，布尔值属性需要整个忽略不写。这个限制澄清了一些常见误会：比如在元素中设置 `checked="false"` ，元素的 `checked` 属性会被解读为 **true**，因为这个属性出现了。
+再明确一点，布尔值属性不能取值为 `"true"` 和 `"false"`。如果需要表示假值，布尔值属性需要整个忽略不写。这个限制消除了一些常见的误解：比如在元素中设置 `checked="false"`，元素的 `checked` 属性会被解析为 **true**，因为这个属性出现了。
+
+## 事件处理器属性
+
+> **警告：** 不建议使用事件处理器属性。将 HTML 和 JavaScript 代码混合在一起通常会产生难以维护的代码，而且事件处理器属性的执行也可能会被内容安全策略阻止。
+
+除了上表中列出的属性，全局[事件处理器](/zh-CN/docs/Web/Events/Event_handlers#使用_onevent_属性)（例如 [`onclick`](/zh-CN/docs/Web/API/Element/click_event)）也可以作为[内容属性](#内容属性和_idl_属性)在所有元素上指定。
+
+所有事件处理器属性都接受字符串值。字符串将用于合成 [JavaScript 函数](/zh-CN/docs/Web/JavaScript/Reference/Functions)，例如 `function name(/*args*/) {body}`，其中，`name` 为属性名，`body` 为属性值。处理器接收与其 JavaScript 事件处理器对应项相同的参数——大多数处理器只接收一个 `event` 参数，而 `onerror` 接收五个参数：`event`、`source`、`lineno`、`colno`、`error`。这意味着你通常可以在属性中使用 `event` 变量。
+
+```html
+<div onclick="console.log(event)">点击这里！</div>
+<!-- 合成的处理器具有名称，你可以引用处理器本身 -->
+<div onclick="console.log(onclick)">点击这里！</div>
+```
 
 ## 参见
 
-- [HTML elements](/zh-CN/docs/Web/HTML/Element)
+- [HTML 元素](/zh-CN/docs/Web/HTML/Element)

From 36ff67ab76be33d81fd6b6212854ac04f104fdbd Mon Sep 17 00:00:00 2001
From: Xavi Lee <awxiaoxian2020@163.com>
Date: Wed, 21 Jun 2023 23:58:25 +0800
Subject: [PATCH 027/146] fix typo (#13882)

---
 files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.md b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.md
index d744ee86128a41..4e043226641cca 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.md
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.md
@@ -141,7 +141,7 @@ function drawImageActualSize() {
 
 - 当 `drawImage()` 需要在 {{domxref("HTMLVideoElement")}} 工作时，仅当 {{domxref("HTMLMediaElement.readyState")}} 大于 1 时 `drawImage()` 才能正常工作。
 - 在绘制，裁剪和/或缩放时，`drawImage()` 将始终使用源元素的固有尺寸（以 CSS 像素为单位）。
-- `drawImage()` 将忽略图像中的所有 EXIF 元数据，包括方向。此行为在 iOS 设备上尤其麻烦。你应该自己检测方向并使用 `rotate()` 使其正确。
+- 在某些旧版本浏览器中，`drawImage()` 将忽略图像中的所有 EXIF 元数据，包括方向。此行为在 iOS 设备上尤其麻烦。你应该自己检测方向并使用 `rotate()` 使其正确。
 
 ## 参见
 

From c1171feb2e91cef66ceae7f2be155da974d0430c Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Thu, 22 Jun 2023 02:41:57 +0200
Subject: [PATCH 028/146] [zh-cn] sync translated content (#13892)

Co-authored-by: Allo <yin199909@aliyun.com>
---
 files/zh-cn/_redirects.txt                                | 1 +
 files/zh-cn/_wikihistory.json                             | 8 ++++----
 .../selectors/pseudo-classes_and_pseudo-elements/index.md | 2 +-
 files/zh-cn/web/css/@media/index.md                       | 2 +-
 files/zh-cn/web/css/@media/orientation/index.md           | 2 +-
 files/zh-cn/web/css/@media/width/index.md                 | 2 +-
 files/zh-cn/web/css/css_fragmentation/index.md            | 2 +-
 .../web/css/{paged_media => css_paged_media}/index.md     | 2 +-
 files/zh-cn/web/css/widows/index.md                       | 4 ++--
 9 files changed, 13 insertions(+), 12 deletions(-)
 rename files/zh-cn/web/css/{paged_media => css_paged_media}/index.md (94%)

diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt
index ceeba12e0ff215..0427a76bb12ba5 100644
--- a/files/zh-cn/_redirects.txt
+++ b/files/zh-cn/_redirects.txt
@@ -2119,6 +2119,7 @@
 /zh-CN/docs/Web/CSS/Media_Queries	/zh-CN/docs/Web/CSS/CSS_media_queries
 /zh-CN/docs/Web/CSS/Media_Queries/Testing_media_queries	/zh-CN/docs/Web/CSS/CSS_media_queries/Testing_media_queries
 /zh-CN/docs/Web/CSS/Media_Queries/Using_media_queries	/zh-CN/docs/Web/CSS/CSS_media_queries/Using_media_queries
+/zh-CN/docs/Web/CSS/Paged_Media	/zh-CN/docs/Web/CSS/CSS_paged_media
 /zh-CN/docs/Web/CSS/Reference/Webkit_Extensions	/zh-CN/docs/Web/CSS/WebKit_Extensions
 /zh-CN/docs/Web/CSS/Reference/background-blend-mode	/zh-CN/docs/Web/CSS/background-blend-mode
 /zh-CN/docs/Web/CSS/Reference/mix-blend-mode	/zh-CN/docs/Web/CSS/mix-blend-mode
diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
index 207b67cc4db20c..677cd5c0d64656 100644
--- a/files/zh-cn/_wikihistory.json
+++ b/files/zh-cn/_wikihistory.json
@@ -18330,6 +18330,10 @@
     "modified": "2019-03-23T23:28:24.667Z",
     "contributors": ["Bayes", "xgqfrms-GitHub", "fscholz", "Nightingale"]
   },
+  "Web/CSS/CSS_paged_media": {
+    "modified": "2020-03-18T05:04:22.843Z",
+    "contributors": ["RainSlide", "Princess_Knight"]
+  },
   "Web/CSS/CSS_positioned_layout": {
     "modified": "2019-03-23T22:16:58.595Z",
     "contributors": ["ZZES_REN"]
@@ -18600,10 +18604,6 @@
     "modified": "2019-03-23T22:27:53.945Z",
     "contributors": ["wh1msy", "xgqfrms-GitHub", "xgqfrms"]
   },
-  "Web/CSS/Paged_Media": {
-    "modified": "2020-03-18T05:04:22.843Z",
-    "contributors": ["RainSlide", "Princess_Knight"]
-  },
   "Web/CSS/Privacy_and_the_:visited_selector": {
     "modified": "2019-03-23T23:07:40.024Z",
     "contributors": ["tiansh", "599316527"]
diff --git a/files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md b/files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md
index 31b0fc55dffa06..3fea06b9e16b40 100644
--- a/files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md
+++ b/files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md
@@ -139,7 +139,7 @@ article p:first-child::first-line {
 | {{ Cssxref(":disabled") }}             | 匹配处于关闭状态的用户界面元素                                                                                                                                                                            |
 | {{ Cssxref(":empty") }}                 | 匹配除了可能存在的空格外，没有子元素的元素。                                                                                                                                                              |
 | {{ Cssxref(":enabled") }}                 | 匹配处于开启状态的用户界面元素。                                                                                                                                                                          |
-| {{ Cssxref(":first") }}                 | 匹配[分页媒体](/zh-CN/docs/Web/CSS/Paged_Media)的第一页。                                                                                                                                                 |
+| {{ Cssxref(":first") }}                 | 匹配[分页媒体](/zh-CN/docs/Web/CSS/CSS_paged_media)的第一页。                                                                                                                                                 |
 | {{ Cssxref(":first-child") }}         | 匹配兄弟元素中的第一个元素。                                                                                                                                                                              |
 | {{ Cssxref(":first-of-type") }}         | 匹配兄弟元素中第一个某种类型的元素。                                                                                                                                                                      |
 | {{ Cssxref(":focus") }}                 | 当一个元素有焦点的时候匹配。                                                                                                                                                                              |
diff --git a/files/zh-cn/web/css/@media/index.md b/files/zh-cn/web/css/@media/index.md
index e44e9b40a780d3..e6ecdb53f67e21 100644
--- a/files/zh-cn/web/css/@media/index.md
+++ b/files/zh-cn/web/css/@media/index.md
@@ -44,7 +44,7 @@ _媒体类型_（_Media type_）描述设备的一般类别。除非使用 `not`
 - `all`
   - : 适用于所有设备。
 - `print`
-  - : 适用于在打印预览模式下在屏幕上查看的分页材料和文档。 （有关特定于这些格式的格式问题的信息，请参阅[分页媒体](/zh-CN/docs/Web/CSS/Paged_Media)。）
+  - : 适用于在打印预览模式下在屏幕上查看的分页材料和文档。（有关特定于这些格式的格式问题的信息，请参阅[分页媒体](/zh-CN/docs/Web/CSS/CSS_paged_media)。）
 - `screen`
   - : 主要用于屏幕。
 
diff --git a/files/zh-cn/web/css/@media/orientation/index.md b/files/zh-cn/web/css/@media/orientation/index.md
index 1b8a1ebbe0c1a0..46c38f2276dc99 100644
--- a/files/zh-cn/web/css/@media/orientation/index.md
+++ b/files/zh-cn/web/css/@media/orientation/index.md
@@ -5,7 +5,7 @@ slug: Web/CSS/@media/orientation
 
 {{CSSRef}}
 
-[CSS](/zh-CN/docs/CSS) [媒体属性](/zh-CN/docs/Web/CSS/CSS_media_queries/Using_media_queries#Media_features)**屏幕方向**（**`orientation`**）可用于测试视口 {{glossary("viewport")}}（或者对于[分页媒体](/zh-CN/docs/Web/CSS/Paged_media)而言的页面框盒）的横纵方向。
+[CSS](/zh-CN/docs/Web/CSS) [媒体属性](/zh-CN/docs/Web/CSS/CSS_media_queries/Using_media_queries#Media_features)**屏幕方向**（**`orientation`**）可用于测试视口 {{glossary("viewport")}}（或者对于[分页媒体](/zh-CN/docs/Web/CSS/CSS_paged_media)而言的页面框盒）的横纵方向。
 
 > **备注：** 此属性不等价于*设备*的屏幕旋转方向。在许多设备上，当屏幕方向为纵向时，打开软键盘将导致视口 viewport 的宽度大于高度，从而导致浏览器突然改用横向样式，而不是保持纵向。
 
diff --git a/files/zh-cn/web/css/@media/width/index.md b/files/zh-cn/web/css/@media/width/index.md
index 7ddc2971211182..25f8c3763a778d 100644
--- a/files/zh-cn/web/css/@media/width/index.md
+++ b/files/zh-cn/web/css/@media/width/index.md
@@ -5,7 +5,7 @@ slug: Web/CSS/@media/width
 
 {{CSSRef}}
 
-可以使用 `width` [CSS](/zh-CN/docs/CSS) {{cssxref("@media")}} 基于{{glossary("viewport")}}宽度 (或页面框，用于 [paged media](/zh-CN/docs/Web/CSS/Paged_media)) 应用样式。
+可以使用 `width` [CSS](/zh-CN/docs/Web/CSS) {{cssxref("@media")}} 基于{{glossary("viewport", "视口")}}宽度（或页面框，用于[分页媒体](/zh-CN/docs/Web/CSS/CSS_paged_media)）应用样式。
 
 ## 语法
 
diff --git a/files/zh-cn/web/css/css_fragmentation/index.md b/files/zh-cn/web/css/css_fragmentation/index.md
index ead450051914c6..1a284b168b9702 100644
--- a/files/zh-cn/web/css/css_fragmentation/index.md
+++ b/files/zh-cn/web/css/css_fragmentation/index.md
@@ -6,7 +6,7 @@ original_slug: Web/CSS/CSS_分片
 
 {{CSSRef}}
 
-**CSS Fragmentation**是**CSS**的模块，它定义了内容在跨多个[页面](/zh-CN/docs/Web/CSS/Paged_Media)，区域或[列中](/zh-CN/docs/Web/CSS/CSS_multicol_layout)被分割（分段）时如何显示。
+**CSS Fragmentation** 是 **CSS** 的模块，它定义了内容在跨多个[页面](/zh-CN/docs/Web/CSS/CSS_paged_media)，区域或[列中](/zh-CN/docs/Web/CSS/CSS_multicol_layout)被分割（分段）时如何显示。
 
 当一个内联框包装成多行时会发生碎片。当一个块跨越一个列布局容器内的多个列，或者在打印时跨越一个分页符时，也会发生这种情况。元素的每个渲染*片段*称为一个*片段*。
 
diff --git a/files/zh-cn/web/css/paged_media/index.md b/files/zh-cn/web/css/css_paged_media/index.md
similarity index 94%
rename from files/zh-cn/web/css/paged_media/index.md
rename to files/zh-cn/web/css/css_paged_media/index.md
index 15dae23746282b..ec8c53548234b0 100644
--- a/files/zh-cn/web/css/paged_media/index.md
+++ b/files/zh-cn/web/css/css_paged_media/index.md
@@ -1,6 +1,6 @@
 ---
 title: Paged media
-slug: Web/CSS/Paged_Media
+slug: Web/CSS/CSS_paged_media
 ---
 
 {{CSSRef}}
diff --git a/files/zh-cn/web/css/widows/index.md b/files/zh-cn/web/css/widows/index.md
index 9678fd64a775aa..0ec19039e866c2 100644
--- a/files/zh-cn/web/css/widows/index.md
+++ b/files/zh-cn/web/css/widows/index.md
@@ -5,7 +5,7 @@ slug: Web/CSS/widows
 
 {{CSSRef}}
 
-[CSS](/zh-CN/docs/CSS) 属性 **`widows`** 可以用来设置一个块级容器在新的[分页](/zh-CN/docs/Web/CSS/Paged_Media)，区域或者[列](/zh-CN/docs/Web/CSS/CSS_multicol_layout)的**顶部**需要结合在一起的最小行数。
+[CSS](/zh-CN/docs/CSS) 属性 **`widows`** 可以用来设置一个块级容器在新的[分页](/zh-CN/docs/Web/CSS/CSS_paged_media)，区域或者[列](/zh-CN/docs/Web/CSS/CSS_multicol_layout)的**顶部**需要结合在一起的最小行数。
 
 ```css
 /* <integer> values */
@@ -82,4 +82,4 @@ p:first-child {
 ## 参见
 
 - {{cssxref("orphans")}}
-- [Paged media](/zh-CN/docs/Web/CSS/Paged_Media)
+- [分页媒体](/zh-CN/docs/Web/CSS/CSS_paged_media)

From 641df5fb261f820c9be9a62c2558b857f7ed3aec Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Thu, 22 Jun 2023 16:35:24 +0800
Subject: [PATCH 029/146] initial zh-cn translation of 'page types' (#13876)

---
 .../page_structures/page_types/index.md       | 180 ++++++++++++++++++
 1 file changed, 180 insertions(+)
 create mode 100644 files/zh-cn/mdn/writing_guidelines/page_structures/page_types/index.md

diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/page_types/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/page_types/index.md
new file mode 100644
index 00000000000000..8d69684fcb5e46
--- /dev/null
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/page_types/index.md
@@ -0,0 +1,180 @@
+---
+title: 页面类型
+slug: MDN/Writing_guidelines/Page_structures/Page_types
+---
+
+{{MDNSidebar}}
+
+MDN 有许多复用的页面类型。本文描述了这些页面类型和它们的作用，并给出了每个页面类型的示例和创建新页面时使用的模板。
+
+MDN 有三个大类的页面类型，尽管有些页面类型属于多个类别。
+
+- **参考**页描述了某一事物的细节，并根据所描述内容的结构进行组织。
+- **指南**页描述了如何实现或使用某些内容，并根据读者的目标进行组织。
+- **导航**页主要用于提供到其他页面（通常是相关主题）的链接。
+
+## 创建新页面
+
+要在 MDN 上创建新页面，你需要使用 GitHub——请查看我们的 [content 仓库的 README](https://github.com/mdn/content#adding-a-new-document) 以获取更多说明。
+
+## 如何使用模板
+
+在创建新页面时，你可以参考我们的页面模板（参阅下面的各小节），以确保你使用了正确的页面结构/内容。你可以通过点击每个模板底部的“Source on **GitHub**”来查看每个模板的源代码（如果你想复制它）。这些页面模板作为发布页面没有多大意义，但是如果你查看它们的源代码，你会发现它们包含了很多有用的注释、占位符和提示，详细说明了如何填写缺失的信息并创建你的页面。
+
+在每个模板的顶部，你会发现一个名为*请在发布前删除*（Remove before publishing）的部分，它包含了如何填写页面标题、别名（slug）、侧边栏菜单和标签（例如，不会出现在文章正文中的信息）的信息。在按照其中的说明进行操作后，你需要删除此部分，然后才能认为页面已经完成。
+
+## 旧式页面布局
+
+有时，你会发现风格老旧的参考页，它们与这里介绍的模板有明显的不同。例如，旧式的接口页面将所有接口成员的详细信息都放在一个页面上，而单独的方法/属性/构造函数/事件监听器页面并不存在。
+
+如果你发现了一个旧式页面，我们希望你能将其更新为新式页面！但是，我们知道这可能是一项巨大的工作。如果需要更新的信息不是太多，并且你有一些空闲时间，那么请尝试将其更新为新式页面。
+
+如果工作量很大，那么在确定工作优先级时，你应该考虑以下几个因素：
+
+- 信息有多过时？
+- 信息的质量有多差？
+- 该特性有多受欢迎？信息有多受欢迎？
+
+如果你想组建一个团队来完成更新，或者只是想报告或讨论一些需要更新的内容，请随时[提交内容议题](https://github.com/mdn/content/issues)，或[向我们寻求帮助](/zh-CN/docs/MDN/Community/Communication_channels)。
+
+## page-type 元数据键
+
+我们定义了 `page-type` 元数据键，以清晰地标识 MDN 页面的类型。下面链接的模板指出了每个页面类型应该设置哪个 `page-type` 值。
+
+完整的页面类型列表请参阅 [page-type 元数据键](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/Page_type_key)。
+
+## API 着陆页
+
+**{{Glossary("API")}} 着陆页**提供了一个概述，说明特定 API 的作用，以及该 API 提供的每个接口、全局变量、函数等的文档链接。除非链接出现在概述文本的上下文中，否则页面不会直接链接到 API 类中的特定方法或属性。它主要是一个*导航*页面，但也作为 API 的概览*参考*页面。
+
+在某些情况下，可能会有多个不同的 API，它们在各自的规范中定义，但它们密切相关，因此使用单个 API 着陆页来涵盖它们是有意义的。例如，[通用传感器 API](https://www.w3.org/TR/generic-sensor/) 涵盖了通用传感器的内容，但其他 API 则涵盖了更具体的内容，例如[环境光传感器](https://www.w3.org/TR/ambient-light/)、[运动传感器](https://www.w3.org/TR/motion-sensors/)，等等。在此类情况下，许多高级的概念是相同的，因此在多个着陆页重复这些概念并无意义。所以，将它们全部涵盖在一个“Web 传感器”着陆页，可避免重复，简化查询。
+
+### 示例
+
+- [WebVR API](/zh-CN/docs/Web/API/WebVR_API)
+
+### 模板
+
+- [API 着陆页模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_landing_page_template)
+
+## API 参考页
+
+> **备注：** 也称为*接口着陆页*。
+
+**API 着陆页**列出了属于特定接口或类的所有方法、属性、事件等。它提供了该类或接口的概述，以及每个成员的文档链接。它比 API 着陆页的粒度更细，后者通常链接到多个 API 参考页。
+
+### 示例
+
+- [Fetch API](/zh-CN/docs/Web/API/Fetch_API) 的 [Request 接口](/zh-CN/docs/Web/API/Request)。
+
+### 模板
+
+- [API 参考页模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_reference_page_template)
+
+## API 参考子页面
+
+**API 参考子页面**是 API 参考页的子页面。它详细记录了单个接口成员。
+
+### 示例
+
+- [IDBIndex](/zh-CN/docs/Web/API/IDBIndex) 接口的 [`count()` 方法](/zh-CN/docs/Web/API/IDBIndex/count)（属于 [IndexedDB API](/zh-CN/docs/Web/API/IndexedDB_API)）
+- [VRDisplay](/zh-CN/docs/Web/API/VRDisplay) 接口的 [capabilities 属性](/zh-CN/docs/Web/API/VRDisplay/capabilities)（属于 [WebVR API](/zh-CN/docs/Web/API/WebVR_API)）
+- [Request](/zh-CN/docs/Web/API/Request) 接口的 [Request() 构造函数](/zh-CN/docs/Web/API/Request/Request)（属于 [Fetch API](/zh-CN/docs/Web/API/Fetch_API)）
+- [vrdisplaypresentchange 事件](/zh-CN/docs/Web/API/Window/vrdisplaypresentchange_event)（属于 [WebVR API](/zh-CN/docs/Web/API/WebVR_API)，挂载在 [Window](/zh-CN/docs/Web/API/Window) 接口下）接口
+
+### 模板
+
+- [API 方法子页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_method_subpage_template)
+- [API 属性子页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_property_subpage_template)
+- [API 构造函数子页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_constructor_subpage_template)
+- [API 事件子页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_event_subpage_template)
+
+## HTML 元素参考页
+
+**HTML 参考页**列出了特定 HTML 元素所有可用的属性，解释了元素的目的和用法，并提供了示例、浏览器兼容性信息及其他重要数据。
+
+### 示例
+
+- [`<video>` 元素](/zh-CN/docs/Web/HTML/Element/video)
+
+### 模板
+
+- [HTML 元素页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/HTML_element_page_template)
+
+## SVG 元素参考页
+
+**SVG 参考页**列出了特定 SVG 元素所有可用的属性，解释了元素的目的和用法，并提供了示例、浏览器兼容性信息及其他重要数据。
+
+### 示例
+
+- [\<g> 元素](/zh-CN/docs/Web/SVG/Element/g)
+
+### 模板
+
+- [SVG 元素页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/SVG_element_page_template)
+
+## CSS 特性参考页
+
+**CSS 参考页**列出了某一 CSS 特性（如选择器或属性）的所有可用语法，解释了特性的目的和用法，并提供了示例、浏览器兼容性信息及其他重要数据。
+
+### 示例
+
+- [background-color 属性](/zh-CN/docs/Web/CSS/background-color)
+- [:hover 伪类](/zh-CN/docs/Web/CSS/:hover)
+- [@media @ 规则](/zh-CN/docs/Web/CSS/@media)
+
+### 模板
+
+- [CSS 属性页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/CSS_property_page_template)
+- [CSS 选择器页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/CSS_selector_page_template)
+
+## HTTP 标头参考页
+
+**HTTP 标头参考页**列出了 HTTP 标头可包含的所有可用指令，并解释了标头的目的和用法。它还提供了示例、浏览器兼容性信息及其他重要数据。
+
+### 示例
+
+- [Cache-Control 标头](/zh-CN/docs/Web/HTTP/Headers/Cache-Control)
+
+### 模板
+
+- [HTTP 标头页面模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/HTTP_header_page_template)
+
+## 概念页
+
+**概念页**是一个*指南*页，用于解释或教授某些内容。通常，如果一个页面主要包含散文（prose），并且不属于其他页面类型，那么它可能是一个概念页。对一个主题的深入讨论可能会分布在多个概念页上，并使用 [Next](https://github.com/mdn/yari/blob/main/kumascript/macros/Next.ejs) 和 [Previous](https://github.com/mdn/yari/blob/main/kumascript/macros/Previous.ejs) 宏进行链接。
+
+### 示例
+
+- [使用 WebVR API](/zh-CN/docs/Web/API/WebVR_API/Using_the_WebVR_API)
+- [基于 Web Audio API 的可视化](/zh-CN/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)
+- [CSS 的层叠与继承](/zh-CN/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)
+
+## 术语页
+
+**术语页**包含了对术语、主题或概念的简要解释。第一段应该是一个简单、独立的术语描述，不超过几句话。可以在之后的**参见**部分列出指向更多信息的链接。如果页面超过了一屏的高度，那它就太长了，应该将其转换为概念页。有关更多详细信息，请参阅[如何撰写和引用一个术语表中的条目](/zh-CN/docs/MDN/Writing_guidelines/Howto/Write_a_new_entry_in_the_glossary)。
+
+### 示例
+
+- [DOM](/zh-CN/docs/Glossary/DOM)
+- [异常](/zh-CN/docs/Glossary/Exception)
+- [超链接](/zh-CN/docs/Glossary/Hyperlink)
+
+### 模板
+
+- [术语页模板](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Page_types/Glossary_page_template)
+
+## 着陆页
+
+**着陆页**作为其子页面的菜单，因此主要作为*导航*页面。着陆页布局通常用于关于特定主题的页面树的根页面。它以对主题的简要概述开头，然后呈现一个结构化的链接列表，指向其子页面，以及可选的其他对读者有用的材料。
+
+子页面列表可使用 [`SubpagesWithSummaries`](https://github.com/mdn/yari/blob/main/kumascript/macros/SubpagesWithSummaries.ejs) 和 [`LandingPageListSubpages`](https://github.com/mdn/yari/blob/main/kumascript/macros/LandingPageListSubpages.ejs) 模板自动生成。但是，在更复杂的情况下，列表可能需要手动创建（和维护！）。
+
+### 示例
+
+- [HTML](/zh-CN/docs/Web/HTML)
+- [CSS](/zh-CN/docs/Web/CSS)
+- [Web API](/zh-CN/docs/Web/API)
+- [JavaScript](/zh-CN/docs/Web/JavaScript)
+- [学习区](/zh-CN/docs/Learn)
+- [为 MDN 做贡献](/zh-CN/docs/MDN/Contribute)

From ed6faeed018d3b5c9d7782c116c77520de27c289 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Thu, 22 Jun 2023 10:37:12 +0200
Subject: [PATCH 030/146] chore(ru): sync translated content (#13889)

---
 files/ru/_redirects.txt                                   | 1 +
 files/ru/_wikihistory.json                                | 8 ++++----
 .../ru/web/css/{paged_media => css_paged_media}/index.md  | 3 ++-
 3 files changed, 7 insertions(+), 5 deletions(-)
 rename files/ru/web/css/{paged_media => css_paged_media}/index.md (94%)

diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt
index a7e819f8c61186..5b412846598761 100644
--- a/files/ru/_redirects.txt
+++ b/files/ru/_redirects.txt
@@ -624,6 +624,7 @@
 /ru/docs/Web/CSS/Media_Queries/Testing_media_queries	/ru/docs/Web/CSS/CSS_media_queries/Testing_media_queries
 /ru/docs/Web/CSS/Media_Queries/Using_media_queries	/ru/docs/Web/CSS/CSS_media_queries/Using_media_queries
 /ru/docs/Web/CSS/Media_Queries/Тестирование_медиа_запросы	/ru/docs/Web/CSS/CSS_media_queries/Testing_media_queries
+/ru/docs/Web/CSS/Paged_Media	/ru/docs/Web/CSS/CSS_paged_media
 /ru/docs/Web/CSS/Reference/background-blend-mode	/ru/docs/Web/CSS/background-blend-mode
 /ru/docs/Web/CSS/Using_CSS_variables	/ru/docs/Web/CSS/Using_CSS_custom_properties
 /ru/docs/Web/CSS/attr()	/ru/docs/Web/CSS/attr
diff --git a/files/ru/_wikihistory.json b/files/ru/_wikihistory.json
index 8bd67d986dcf8c..fc97cd3500809a 100644
--- a/files/ru/_wikihistory.json
+++ b/files/ru/_wikihistory.json
@@ -8756,6 +8756,10 @@
     "modified": "2019-07-22T11:08:23.191Z",
     "contributors": ["a-bodrova", "sandmanisdancing", "fscholz", "ldone"]
   },
+  "Web/CSS/CSS_paged_media": {
+    "modified": "2020-10-12T15:00:21.800Z",
+    "contributors": ["at940266"]
+  },
   "Web/CSS/CSS_positioned_layout": {
     "modified": "2019-03-23T22:44:29.790Z",
     "contributors": ["davidhbrown"]
@@ -8893,10 +8897,6 @@
     "modified": "2019-03-23T23:09:42.012Z",
     "contributors": ["idoru", "BychekRU", "ldone"]
   },
-  "Web/CSS/Paged_Media": {
-    "modified": "2020-10-12T15:00:21.800Z",
-    "contributors": ["at940266"]
-  },
   "Web/CSS/Pseudo-classes": {
     "modified": "2019-03-23T22:51:08.664Z",
     "contributors": ["IgorPuchkov2003", "dima74", "BychekRU", "olko28"]
diff --git a/files/ru/web/css/paged_media/index.md b/files/ru/web/css/css_paged_media/index.md
similarity index 94%
rename from files/ru/web/css/paged_media/index.md
rename to files/ru/web/css/css_paged_media/index.md
index 87639e7e786403..8f0fc92490f8d1 100644
--- a/files/ru/web/css/paged_media/index.md
+++ b/files/ru/web/css/css_paged_media/index.md
@@ -1,12 +1,13 @@
 ---
 title: Постраничные носители
-slug: Web/CSS/Paged_Media
+slug: Web/CSS/CSS_paged_media
 tags:
   - CSS
   - Руководство
   - разрыв страницы
   - справочник
 translation_of: Web/CSS/Paged_Media
+original_slug: Web/CSS/Paged_Media
 ---
 
 {{cssref}}

From 292ad93ec57aa4a618261fbe6ccb60a011b5e8fb Mon Sep 17 00:00:00 2001
From: Laurent Lyaudet <Laurent.Lyaudet@gmail.com>
Date: Thu, 22 Jun 2023 12:54:38 +0200
Subject: [PATCH 031/146] Update index.md correction typo "de d'" (#13879)

---
 files/fr/web/css/animation/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/fr/web/css/animation/index.md b/files/fr/web/css/animation/index.md
index 99d8fbf76b6ccd..3566641129abc7 100644
--- a/files/fr/web/css/animation/index.md
+++ b/files/fr/web/css/animation/index.md
@@ -6,7 +6,7 @@ translation_of: Web/CSS/animation
 
 {{CSSRef}}
 
-La propriété **`animation`** est [une propriété raccourcie](/fr/docs/Web/CSS/Propriétés_raccourcies) qui permet de d'appliquer une animation entre des styles.
+La propriété **`animation`** est [une propriété raccourcie](/fr/docs/Web/CSS/Propriétés_raccourcies) qui permet d'appliquer une animation entre des styles.
 
 C'est une propriété qui synthétise les propriétés suivantes :
 

From 563c4ea7da394cc3fcfda89eb7fd3b6dc5f7f777 Mon Sep 17 00:00:00 2001
From: Wonder Dai <37327614+daiwanxing@users.noreply.github.com>
Date: Thu, 22 Jun 2023 21:09:13 +0800
Subject: [PATCH 032/146] zh-CN: updated the translation of `tab-size` (#13877)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 files/zh-cn/web/css/tab-size/index.md | 55 ++++++++++++++-------------
 1 file changed, 28 insertions(+), 27 deletions(-)

diff --git a/files/zh-cn/web/css/tab-size/index.md b/files/zh-cn/web/css/tab-size/index.md
index 69c494bc3f3776..62c80fac9fac67 100644
--- a/files/zh-cn/web/css/tab-size/index.md
+++ b/files/zh-cn/web/css/tab-size/index.md
@@ -3,70 +3,72 @@ title: tab-size
 slug: Web/CSS/tab-size
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
-CSS 属性 **`tab-size`** 用于自定义制表符 (`U+0009`) 的宽度。
+**`tab-size`** CSS 属性用于自定义制表符（U+0009）的宽度。
+
+{{EmbedInteractiveExample("pages/css/tab-size.html")}}
+
+## 语法
 
 ```css
-/* <integer> values */
+/* <integer> 值 */
 tab-size: 4;
 tab-size: 0;
 
-/* <length> values */
+/* <length> 值 */
 tab-size: 10px;
 tab-size: 2em;
 
-/* Global values */
+/* 全局值 */
 tab-size: inherit;
 tab-size: initial;
 tab-size: unset;
 ```
 
-{{CSSInfo}}
-
-## 语法
-
-### 值
+### 取值
 
 - {{CSSxRef("&lt;integer&gt;")}}
-  - : 制表符对应的空格数。必须为非负值。
+  - : 制表符的宽度应为空格字符（U+0020）的宽度的倍数。必须是非负数
 - {{CSSxRef("&lt;length&gt;")}}
-  - : 制表符的宽度。必须为非负值。
+  - : 制表符的宽度。必须是非负数。
 
-### 形式语法
+## 形式定义
+
+{{CSSInfo}}
+
+## 形式语法
 
 {{CSSSyntax}}
 
 ## 示例
 
-```css
-pre {
-  tab-size: 4; /* 将制表符宽度设为 4 个空格 */
-}
-```
+### 按字符数扩展
 
 ```css
 pre {
-  tab-size: 0; /* 移除缩进效果 */
+  tab-size: 4; /* 将制表符大小设置为4个字符宽度。 */
 }
 ```
 
+### 折叠制表符
+
 ```css
 pre {
-  tab-size: 2; /* 将制表符宽度设为 2 个空格 */
+  tab-size: 0; /* 去除缩进 */
 }
 ```
 
-### 在线演示
+### 与默认尺寸相比较
 
-本示例比较了默认制表符宽度和自定义制表符宽度。注意 {{cssxref("white-space")}} 被设置为 `pre` 以防止制表符收起。
+这个例子比较了默认的制表符大小和自定义的制表符大小。请注意，设置了 {{cssxref("white-space")}} 属性为 `pre`，以防止制表符折叠。
 
 #### HTML
 
 ```html
 <p>no tab</p>
-<p>&#0009;default tab size of 8 spaces</p>
-<p class="custom">&#0009;custom tab  size of 3 spaces</p>
+<p>&#0009;default tab size of 8 characters wide</p>
+<p class="custom">&#0009;custom tab size of 3 characters wide</p>
 <p>&nbsp;&nbsp;&nbsp;3 spaces, equivalent to the custom tab size</p>
 ```
 
@@ -78,14 +80,13 @@ p {
 }
 
 .custom {
-  -moz-tab-size: 3;
   tab-size: 3;
 }
 ```
 
 #### 结果
 
-{{EmbedLiveSample('在线演示')}}
+{{EmbedLiveSample('与默认尺寸相比较')}}
 
 ## 规范
 
@@ -97,4 +98,4 @@ p {
 
 ## 参见
 
-- [Controlling size of a tab character (U+0009)](https://lists.w3.org/Archives/Public/www-style/2008Dec/0009.html)，Anne van Kesteren 发送给 CSSWG 的一封电子邮件。
+- {{cssxref('white-space')}}

From 14f5e5bd397b88b766bc5f5364b5b0bff0f91346 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Thu, 22 Jun 2023 17:07:31 +0200
Subject: [PATCH 033/146] [ja] sync translated content (#13890)

* ja: sync translated content

* Update _redirects.txt

* Update _wikihistory.json

* Delete index.md

---------

Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>
---
 files/ja/_redirects.txt               |  1 +
 files/ja/_wikihistory.json            |  4 ----
 files/ja/web/css/paged_media/index.md | 15 ---------------
 3 files changed, 1 insertion(+), 19 deletions(-)
 delete mode 100644 files/ja/web/css/paged_media/index.md

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index 1e3677d52744ca..0b0b669ad72006 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -3631,6 +3631,7 @@
 /ja/docs/Web/CSS/Media_Queries/Using_media_queries	/ja/docs/Web/CSS/CSS_media_queries/Using_media_queries
 /ja/docs/Web/CSS/Motion_Path	/ja/docs/Web/CSS/CSS_motion_path
 /ja/docs/Web/CSS/Other_Resources	/ja/docs/Web/CSS
+/ja/docs/Web/CSS/Paged_Media	/ja/docs/Web/CSS/CSS_paged_media
 /ja/docs/Web/CSS/Reference/@viewport	/ja/docs/Web/CSS
 /ja/docs/Web/CSS/Reference/@viewport/max-zoom	/ja/docs/Web/CSS
 /ja/docs/Web/CSS/Reference/@viewport/min-zoom	/ja/docs/Web/CSS
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index 87322024357699..1af439e0e9785d 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -17136,10 +17136,6 @@
       "Piro"
     ]
   },
-  "Web/CSS/Paged_Media": {
-    "modified": "2019-03-18T21:35:37.752Z",
-    "contributors": ["mfuji09"]
-  },
   "Web/CSS/Privacy_and_the_:visited_selector": {
     "modified": "2020-12-01T21:03:57.973Z",
     "contributors": ["mfuji09", "SphinxKnight", "ethertank", "sosleepy"]
diff --git a/files/ja/web/css/paged_media/index.md b/files/ja/web/css/paged_media/index.md
deleted file mode 100644
index 00279195a73d3b..00000000000000
--- a/files/ja/web/css/paged_media/index.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: ページ化メディア
-slug: Web/CSS/Paged_Media
----
-
-{{CSSRef}}
-
-**ページ化メディア**のプロパティは、印刷物などの分離したページでコンテンツが分割されるメディアのコンテンツの表現を制御します。ページ区切り、印刷可能領域の制御、左と右のページの違い、要素内の改ページの制御などを設定することができます。広く対応されているプロパティは以下の通りです。
-
-- {{ cssxref("page-break-before") }}
-- {{ cssxref("page-break-after") }}
-- {{ cssxref("page-break-inside") }}
-- {{ cssxref("orphans") }}
-- {{ cssxref("widows") }}
-- {{ cssxref("@page") }}

From 9bb66c0793e2e8352489299b487288310eca84ec Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Jun 2023 21:14:00 +0900
Subject: [PATCH 034/146] =?UTF-8?q?2023/06/02=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/css/_colon_target/index.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/files/ja/web/css/_colon_target/index.md b/files/ja/web/css/_colon_target/index.md
index 2c4deadcc80da2..a8edab72bd3761 100644
--- a/files/ja/web/css/_colon_target/index.md
+++ b/files/ja/web/css/_colon_target/index.md
@@ -2,12 +2,12 @@
 title: ":target"
 slug: Web/CSS/:target
 l10n:
-  sourceCommit: d3cdafcdb4d22e5c55771501e7c80451a96aa032
+  sourceCommit: 259a7061abfce122ff8bb3a6687b02509263ef38
 ---
 
 {{CSSRef}}
 
-**`:target`** は [CSS](/ja/docs/Web/CSS) の[擬似クラス](/ja/docs/Web/CSS/Pseudo-classes)で、 URL のフラグメントに一致する [`id`](/ja/docs/Web/HTML/Global_attributes#id) を持つ固有の要素 (*対象要素*) を表します。
+**`:target`** は [CSS](/ja/docs/Web/CSS) の[擬似クラス](/ja/docs/Web/CSS/Pseudo-classes)で、 URL のフラグメントに一致する [`id`](/ja/docs/Web/HTML/Global_attributes#id) を持つ固有の要素（*ターゲット要素*）を表します。
 
 ```css
 /* 現在の URL のフラグメントに一致する ID を持つ要素を選択 */
@@ -16,7 +16,7 @@ l10n:
 }
 ```
 
-例えば、以下の URL には `section2` と呼ばれる要素を指すフラグメント (_#_ 記号で記述) があります。
+例えば、以下の URL には `section2` と呼ばれる要素を指すフラグメント（_#_ 記号で記述）があります。
 
 ```
 http://www.example.com/index.html#section2
@@ -36,6 +36,8 @@ http://www.example.com/index.html#section2
 }
 ```
 
+> **メモ:** [CSS 仕様書のバグの可能性](https://discourse.wicg.io/t/target-css-does-not-work-because-shadowroot-does-not-set-a-target-element/2070)がありますが、`:target` は[ウェブコンポーネント](/ja/docs/Web/API/Web_components)内では動作しません。[シャドウルート](/ja/docs/Web/API/ShadowRoot)がターゲット要素をシャドウツリーに渡さないためです。
+
 ## 例
 
 ### 目次
@@ -56,14 +58,12 @@ http://www.example.com/index.html#section2
   </li>
 </ol>
 
-<h3>My Fun Article</h3>
+<h3>面白い記事</h3>
 <p id="p1">
-  You can target <i>this paragraph</i> using a URL fragment. Click on the link
-  above to try out!
+  URL フラグメントを使うと<i>この段落</i>をターゲットにすることができます。上記のリンクをクリックして試してみてください。
 </p>
 <p id="p2">
-  This is <i>another paragraph</i>, also accessible from the links above. Isn't
-  that delightful?
+  これは<i>別な段落</i>であり、やはり上記のリンクからアクセスできます。喜ばしいことだと思いませんか。
 </p>
 ```
 

From 8fa3ba92b8dbc5cd9d7b8ee815703af891a96519 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 23 Jun 2023 00:10:30 +0900
Subject: [PATCH 035/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
 =?UTF-8?q?=20(#13820)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

2023/06/13 時点の英語版に同期
---
 files/ja/web/html/element/input/index.md | 350 +++++++++++++----------
 1 file changed, 195 insertions(+), 155 deletions(-)

diff --git a/files/ja/web/html/element/input/index.md b/files/ja/web/html/element/input/index.md
index a274488cbfd83d..d82a1919a8c99d 100644
--- a/files/ja/web/html/element/input/index.md
+++ b/files/ja/web/html/element/input/index.md
@@ -1,13 +1,13 @@
 ---
-title: '<input>: 入力欄（フォーム入力）要素'
+title: "<input>: 入力欄（フォーム入力）要素"
 slug: Web/HTML/Element/input
 l10n:
-  sourceCommit: 24e69ffb152389ad535eec8fed5f3c19c4bc27c4
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
 
-**`<input>`** は [HTML](/ja/docs/Web/HTML) の要素で、ユーザーからデータを受け取るための、ウェブベースのフォーム用の操作可能なコントロールを作成するために使用します。端末と{{Glossary("user agent", "ユーザーエージェント")}}によりますが、広範に渡る種類のデータ入力やコントロールウィジェットが利用できます。 `<input>` 要素は入力型と属性の組み合わせの数が非常に多いため、 HTML の中で最も強力かつ最も複雑な要素の一つです。
+**`<input>`** は [HTML](/ja/docs/Web/HTML) の要素で、ユーザーからデータを受け取るための、ウェブベースのフォーム用の操作可能なコントロールを作成するために使用します。端末と{{Glossary("user agent", "ユーザーエージェント")}}によりますが、広範に渡る種類のデータ入力やコントロールウィジェットが利用できます。`<input>` 要素は入力型と属性の組み合わせの数が非常に多いため、HTML の中で最も強力かつ最も複雑な要素の一つです。
 
 {{EmbedInteractiveExample("pages/tabbed/input-text.html", "tabbed-shorter")}}
 
@@ -34,7 +34,7 @@ l10n:
     <tr>
       <td>{{HTMLElement("input/button", "button")}}</td>
       <td>
-        プッシュボタンで、既定の動作を持たず、 <a href="#value"><code>value</code></a> 属性の値（既定では空）を表示します。
+        プッシュボタンで、既定の動作を持たず、<a href="#value"><code>value</code></a> 属性の値（既定では空）を表示します。
       </td>
       <td id="examplebutton">
         <pre class="brush: html hidden">
@@ -89,7 +89,7 @@ l10n:
     <tr>
       <td>{{HTMLElement("input/email", "email")}}</td>
       <td>
-        電子メールアドレスを編集するための欄です。 <code>text</code> 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。
+        電子メールアドレスを編集するための欄です。<code>text</code> 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。
       </td>
       <td id="exampleemail">
         <pre class="brush: html hidden">
@@ -100,7 +100,7 @@ l10n:
     <tr>
       <td>{{HTMLElement("input/file", "file")}}</td>
       <td>
-        ユーザーがファイルを選択するコントロールです。 <a href="#accept"><code>accept</code></a> 属性を使用して、コントロールが選択することができるファイル形式を定義することができます。
+        ユーザーがファイルを選択するコントロールです。<a href="#accept"><code>accept</code></a> 属性を使用して、コントロールが選択することができるファイル形式を定義することができます。
       </td>
       <td id="examplefile">
         <pre class="brush: html hidden">
@@ -123,7 +123,7 @@ l10n:
     <tr>
       <td>{{HTMLElement("input/image", "image")}}</td>
       <td>
-        グラフィックの <code>submit</code> ボタンです。 <code>src</code> 属性で定義された画像を表示します。 <a href="#alt"><code>alt</code></a> 属性は <a href="#src"><code>src</code></a> の画像が見つからないときに表示されます。
+        グラフィックの <code>submit</code> ボタンです。<code>src</code> 属性で定義された画像を表示します。<a href="#alt"><code>alt</code></a> 属性は <a href="#src"><code>src</code></a> の画像が見つからないときに表示されます。
       </td>
       <td id="exampleimage">
         <pre class="brush: html hidden">
@@ -201,7 +201,7 @@ l10n:
     <tr>
       <td>{{HTMLElement("input/search", "search")}}</td>
       <td>
-        検索文字列を入力するための単一行のテキスト欄です。入力値から改行が自動的に取り除かれます。対応しているブラウザーでは、入力欄を初期化するための削除アイコンが表示されることがあり、欄の内容を消去するために使用することができます。動的なキーパッドを持つ一部の端末では、 Enter キーの代わりに検索アイコンを表示します。
+        検索文字列を入力するための単一行のテキスト欄です。入力値から改行が自動的に取り除かれます。対応しているブラウザーでは、入力欄を初期化するための削除アイコンが表示されることがあり、欄の内容を消去するために使用することができます。動的なキーパッドを持つ一部の端末では、Enter キーの代わりに検索アイコンを表示します。
       </td>
       <td id="examplesearch">
         <pre class="brush: html hidden">
@@ -253,7 +253,7 @@ l10n:
     <tr>
       <td>{{HTMLElement("input/url", "url")}}</td>
       <td>
-        URL を入力するための入力欄です。 <code>text</code> 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。
+        URL を入力するための入力欄です。<code>text</code> 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。
       </td>
       <td id="exampleurl">
         <pre class="brush: html hidden">
@@ -277,9 +277,9 @@ l10n:
       <th colspan="3">廃止された値</th>
     </tr>
     <tr>
-      <td>`datetime`</td>
+      <td><code>datetime</code> {{deprecated_inline}}</td>
       <td>
-        {{deprecated_inline}} UTC タイムゾーンに基づく日付と時刻 (時、分、秒、秒の端数) を入力するためのコントロールです。
+        UTC タイムゾーンに基づく日付と時刻 (時、分、秒、秒の端数) を入力するためのコントロールです。
       </td>
       <td id="exampledatetime">
         <pre class="brush: html hidden">
@@ -292,7 +292,7 @@ l10n:
 
 ## 属性
 
-`<input>` 要素は属性があるためたいへん強力です。上記の例で説明している [`type`](#type) 属性が最も重要です。すべての `<input>` 要素が、 {{domxref("HTMLInputElement")}} インターフェイスに基づいているため、技術的にはまったく同じ属性を共有しています。しかし実際には、ほとんどの属性が一部の特定の入力型にのみ影響を与えます。さらに、ある属性が入力に与える影響は入力の種類によって異なり、様々な入力型に様々な方法で影響を与えます。
+`<input>` 要素は属性があるためたいへん強力です。上記の例で説明している [`type`](#type) 属性が最も重要です。すべての `<input>` 要素が、{{domxref("HTMLInputElement")}} インターフェイスに基づいているため、技術的にはまったく同じ属性を共有しています。しかし実際には、ほとんどの属性が一部の特定の入力型にのみ影響を与えます。さらに、ある属性が入力に与える影響は入力の種類によって異なり、様々な入力型に様々な方法で影響を与えます。
 
 この節では、すべての属性に簡単な説明を書いた一覧表を示します。その後で、それぞれの属性がどの入力型に関連付けられているか、より詳細に説明された一覧を示します。ほとんど、またはすべての入力型に共通する属性については、以下でより詳細に定義します。特定の入力型に固有の属性、またはすべての入力型に共通するが、特定の入力型で使用されたときに特別な動作をする属性は、それぞれの型のページで示します。
 
@@ -301,7 +301,7 @@ l10n:
 | 属性                           | 型                                                           | 説明                                                                           |
 | ----------------------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
 | [`accept`](#accept)                 | `file`                                                                  | ファイルアップロードコントロールで期待されるファイル形式のヒント                                   |
-| [`alt`](#alt)                       | `image`                                                                 | image 型の alt 属性です。アクセシビリティのために必要です。                          |
+| [`alt`](#alt)                       | `image`                                                                 | image 型の alt 属性です。アクセシビリティのために必要です。                         |
 | [`autocomplete`](#autocomplete)     | `checkbox`、`radio`、ボタンを除くすべて                             | フォームの自動補完機能のためのヒント                                                        |
 | [`capture`](#capture)               | `file`                                                                  | ファイルアップロードコントロールのメディアキャプチャ入力方法                                    |
 | [`checked`](#checked)               | `checkbox`, `radio`                                                     | コマンドやコントロールがチェックされているか                                             |
@@ -323,6 +323,8 @@ l10n:
 | [`name`](#name)                     | すべて                                                                     | 入力欄コントロールの名前。名前/値の組の部分としてフォームと一緒に送信される        |
 | [`pattern`](#pattern)               | `text`, `search`, `url`, `tel`, `email`, `password`                     | 有効になるために `value` が一致する必要があるパターン                                            |
 | [`placeholder`](#placeholder)       | `text`, `search`, `url`, `tel`, `email`, `password`, `number`           | フォームコントロールが空の時にフォームコントロール内に表示される内容                        |
+| [`popovertarget`](#popovertarget)             | `button`                                                                | `<input type="button">` がポップオーバー要素の制御用として指定する              |
+| [`popovertargetaction`](#popovertargetaction) | `button`                                                                | ポップオーバー制御で実行するアクションを指定する                            |
 | [`readonly`](#readonly)             | `hidden`, `range`, `color`, `checkbox`, `radio`, ボタンを除くすべて | 論理属性。値が編集できない                                                    |
 | [`required`](#required)             | `hidden`, `range`, `color`, ボタンを除くすべて                      | 論理属性。フォームが送信できるようにするためには値が必要          |
 | [`size`](#size)                     | `text`, `search`, `url`, `tel`, `email`, `password`                     | コントロールの大きさ                                                                   |
@@ -338,51 +340,52 @@ l10n:
 
 - `accept`
 
-  - : `file` 入力型に対してのみ有効です。 `accept` 属性は `file` アップロードコントロールの中でどのファイル形式が選択可能であるかを定義します。 {{HTMLElement("input/file", "file")}} 入力型を参照してください。
+  - : `file` 入力型に対してのみ有効です。`accept` 属性は `file` アップロードコントロールの中でどのファイル形式が選択可能であるかを定義します。{{HTMLElement("input/file", "file")}} 入力型を参照してください。
 
 - `alt`
 
-  - : `image` ボタンに対してのみ有効です。 `alt` 属性は画像の代替テキストを提供します。 [`src`](#src) の画像が存在しないか、または読み込みに失敗した場合にこの属性の値を表示します。 {{HTMLElement("input/image", "image")}} 入力型を参照してください。
+  - : `image` ボタンに対してのみ有効です。`alt` 属性は画像の代替テキストを提供します。[`src`](#src) の画像が存在しないか、または読み込みに失敗した場合にこの属性の値を表示します。{{HTMLElement("input/image", "image")}} 入力型を参照してください。
 
 - [`autocomplete`](/ja/docs/Web/HTML/Attributes/autocomplete)
 
-  - : （論理属性では**ありません**!） [`autocomplete`](/ja/docs/Web/HTML/Attributes/autocomplete) 属性は空白区切りの文字列の値を取り、指定された場合は、入力欄が提供する自動補完機能の種類を示します。自動補完のよくある実装は、以前同じ入力欄に入力された値を単に再呼び出しするものですが、もっと複雑な自動補完もあり得ます。例えば、ブラウザーが端末の連絡先リストと連携して、 `email` 入力欄でメールアドレスを自動補完したりする可能性もあります。許可されている値は [autocomplete 属性の値](/ja/docs/Web/HTML/Attributes/autocomplete#values)を参照してください。
+  - : （論理属性では**ありません**!） [`autocomplete`](/ja/docs/Web/HTML/Attributes/autocomplete) 属性は空白区切りの文字列の値を取り、指定された場合は、入力欄が提供する自動補完機能の種類を示します。自動補完のよくある実装は、以前同じ入力欄に入力された値を単に再呼び出しするものですが、もっと複雑な自動補完もあり得ます。例えば、ブラウザーが端末の連絡先リストと連携して、`email` 入力欄でメールアドレスを自動補完したりする可能性もあります。許可されている値は [`autocomplete`](/ja/docs/Web/HTML/Attributes/autocomplete#values) を参照してください。
 
-    `autocomplete` 属性は `hidden`, `text`, `search`, `url`, `tel`, `email`, `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range`, `color`, `password` で有効です。この属性は数値またはテキストデータを返さない入力型では効果がなく、 `checkbox`, `radio`, `file` とすべてのボタン型を除いたすべての入力型で有効になります。
+    `autocomplete` 属性は `hidden`, `text`, `search`, `url`, `tel`, `email`, `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range`, `color`, `password` で有効です。この属性は数値またはテキストデータを返さない入力型では効果がなく、`checkbox`, `radio`, `file` とすべてのボタン型を除いたすべての入力型で有効になります。
 
-    詳しい情報については [HTML の autocomplete 属性](/ja/docs/Web/HTML/Attributes/autocomplete)を参照してください。パスワードセキュリティに関する情報や、 `autocomplete` が `hidden` に対して他の入力型とどう異なるのかについての情報があります。
+    詳しい情報については [`autocomplete` 属性](/ja/docs/Web/HTML/Attributes/autocomplete)を参照してください。パスワードセキュリティに関する情報や、`autocomplete` が `hidden` に対して他の入力型とどう異なるのかについての情報があります。
 
 - `autofocus`
 
   - : 論理属性で、指定された場合は、ページの読み込みが完了したとき（またはその要素を含む {{HTMLElement("dialog")}} が表示されたとき）に、自動的にその入力欄がフォーカスを持つことを示します。
 
-    > **メモ:** `autofocus` 属性がついた要素は、 {{domxref("Window/DOMContentLoaded_event", "DOMContentLoaded")}} イベントが発生する前にフォーカスを得ることがあります。
+    > **メモ:** `autofocus` 属性がついた要素は、{{domxref("Window/DOMContentLoaded_event", "DOMContentLoaded")}} イベントが発生する前にフォーカスを得ることがあります。
 
     文書中で一つの要素だけが `autofocus` 属性を持つことができます。複数の要素に付けた場合は、最初にこの属性を持つ要素がフォーカスを受け取ります。
 
     `autofocus` は `hidden` 型の入力欄にはフォーカスを受け取ることができないため、使用することができません。
 
-    > **警告:** フォームコントロールに自動的にフォーカスを与えると、読み上げ技術を利用している視覚障碍者を混乱させる可能性があります。 `autofocus` が割り当てられると、スクリーンリーダーは予告なしにフォームコントロールにその人を「テレポート」させることになるからです。
+    > **警告:** フォームコントロールに自動的にフォーカスを与えると、読み上げ技術を利用している視覚障碍者を混乱させる可能性があります。`autofocus` が割り当てられると、スクリーンリーダーは予告なしにフォームコントロールにその人を「テレポート」させることになるからです。
 
     `autofocus` 属性を適用する際には、アクセシビリティを慎重に検討してください。フォームコントロールにフォーカスを自動的に設定すると、読み込み時にページのスクロールが発生します。フォーカスを与えると、一部のタッチ端末では動的なキーボードを表示させることにもなります。スクリーンリーダーはフォーカスを受けているフォームコントロールのラベルをアナウンスする一方、ラベルよりも前は何もアナウンスしませんし、小さな端末を使用している視力のあるユーザーは、同様に先行するコンテンツによって作成された文脈を見逃してしまいます。
 
 - `capture`
-  - : HTML Media Capture 仕様書で導入され、 `file` 入力型に対してのみ有効です。 `capture` 属性は、どのメディア (マイク、ビデオ、カメラ) を使用して新しいファイルをキャプチャし、対応するシナリオで `file` アップロードコントロールを使用してアップロードするかを定義します。 {{HTMLElement("input/file", "file")}} 入力型を参照してください。
+  - : HTML Media Capture 仕様書で導入され、`file` 入力型に対してのみ有効です。`capture` 属性は、どのメディア (マイク、ビデオ、カメラ) を使用して新しいファイルをキャプチャし、対応するシナリオで `file` アップロードコントロールを使用してアップロードするかを定義します。{{HTMLElement("input/file", "file")}} 入力型を参照してください。
 - `checked`
 
-  - : `radio` 型と `checkbox` 型の両方で有効で、 `checked` は論理属性です。 `radio` 型に存在した場合、そのラジオボタンが同じ名前のラジオボタンのグループの中で現在選択されているものであることを示します。 `checkbox` 型に存在した場合、 (ページが読み込まれたとき) 既定でチェックボックスがチェックされていることを示します。このチェックボックスが現在チェックされているかどうかを示すものでは<em>ありません</em>。チェックボックスの状態が変更された場合でも、このコンテンツ属性はその変更を反映しません。（[`HTMLInputElement` の `checked` IDL 属性](/ja/docs/Web/API/HTMLInputElement)のみが更新されます。）
+  - : `radio` 型と `checkbox` 型の両方で有効で、`checked` は論理属性です。`radio` 型に存在した場合、そのラジオボタンが同じ名前のラジオボタンのグループの中で現在選択されているものであることを示します。`checkbox` 型に存在した場合、(ページが読み込まれたとき) 既定でチェックボックスがチェックされていることを示します。このチェックボックスが現在チェックされているかどうかを示すものでは<em>ありません</em>。チェックボックスの状態が変更された場合でも、このコンテンツ属性はその変更を反映しません。（[`HTMLInputElement` の `checked` IDL 属性](/ja/docs/Web/API/HTMLInputElement)のみが更新されます。）
 
     > **メモ:** 他の入力コントロールとは異なり、チェックボックスやラジオボタンの値は、現在 `checked` の状態にある場合だけ送信データに含まれます。存在する場合、チェックされたコントロールの名前と値が送信されます。
     >
-    > 例えば、 `name` が `fruit` で、 `value` が `cherry` であるチェックボックスがチェックされていると、送信されるフォームデータには `fruit=cherry` が含まれます。チェックボックスがチェックされていない場合、フォームデータには全く含まれません。チェックボックスやラジオボタンの既定の `value` は `on` です。
+    > 例えば、`name` が `fruit` で、`value` が `cherry` であるチェックボックスがチェックされていると、送信されるフォームデータには `fruit=cherry` が含まれます。チェックボックスがチェックされていない場合、フォームデータには全く含まれません。チェックボックスやラジオボタンの既定の `value` は `on` です。
 
 - `dirname`
 
-  - : `text` および `search` 入力型のみに有効で、 `dirname` 属性によって要素の書字方向を送信することができます。これが含まれていると、フォームコントロールは 2 組の名前と値を送信します。 1 組目は [`name`](#name) と [`value`](#value) であり、 2 組目は名前が `dirname` の値で、値に `ltr` または `rtl` がブラウザーによって設定されます。
+  - : `text` および `search` 入力型のみに有効で、`dirname` 属性によって要素の書字方向を送信することができます。これが含まれていると、フォームコントロールは 2 組の名前と値を送信します。1 組目は [`name`](#name) と [`value`](#value) であり、2 組目は名前が `dirname` の値で、値に `ltr` または `rtl` がブラウザーによって設定されます。
 
     ```html
     <form action="page.html" method="post">
-      <label>Fruit:
+      <label
+        >Fruit:
         <input type="text" name="fruit" dirname="fruit.dir" value="cherry" />
       </label>
       <input type="submit" />
@@ -390,7 +393,7 @@ l10n:
     <!-- page.html?fruit=cherry&fruit.dir=ltr -->
     ```
 
-    上記のフォームが送信されると、入力欄は `name` / `value` の組である `fruit=cherry` と、 `dirname` / 書字方向の組である `fruit.dir=ltr` が送信されます。
+    上記のフォームが送信されると、入力欄は `name` / `value` の組である `fruit=cherry` と、`dirname` / 書字方向の組である `fruit.dir=ltr` が送信されます。
 
 - `disabled`
 
@@ -398,11 +401,11 @@ l10n:
 
     特に、無効になった入力欄は {{domxref("Element/click_event", "click")}} イベントを受け取らず、フォームと共に送信されることもありません。
 
-    > **メモ:** 仕様書で要件とはされていませんが、 Firefox は既定で、ページを再読み込みしても `<input>` を [動的に無効化した状態を維持します](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing)。この機能は [`autocomplete`](/ja/docs/Web/HTML/Element/input#autocomplete) 属性で制御することができます。
+    > **メモ:** 仕様書で要件とはされていませんが、Firefox は既定で、ページを再読み込みしても `<input>` を [動的に無効化した状態を維持します](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing)。この機能は [`autocomplete`](#autocomplete) 属性で制御することができます。
 
 - `form`
 
-  - : 文字列で、入力欄が関連づけられた {{HTMLElement("form")}} 要素（つまり、**フォームオーナー**）を指定します。存在する場合、この文字列値は同一文書内の `<form>` 要素の [`id`](#id) と一致している必要があります。この属性が指定されない場合は、 `<input>` 要素は直近の内包するフォームに（もしあれば）関連付けられます。
+  - : 文字列で、入力欄が関連づけられた {{HTMLElement("form")}} 要素（つまり、**フォームオーナー**）を指定します。存在する場合、この文字列値は同一文書内の `<form>` 要素の [`id`](#id) と一致している必要があります。この属性が指定されない場合は、`<input>` 要素は直近の内包するフォームに（もしあれば）関連付けられます。
 
     `form` 属性によって、入力欄を文書内のどこに置いても、文書内の他の場所にあるフォームと関連付けることができます。
 
@@ -419,52 +422,52 @@ l10n:
 - `formtarget`
   - : `image` および `submit` 入力型でのみ有効です。詳しくは {{HTMLElement("input/submit", "submit")}} 入力型を参照してください。
 - `height`
-  - : `image` 入力型でのみ有効です。 `height` はグラフィックの送信ボタンの表現を表示するための画像ファイルの高さを示します。 {{HTMLElement("input/image", "image")}} 入力型を参照してください。
+  - : `image` 入力型でのみ有効です。`height` はグラフィックの送信ボタンの表現を表示するための画像ファイルの高さを示します。{{HTMLElement("input/image", "image")}} 入力型を参照してください。
 - `id`
-  - : すべての入力欄を含む、すべての要素で有効なグローバル属性で、文書全体で一意でなければならない一意の識別子 (ID) を定義します。その目的は、リンクする際に要素を識別することです。この値は、ラベルとフォームコントロールをリンクするための {{htmlelement('label')}} の `for` 属性の値として使用されます。 {{htmlelement('label')}} を参照してください。
+  - : すべての入力欄を含む、すべての要素で有効なグローバル属性で、文書全体で一意でなければならない一意の識別子 (ID) を定義します。その目的は、リンクする際に要素を識別することです。この値は、ラベルとフォームコントロールをリンクするための {{htmlelement('label')}} の `for` 属性の値として使用されます。{{htmlelement('label')}} を参照してください。
 - `inputmode`
   - : すべての要素で有効なグローバル属性です、この要素やその内容を編集する際に使用される仮想キーボード設定の種類をブラウザーに示すヒントを提供します。値としては `none`, `text`, `tel`, `url`, `email`, `numeric`, `decimal`, `search` があります。
 - `list`
 
-  - : `list` 属性で与えられる値は、同じ文書内にある {{HTMLElement("datalist")}} 要素の {{domxref("Element.id", "id")}} としてください。 `<datalist>` は、この入力欄でユーザーに提案する事前定義された値のリストを提供します。リストに [`type`](#type) と互換性のない値が含まれていた場合は、提案の選択肢には含まれません。この値は提案として使用されるものであり、要件ではありません。ユーザーはこの定義済みリストから選択することもできるし、別な値を提供することもできます。
+  - : `list` 属性で与えられる値は、同じ文書内にある {{HTMLElement("datalist")}} 要素の {{domxref("Element.id", "id")}} としてください。`<datalist>` は、この入力欄でユーザーに提案する事前定義された値のリストを提供します。リストに [`type`](#type) と互換性のない値が含まれていた場合は、提案の選択肢には含まれません。この値は提案として使用されるものであり、要件ではありません。ユーザーはこの定義済みリストから選択することもできるし、別な値を提供することもできます。
 
     これは `text`, `search`, `url`, `tel`, `email`, `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range`, `color` で有効です。
 
-    仕様書によれば、 `list` 属性は `hidden`, `password`, `checkbox`, `radio`, `file` それにボタン型では対応していません。
+    仕様書によれば、`list` 属性は `hidden`, `password`, `checkbox`, `radio`, `file` それにボタン型では対応していません。
 
-    ブラウザーによっては、独自のカラーパレットが提案されたり、範囲に沿ったチェックマークが表示されたり、 {{HTMLElement("select")}} のように開くものの、リストにない値を入力できるようになったりすることもあります。他の入力型については[ブラウザーの互換性一覧表](/ja/docs/Web/HTML/Element/datalist#browser_compatibility)を参照してください。
+    ブラウザーによっては、独自のカラーパレットが提案されたり、範囲に沿ったチェックマークが表示されたり、{{HTMLElement("select")}} のように開くものの、リストにない値を入力できるようになったりすることもあります。他の入力型については[ブラウザーの互換性一覧表](/ja/docs/Web/HTML/Element/datalist#browser_compatibility)を参照してください。
 
     {{htmlelement('datalist')}} 要素を参照してください。
 
 - `max`
 
-  - : `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range` で有効であり、許可される値の範囲の最大値を定義します。要素に入力された [`value`](#value) がこれを超えた場合、要素は[制約検証](/ja/docs/Web/HTML/Constraint_validation)に不合格になります。 `max` 属性の値が数値でない場合は、要素に最大値は設定されません。
+  - : `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range` で有効であり、許可される値の範囲の最大値を定義します。要素に入力された [`value`](#value) がこれを超えた場合、要素は[制約検証](/ja/docs/Web/HTML/Constraint_validation)に不合格になります。`max` 属性の値が数値でない場合は、要素に最大値は設定されません。
 
-    特殊な場合があります。データ型が期間を表す場合（日付や時刻など）、 `max` の値は `min` の値よりも小さくなる場合があり、これは範囲が折り返す可能性があることを表します。例えば、これによって午後10時から午前4時までの自国の範囲を指定することができます。
+    特殊な場合があります。データ型が期間を表す場合（日付や時刻など）、`max` の値は `min` の値よりも小さくなる場合があり、これは範囲が折り返す可能性があることを表します。例えば、これによって午後10時から午前4時までの自国の範囲を指定することができます。
 
 - `maxlength`
 
-  - : `text`, `search`, `url`, `tel`, `email`, `password` で有効であり、ユーザーがフィールドに入力することができる文字数（UTF-16 コード単位）を定義します。これは `0` 以上の整数値でなければなりません。 `maxlength` が指定されなかった場合、または無効な値が指定された場合は、その入力欄には最大長が設定されません。この値は `minlength` の値以上である必要もあります。
+  - : `text`, `search`, `url`, `tel`, `email`, `password` で有効であり、ユーザーがフィールドに入力することができる文字数（UTF-16 コード単位）を定義します。これは `0` 以上の整数値でなければなりません。`maxlength` が指定されなかった場合、または無効な値が指定された場合は、その入力欄には最大長が設定されません。この値は `minlength` の値以上である必要もあります。
 
     欄に入力されたテキストの文字数が UTF-16 コード単位で `maxlength` よりも多いと、この入力欄は[制約検証](/ja/docs/Web/HTML/Constraint_validation)に不合格になります。既定では、ブラウザーはユーザーが `maxlength` 属性で許可された文字数以上を入力するのを防ぎます。詳しくは[クライアント側検証](#クライアント側検証)を参照してください。
 
 - `min`
 
-  - : `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range` で有効であり、許可される値の範囲の最も低い値を定義します。要素に入力された [`value`](/ja/docs/Web/HTML/Element/input#value) がこれを下回った場合、要素は[制約検証](/ja/docs/Web/HTML/Constraint_validation)に不合格になります。 `min` 属性の値が数値でない場合は、要素に最小値は設定されません。
+  - : `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range` で有効であり、許可される値の範囲の最も低い値を定義します。要素に入力された [`value`](#value) がこれを下回った場合、要素は[制約検証](/ja/docs/Web/HTML/Constraint_validation)に不合格になります。`min` 属性の値が数値でない場合は、要素に最小値は設定されません。
 
-    この値は `max` 属性の値以下である必要があります。 `min` 属性が存在するものの、指定されていなかったり無効であったりした場合は、 `min` の値は適用されません。 `min` 属性が有効であり、値が空ではなく `min` 属性で許可された最小値よりも小さかった場合、制約の検証によりフォームの送信が行われません。詳しくは[クライアント側検証](#クライアント側検証)を参照してください。
+    この値は `max` 属性の値以下である必要があります。`min` 属性が存在するものの、指定されていなかったり無効であったりした場合は、`min` の値は適用されません。`min` 属性が有効であり、値が空ではなく `min` 属性で許可された最小値よりも小さかった場合、制約の検証によりフォームの送信が行われません。詳しくは[クライアント側検証](#クライアント側検証)を参照してください。
 
-    特殊な場合があります。データ型が期間を表す場合（日付や時刻など）、 `max` の値は `min` の値よりも小さくなる場合があり、これは範囲が折り返す可能性があることを表します。例えば、これによって午後 10 時から午前 4 時までの自国の範囲を指定することができます。
+    特殊な場合があります。データ型が期間を表す場合（日付や時刻など）、`max` の値は `min` の値よりも小さくなる場合があり、これは範囲が折り返す可能性があることを表します。例えば、これによって午後 10 時から午前 4 時までの自国の範囲を指定することができます。
 
 - `minlength`
 
-  - : `text`, `search`, `url`, `tel`, `email`, `password` で有効であり、ユーザーがフィールドに入力することができる最小文字数 (UTF-16 コード単位) を定義します。これは負数ではなく、 `maxlength` で指定された値以下の整数値でなければなりません。 `minlength` が指定されなかった場合、または無効な値が指定された場合は、その入力欄には最小文字数が設定されません。
+  - : `text`, `search`, `url`, `tel`, `email`, `password` で有効であり、ユーザーがフィールドに入力することができる最小文字数 (UTF-16 コード単位) を定義します。これは負数ではなく、`maxlength` で指定された値以下の整数値でなければなりません。`minlength` が指定されなかった場合、または無効な値が指定された場合は、その入力欄には最小文字数が設定されません。
 
     欄に入力されたテキストの文字数が UTF-16 コード単位で `minlength` よりも少ないと、この入力欄は[制約検証](/ja/docs/Web/HTML/Constraint_validation)に不合格になります。詳しくは[クライアント側検証](#クライアント側検証)を参照してください。
 
 - `multiple`
 
-  - : 論理属性の `multiple` は、設定されている場合、 email 入力欄ではユーザーがウィジェット内でカンマ区切りで複数のメールアドレスを入力できること、また `file` 入力欄では複数のファイルを選択することができることを意味します。 {{HTMLElement("input/email", "email")}} および {{HTMLElement("input/file", "file")}} 入力型を参照してください。
+  - : 論理属性の `multiple` は、設定されている場合、email 入力欄ではユーザーがウィジェット内でカンマ区切りで複数のメールアドレスを入力できること、また `file` 入力欄では複数のファイルを選択することができることを意味します。{{HTMLElement("input/email", "email")}} および {{HTMLElement("input/file", "file")}} 入力型を参照してください。
 
 - `name`
 
@@ -475,17 +478,17 @@ l10n:
     特殊な場合が 2 つあります。
 
     1. `_charset_` : `<input>` 要素の {{HTMLElement("input/hidden", "hidden")}} 型として使用された場合、入力欄の `value` には自動的に、フォームを送信するのに使用される文字エンコーディングが{{Glossary("user agent", "ユーザーエージェント")}}によって設定されます。
-    2. `isindex`: 歴史的な理由で、 [`isindex`](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-name) という名前は許可されていません。
+    2. `isindex`: 歴史的な理由で、[`isindex`](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-name) という名前は許可されていません。
 
     [`name`](#name) 属性はラジオボタンでは独特の動きをします。
 
     同名のラジオボタングループ内で、一度にチェックできるラジオボタンは 1 つのみです。そのグループ内のラジオボタンを選択すると、同じグループ内の現在選択されているラジオボタンの選択が自動的に解除されます。チェックされたラジオボタンの値は、フォームが送信された場合、名前と一緒に送信されます。
 
-    同名のラジオボタンが連続したグループにタブ移動した場合、そのうちの 1 つにチェックが入っていると、それがフォーカスを受け取ります。ソース順でグループ化されていない場合、グループのうちの 1 つがチェックされていた場合は、タブ移動でグループ内の最初のラジオボタンに出会ったときに、チェックが入っていないラジオボタンをすべてスキップして、そのグループがフォーカスを受け取ります。言い換えれば、 1 つがチェックされている場合、グループ内のチェックされていないラジオボタンはスキップされます。どれもチェックされていない場合、同名グループの最初のボタンに到達したときに、ラジオボタングループがフォーカスを受け取ります。
+    同名のラジオボタンが連続したグループにタブ移動した場合、そのうちの 1 つにチェックが入っていると、それがフォーカスを受け取ります。ソース順でグループ化されていない場合、グループのうちの 1 つがチェックされていた場合は、タブ移動でグループ内の最初のラジオボタンに出会ったときに、チェックが入っていないラジオボタンをすべてスキップして、そのグループがフォーカスを受け取ります。言い換えれば、1 つがチェックされている場合、グループ内のチェックされていないラジオボタンはスキップされます。どれもチェックされていない場合、同名グループの最初のボタンに到達したときに、ラジオボタングループがフォーカスを受け取ります。
 
     グループ内のラジオボタンにフォーカスがある場合、矢印キーを使用すれば、ラジオボタンがソースの順序でグループ化されていなくても、同じ名前のすべてのラジオボタンに移動することができます。
 
-    入力要素に `name` が与えられると、その名前は所有するフォーム要素の {{domxref("HTMLFormElement.elements")}} プロパティのプロパティになります。 `name` が `guest` に設定されている入力と、 `name` が `hat-size` に設定されている入力がある場合、以下のコードを使用することができます。
+    入力要素に `name` が与えられると、その名前は所有するフォーム要素の {{domxref("HTMLFormElement.elements")}} プロパティのプロパティになります。`name` が `guest` に設定されている入力と、`name` が `hat-size` に設定されている入力がある場合、以下のコードを使用することができます。
 
     ```js
     let form = document.querySelector("form");
@@ -494,86 +497,101 @@ l10n:
     let hatSize = form.elements["hat-size"];
     ```
 
-    このコードを実行すると、 `guestName` が {{domxref("HTMLInputElement")}} の `guest` フィールドに、 `hatSize` が `hat-size` フィールドのオブジェクトになります。
+    このコードを実行すると、`guestName` が {{domxref("HTMLInputElement")}} の `guest` フィールドに、`hatSize` が `hat-size` フィールドのオブジェクトになります。
 
     > **警告:** フォームの組み込みプロパティに対応する `name` をフォーム要素に与えないようにしてください。そうすると、対応する入力欄に参照するとき、定義済みのプロパティやメソッドを上書きしてしまうからです。
 
 - `pattern`
 
-  - : `text`, `search`, `url`, `tel`, `email`, `password` で有効です。`pattern` 属性は、指定された場合、入力の [`value`](#value) が一致すれば値が[制約検証](/ja/docs/Web/HTML/Constraint_validation)を通過したとみなされる正規表現を指定します。これは {{jsxref("RegExp")}} 型で使用される有効な JavaScript の正規表現でなければならず、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_Expressions)で説明されている通りです。正規表現をコンパイルする際には `'u'` フラグが指定され、パターンが ASCII ではなく Unicode コードポイントのシーケンスとして扱われます。パターンのテキストの周囲にスラッシュを指定しないでください。
+  - : `text`, `search`, `url`, `tel`, `email`, `password` で有効です。`pattern` 属性は、指定された場合、入力の [`value`](#value) が一致すれば値が[制約検証](/ja/docs/Web/HTML/Constraint_validation)を通過したとみなされる正規表現を指定します。これは {{jsxref("RegExp")}} 型で使用される有効な JavaScript の正規表現でなければならず、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_expressions)で説明されている通りです。正規表現をコンパイルする際には `'u'` フラグが指定され、パターンが ASCII ではなく Unicode コードポイントのシーケンスとして扱われます。パターンのテキストの周囲にスラッシュを指定しないでください。
 
-    `pattern` 属性が存在するが、指定されていないか無効な場合、正規表現は適用されず、この属性は完全に無視されます。 `pattern` 属性が有効で、空でない値がパターンと一致しない場合、制約の検証によりフォームの送信ができなくなります。
+    `pattern` 属性が存在するが、指定されていないか無効な場合、正規表現は適用されず、この属性は完全に無視されます。`pattern` 属性が有効で、空でない値がパターンと一致しない場合、制約の検証によりフォームの送信ができなくなります。
 
-    > **メモ:** `pattern` 属性を使用する場合は、期待される書式をユーザーに知らせる説明文を近くに配置してください。また、パターンに一致させるための要件が何であるかを説明するために、 [`title`](#title) 属性を含めることもできます。ほとんどのブラウザーはこのタイトルをツールチップとして表示します。ツールチップは改善手段です。
+    > **メモ:** `pattern` 属性を使用する場合は、期待される書式をユーザーに知らせる説明文を近くに配置してください。また、パターンに一致させるための要件が何であるかを説明するために、[`title`](#title) 属性を含めることもできます。ほとんどのブラウザーはこのタイトルをツールチップとして表示します。ツールチップは改善手段です。
 
  詳しくは[クライアントサイドの検証](#クライアントサイドの検証)を参照してください。
 
 - `placeholder`
 
-  - : `text`, `search`, `url`, `tel`, `email`, `password`, `number` で有効です。 `placeholder` 属性は、フィールドでどのような情報が期待されているかについて、ユーザーに簡単なヒントを与える文字列です。説明やプロンプトではなく、期待されるデータのタイプのヒントとなる単語や短いフレーズである必要があります。テキストには、改行を含めては*いけません*。例えば、ユーザーの名前を入力するフィールドで、そのラベルが "First Name" の場合、適切なプレースホルダーは "e.g. Mustafa" となります。
+  - : `text`, `search`, `url`, `tel`, `email`, `password`, `number` で有効です。`placeholder` 属性は、フィールドでどのような情報が期待されているかについて、ユーザーに簡単なヒントを与える文字列です。説明やプロンプトではなく、期待されるデータのタイプのヒントとなる単語や短いフレーズである必要があります。テキストには、改行を含めては*いけません*。例えば、ユーザーの名前を入力するフィールドで、そのラベルが "First Name" の場合、適切なプレースホルダーは "e.g. Mustafa" となります。
 
     > **メモ:** `placeholder` 属性は、フォームを説明するためには他の方法ほど意味的に有用ではなく、コンテンツに予期せぬ技術的な問題を引き起こす可能性があります。詳細は[ラベル](#ラベル)を参照してください。
 
+- `popovertarget`
+
+  - : `<input type="button">` をポップオーバー制御ボタンにします。制御するポップオーバー要素の ID を値として取ります。詳細は{{domxref("Popover API", "ポップオーバー API", "", "nocode")}} のランディングページを参照してください。
+
+- `popovertargetaction`
+
+  - : 制御用の `<input type="button">` で制御されるポップオーバー要素で行われる動作を指定します。取りうる値は次の通りです。
+
+    - `"hide"`
+      - : このボタンは、表示されているポップオーバーを非表示にします。非表示になっているポップオーバーを非表示にしようとした場合は、何もしません。
+    - `"show"`
+      - : このボタンは、非表示のポップオーバーを表示させます。すでに表示されているポップオーバーを表示させようとしても、何もしません。
+    - `"toggle"`
+      - : このボタンは、ポップオーバーの表示と非表示を切り替えます。ポップオーバーが非表示の場合、表示させます。ポップオーバーが表示されている場合、非表示になります。`popovertargetaction` が省略された場合は、`"toggle"` が制御ボタンで実行される既定のアクションです。
+
 - `readonly`
 
-  - : 論理属性で、存在すれば、ユーザーが入力欄の値を編集できないことを示します。 `readonly` 属性は `text`, `search`, `url`, `tel`, `email`, `date`, `month`, `week`, `time`, `datetime-local`, `number`, `password` の各入力型が対応しています。
+  - : 論理属性で、存在すれば、ユーザーが入力欄の値を編集できないことを示します。`readonly` 属性は `text`, `search`, `url`, `tel`, `email`, `date`, `month`, `week`, `time`, `datetime-local`, `number`, `password` の各入力型が対応しています。
 
     詳しくは [HTML 属性: `readonly`](/ja/docs/Web/HTML/Attributes/readonly) を参照してください。
 
 - `required`
 
-  - : `required` は論理属性であり、所有するフォームが送信される前に、ユーザーが入力欄の値を指定しなければならないことを示します。 `required` 属性は `text`, `search`, `url`, `tel`, `email`, `date`, `month`, `week`, `time`, `datetime-local`, `number`, `password`, `checkbox`, `radio`, `file` の各入力型で対応しています。
+  - : `required` は論理属性であり、所有するフォームが送信される前に、ユーザーが入力欄の値を指定しなければならないことを示します。`required` 属性は `text`, `search`, `url`, `tel`, `email`, `date`, `month`, `week`, `time`, `datetime-local`, `number`, `password`, `checkbox`, `radio`, `file` の各入力型で対応しています。
 
     詳しくは[クライアントサイドの検証](#クライアントサイドの検証)および [HTML 属性: `required`](/ja/docs/Web/HTML/Attributes/required) を参照してください。
 
 - `size`
 
-  - : `email`, `password`, `tel`, `text` の `input` 型でのみ有効です。入力内容をどれだけ表示するかを指定します。基本的には、 CSS の [`width`](/ja/docs/Web/CSS/width) プロパティを設定するのと同じ効果が得られますが、いくつかの特徴があります。値の実際の単位は、入力型によって異なります。 `password` や `text` の場合は文字数（または `em` 単位）で既定値は `20`、それ以外の場合はピクセルとなります。 CSS の `width` は `size` 属性よりも優先されます。
+  - : `email`, `password`, `tel`, `text` の `input` 型でのみ有効です。入力内容をどれだけ表示するかを指定します。基本的には、CSS の [`width`](/ja/docs/Web/CSS/width) プロパティを設定するのと同じ効果が得られますが、いくつかの特徴があります。値の実際の単位は、入力型によって異なります。`password` や `text` の場合は文字数（または `em` 単位）で既定値は `20`、それ以外の場合はピクセルとなります。CSS の `width` は `size` 属性よりも優先されます。
 
 - `src`
 
-  - : `image` 入力ボタンにのみ有効で、 `src` は、グラフィカルな送信ボタンを表現するために表示する画像ファイルの URL を指定する文字列です。 {{HTMLElement("input/image", "image")}} 入力型を参照してください。
+  - : `image` 入力ボタンにのみ有効で、`src` は、グラフィカルな送信ボタンを表現するために表示する画像ファイルの URL を指定する文字列です。{{HTMLElement("input/image", "image")}} 入力型を参照してください。
 
 - `step`
 
-  - : `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range` で有効です。 [`step`](/ja/docs/Web/HTML/Attributes/step) 属性は、値が準拠すべき粒度を指定する数値です。
+  - : `date`, `month`, `week`, `time`, `datetime-local`, `number`, `range` で有効です。[`step`](/ja/docs/Web/HTML/Attributes/step) 属性は、値が準拠すべき粒度を指定する数値です。
 
     明示的に指定しない場合は次のようになります。
 
-    - `step` の既定値は、 `number` と `range` の場合は 1 です。
-    - 日付や時刻の入力型では、型ごとにふさわしい `step` の既定値があります。 [`date`](/ja/docs/Web/HTML/Element/input/date#step)、[`datetime-local`](/ja/docs/Web/HTML/Element/input/datetime-local#step)、[`month`](/ja/docs/Web/HTML/Element/input/month#step)、[`time`](/ja/docs/Web/HTML/Element/input/time#step)、[`week`](/ja/docs/Web/HTML/Element/input/week#step) の個別のページを参照してください。
+    - `step` の既定値は、`number` と `range` の場合は 1 です。
+    - 日付や時刻の入力型では、型ごとにふさわしい `step` の既定値があります。[`date`](/ja/docs/Web/HTML/Element/input/date#step)、[`datetime-local`](/ja/docs/Web/HTML/Element/input/datetime-local#step)、[`month`](/ja/docs/Web/HTML/Element/input/month#step)、[`time`](/ja/docs/Web/HTML/Element/input/time#step)、[`week`](/ja/docs/Web/HTML/Element/input/week#step) の個別のページを参照してください。
 
     値は、正の整数または浮動小数点実数、または特殊な値 `any` のいずれかでなければなりません。これは、刻みが考慮されず、あらゆる値が許容されることを意味します（[`min`](#min) や [`max`](#max) などの他の制約がない場合）。
 
-    `any` が明示的に設定されていない場合、 `number`、日付/時刻、 `range` の各入力型の有効な値は、刻みの基数と等しくなります。すなわち [`min`](#min) の値と、そこから step 値単位で増加させたもの（指定されている場合は [`max`](#max) まで）です。
+    `any` が明示的に設定されていない場合、`number`、日付/時刻、`range` の各入力型の有効な値は、刻みの基数と等しくなります。すなわち [`min`](#min) の値と、そこから step 値単位で増加させたもの（指定されている場合は [`max`](#max) まで）です。
 
-    例えば、 `<input type="number" min="10" step="2">` とすると、 `10` 以上の偶数の整数であればすべて有効となります。 `<input type="number">` のように省略された場合は、整数であれば何でも有効ですが、浮動小数点実数 (`4.2` など) は `step` の既定値が `1` なので有効ではありません。 `4.2` を有効にするためには、 `step` に `any`、0.1、0.2 に設定するか、 `min` の値を `.2` で終わる数に（例えば `<input type="number" min="-5.2">` に）設定する必要があります。
+    例えば、`<input type="number" min="10" step="2">` とすると、`10` 以上の偶数の整数であればすべて有効となります。`<input type="number">` のように省略された場合は、整数であれば何でも有効ですが、浮動小数点実数 (`4.2` など) は `step` の既定値が `1` なので有効ではありません。`4.2` を有効にするためには、`step` に `any`、0.1、0.2 に設定するか、`min` の値を `.2` で終わる数に（例えば `<input type="number" min="-5.2">` に）設定する必要があります。
 
-    > **メモ:** ユーザーが入力したデータが刻みの設定に従っていない場合、その値は制約検証で無効とみなされ、 `:invalid` 擬似クラスに一致するようになります。
+    > **メモ:** ユーザーが入力したデータが刻みの設定に従っていない場合、その値は制約検証で無効とみなされ、`:invalid` 擬似クラスに一致するようになります。
 
     詳しくは[クライアントサイドの検証](#クライアントサイドの検証)を参照してください。
 
 - `tabindex`
 
-  - : すべての要素、すべての入力型で有効なグローバル属性で、要素が入力フォーカスを受けられる (フォーカス可能) かどうかを示す整数属性であり、順次キーボードナビゲーションに加わるべきかどうかを示します。 hidden 型の入力を除くすべての入力型がフォーカス可能であるため、この属性はフォームコントロールに使用すべきではありません。そうすると文書内のすべての要素のフォーカス順序を管理しなければならず、間違って行うとユーザビリティやアクセシビリティを損なう危険性があるからです。
+  - : すべての要素、すべての入力型で有効なグローバル属性で、要素が入力フォーカスを受けられる (フォーカス可能) かどうかを示す整数属性であり、順次キーボードナビゲーションに加わるべきかどうかを示します。hidden 型の入力を除くすべての入力型がフォーカス可能であるため、この属性はフォームコントロールに使用すべきではありません。そうすると文書内のすべての要素のフォーカス順序を管理しなければならず、間違って行うとユーザビリティやアクセシビリティを損なう危険性があるからです。
 
 - `title`
 
-  - : すべての要素、すべての入力型で有効なグローバル属性で、所属する要素に関連するアドバイス情報を表すテキストを指定します。このような情報は、ふつうツールチップとしてユーザーに提示されますが、必ずそうとは限りません。 title は、フォームコントロールの目的の主たる説明として使用してはいけません。代わりに {{htmlelement('label')}} 要素を使用し、その `for` 属性でフォームコントロールの [`id`](#id) 属性を指すようにしてください。下記の[ラベル](#ラベル)を参照してください。
+  - : すべての要素、すべての入力型で有効なグローバル属性で、所属する要素に関連するアドバイス情報を表すテキストを指定します。このような情報は、ふつうツールチップとしてユーザーに提示されますが、必ずそうとは限りません。title は、フォームコントロールの目的の主たる説明として使用してはいけません。代わりに {{htmlelement('label')}} 要素を使用し、その `for` 属性でフォームコントロールの [`id`](#id) 属性を指すようにしてください。下記の[ラベル](#ラベル)を参照してください。
 
 - `type`
 
-  - : 文字列で、表示するコントロールの型を指定します。例えば、チェックボックスを生成するには、 `checkbox` の値が使用されます。省略された場合（または不明な値が指定された場合）は、入力型に `text` が使用され、テキストの入力欄が生成されます。
+  - : 文字列で、表示するコントロールの型を指定します。例えば、チェックボックスを生成するには、`checkbox` の値が使用されます。省略された場合（または不明な値が指定された場合）は、入力型に `text` が使用され、テキストの入力欄が生成されます。
 
     許可されている値は [input の型](#input_の型)にあります。
 
 - `value`
 
-  - : 入力コントロールの値です。 HTML の中で指定されると、これは初期値となり、その後で JavaScript を使用してそれぞれの {{domxref("HTMLInputElement")}} オブジェクトの `value` プロパティにアクセスすることで、いつでも変更したり受け取ったりすることができます。 `value` 属性は常に省略可ですが、 `checkbox`, `radio`, `hidden` においては必須だと考えてください。
+  - : 入力コントロールの値です。HTML の中で指定されると、これは初期値となり、その後で JavaScript を使用してそれぞれの {{domxref("HTMLInputElement")}} オブジェクトの `value` プロパティにアクセスすることで、いつでも変更したり受け取ったりすることができます。`value` 属性は常に省略可ですが、`checkbox`, `radio`, `hidden` においては必須だと考えてください。
 
 - `width`
 
-  - : `image` 入力ボタンにのみ有効で、 `width` にはグラフィックの送信ボタンを表現するために表示する画像ファイルの幅を指定します。 {{HTMLElement("input/image", "image")}} 入力型を参照してください。
+  - : `image` 入力ボタンにのみ有効で、`width` にはグラフィックの送信ボタンを表現するために表示する画像ファイルの幅を指定します。{{HTMLElement("input/image", "image")}} 入力型を参照してください。
 
 ### 標準外の属性
 
@@ -587,16 +605,22 @@ l10n:
     </tr>
   </thead>
   <tbody>
+    <tr>
+      <td><a href="#autocapitalize"><code>autocapitalize</code></a></td>
+      <td>
+        テキスト要素の内容に、どのように自動大文字化が適用されるべきかを示す文字列です。<strong>Safari のみ</strong>。
+      </td>
+    </tr>
     <tr>
       <td><a href="#autocorrect"><code>autocorrect</code></a></td>
       <td>
-        自動補完が <code>on</code> であるか <code>off</code> であるかを示す文字列です。 <strong>Safari のみ。</strong>
+        自動補完が <code>on</code> であるか <code>off</code> であるかを示す文字列です。<strong>Safari のみ。</strong>
       </td>
     </tr>
     <tr>
       <td><a href="#incremental"><code>incremental</code></a></td>
       <td>
-        ユーザーがフィールドの値を編集している途中にライブで検索結果を更新できるように、 {{domxref("HTMLInputElement/search_event", "search")}} イベントを繰り返し送信するかどうかを設定します。 <strong>WebKit および Blink のみ（Safari, Chrome, Opera, など）。</strong>
+        ユーザーがフィールドの値を編集している途中にライブで検索結果を更新できるように、{{domxref("HTMLInputElement/search_event", "search")}} イベントを繰り返し送信するかどうかを設定します。<strong>WebKit および Blink のみ（Safari, Chrome, Opera, など）。</strong>
       </td>
     </tr>
     <tr>
@@ -609,13 +633,13 @@ l10n:
     <tr>
       <td><a href="#orient"><code>orient</code></a></td>
       <td>
-        範囲のスライダーの向きを設定します。 <strong>Firefox のみ。</strong>
+        範囲のスライダーの向きを設定します。<strong>Firefox のみ。</strong>
       </td>
     </tr>
     <tr>
       <td><a href="#results"><code>results</code></a></td>
       <td>
-        以前の検索クエリーのドロップダウンリストに表示する項目の最大数です。 <strong>Safari のみ。</strong>
+        以前の検索クエリーのドロップダウンリストに表示する項目の最大数です。<strong>Safari のみ。</strong>
       </td>
     </tr>
     <tr>
@@ -629,6 +653,19 @@ l10n:
   </tbody>
 </table>
 
+- `autocapitalize` {{non-standard_inline}}
+
+  - : （Safari のみ） ユーザーがこのフィールドを編集している間、自動大文字化がどのように適用されるべきかを示す文字列。許可されている値は次の通りです。
+
+    - `none`
+      - : どのテキストにも自動大文字化を行いません。
+    - `sentences`
+      - : 各文の最初の文字を自動的に大文字化します。
+    - `words`
+      - : 各語の最初の文字を自動的に大文字化します。
+    - `characters`
+      - : すべての文字を自動的に大文字化します。
+
 - `autocorrect` {{non-standard_inline}}
 
   - : （Safari のみ）。文字列で、ユーザーがこの欄を編集している間に自動修正を有効にするかどうかを示します。次の値が許されています。
@@ -642,17 +679,17 @@ l10n:
 
   - : 論理属性 `incremental` は WebKit および Blink 拡張で（そのため Safari, Opera, Chrome, などが対応）、もし存在すれば、{{Glossary("user agent", "ユーザーエージェント")}}に入力をライブ検索として処理します。ユーザーがフィールドの値を編集すると、ユーザーエージェントは {{domxref("HTMLInputElement/search_event", "search")}} イベントを検索ボックスを表す {{domxref("HTMLInputElement")}} オブジェクトへ送信します。これにより、ユーザーが検索を編集するたびに、コードからリアルタイムに検索結果を更新することができます。
 
-    `incremental` が指定されていない場合、 {{domxref("HTMLInputElement/search_event", "search")}} イベントはユーザーが明示的に検索を実行した時のみ（フィールドを編集中に <kbd>Enter</kbd> または <kbd>Return</kbd> キーを押すなど) 送信されます。
+    `incremental` が指定されていない場合、{{domxref("HTMLInputElement/search_event", "search")}} イベントはユーザーが明示的に検索を実行した時のみ（フィールドを編集中に <kbd>Enter</kbd> または <kbd>Return</kbd> キーを押すなど) 送信されます。
 
     `search` イベントは発生頻度が制限されているため、実装により定義された間隔よりも頻繁に送信されることはありません。
 
 - `orient` {{non-standard_inline}}
 
-  - : CSS の標準外の -moz-orient non-standard プロパティと同様に {{htmlelement('progress')}} および {{htmlelement('meter')}} 要素に影響を与える `orient` 属性は、範囲スライダーの向きを定義する定義します。値は `horizontal` が範囲を水平方向に描画することを、 `vertical` が範囲を垂直に描画することを意味します。
+  - : CSS の標準外の -moz-orient non-standard プロパティと同様に {{htmlelement('progress')}} および {{htmlelement('meter')}} 要素に影響を与える `orient` 属性は、範囲スライダーの向きを定義する定義します。値は `horizontal` が範囲を水平方向に描画することを、`vertical` が範囲を垂直に描画することを意味します。
 
 - `results` {{non-standard_inline}}
 
-  - : `results` 属性は Safari のみが対応しており、 {{HTMLElement("input")}} 要素のネイティブな検索クエリーのドロップダウンメニューに表示する項目の最大数を上書きすることができる数値です。
+  - : `results` 属性は Safari のみが対応しており、{{HTMLElement("input")}} 要素のネイティブな検索クエリーのドロップダウンメニューに表示する項目の最大数を上書きすることができる数値です。
 
     この値は、負でない 10 進数でなければならなりません。指定しない場合、または無効な値を指定した場合は、ブラウザーの既定の最大項目数が使用されます。
 
@@ -660,7 +697,7 @@ l10n:
 
   - : 論理属性の `webkitdirectory` は、もし存在する場合は、ファイル選択インターフェイスでユーザーがディレクトリーのみを選択することができることを示します。詳しい解説と例については {{domxref("HTMLInputElement.webkitdirectory")}} を参照してください。
 
-    `webkitdirectory` はもともと WebKit ベースのブラウザー向けのみに実装されたものですが、 Microsoft Edge や Firefox 50 以降でも使用できます。しかし、比較的広く対応されていますが、まだ標準になっておらず、代替手段がない限りは使用するべきではありません。
+    `webkitdirectory` はもともと WebKit ベースのブラウザー向けのみに実装されたものですが、Microsoft Edge や Firefox 50 以降でも使用できます。しかし、比較的広く対応されていますが、まだ標準になっておらず、代替手段がない限りは使用するべきではありません。
 
 ## メソッド
 
@@ -671,11 +708,11 @@ l10n:
 - {{domxref("HTMLInputElement.reportValidity", "reportValidity()")}}
   - : 要素の値が有効性チェックを通過した場合は `true` を返します。それ以外の場合は `false` を返し、要素に対して {{domxref("HTMLInputElement.invalid_event", "invalid")}} イベントを発行し、（そのイベントが取り消されない場合）問題をユーザに報告します。
 - {{domxref("HTMLInputElement.select", "select()")}}
-  - : 要素が選択可能な場合、 `<input>` 要素の内容を選択します。選択可能なテキストコンテンツがない要素（カラーピッカーまたはカレンダー日付入力など）では、このメソッドは何もしません。
+  - : 要素が選択可能な場合、`<input>` 要素の内容を選択します。選択可能なテキストコンテンツがない要素（カラーピッカーまたはカレンダー日付入力など）では、このメソッドは何もしません。
 - {{domxref("HTMLInputElement.setCustomValidity", "setCustomValidity()")}}
   - : 入力要素の値が有効ではないときに表示する独自のメッセージを設定します。
 - {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}}
-  - : 入力要素内の文字の指定された範囲のコンテンツを、指定された文字列に設定します。 `selectMode` 引数を使用して、既存のコンテンツに影響させる方法を制御することができます。
+  - : 入力要素内の文字の指定された範囲のコンテンツを、指定された文字列に設定します。`selectMode` 引数を使用して、既存のコンテンツに影響させる方法を制御することができます。
 - {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}
   - : テキストの入力要素内で、指定された文字の範囲を選択します。テキスト入力欄として表現されない入力欄では何もしません。
 - {{domxref("HTMLInputElement.stepDown", "stepDown()")}}
@@ -685,7 +722,7 @@ l10n:
 
 ## CSS
 
-置換要素である入力欄には、フォーム要素以外には適用できない特性がいくつかあります。フォームコントロールをその UI の特性に基づいて指定できる CSS セレクターがあり、 UI 擬似クラスとも呼ばれています。また、属性セレクターを使って、 input 要素を型別に指定することもできます。また、特に便利なプロパティもあります。
+置換要素である入力欄には、フォーム要素以外には適用できない特性がいくつかあります。フォームコントロールをその UI の特性に基づいて指定できる CSS セレクターがあり、UI 擬似クラスとも呼ばれています。また、属性セレクターを使って、input 要素を型別に指定することもできます。また、特に便利なプロパティもあります。
 
 ### UI 擬似クラス
 
@@ -723,13 +760,13 @@ l10n:
     <tr>
       <td>{{Cssxref(":placeholder-shown")}}</td>
       <td>
-        現在 <a href="#placeholder"><code>placeholder</code> のテキスト</a>を表示している要素で、 <code>&#x3C;input></code> や {{HTMLElement("textarea")}} 要素に <a href="#placeholder"><code>placeholder</code></a> 属性が付いていて、まだ値がないものを含みます。
+        現在 <a href="#placeholder"><code>placeholder</code> のテキスト</a>を表示している要素で、<code>&#x3C;input></code> や {{HTMLElement("textarea")}} 要素に <a href="#placeholder"><code>placeholder</code></a> 属性が付いていて、まだ値がないものを含みます。
       </td>
     </tr>
     <tr>
       <td>{{Cssxref(":default")}}</td>
       <td>
-        関連する要素のグループの中で、既定となるフォーム要素です。 {{HTMLElement("input/checkbox", "checkbox")}} や {{HTMLElement("input/radio", "radio")}} の入力型のうち、ページの読み込み時やレンダリング時にチェックされていたものに一致します。
+        関連する要素のグループの中で、既定となるフォーム要素です。{{HTMLElement("input/checkbox", "checkbox")}} や {{HTMLElement("input/radio", "radio")}} の入力型のうち、ページの読み込み時やレンダリング時にチェックされていたものに一致します。
       </td>
     </tr>
     <tr>
@@ -741,7 +778,7 @@ l10n:
     <tr>
       <td>{{Cssxref(":indeterminate")}}</td>
       <td>
-        {{HTMLElement("input/checkbox", "checkbox")}} 要素で indeterminate プロパティが JavaScript から true に設定されている場合、 {{HTMLElement("input/radio", "radio")}} 要素で同じ name の値を持つすべてのラジオボタンがチェックされていない場合、 {{HTMLElement("progress")}} 要素が indeterminate の状態にある場合
+        {{HTMLElement("input/checkbox", "checkbox")}} 要素で indeterminate プロパティが JavaScript から true に設定されている場合、{{HTMLElement("input/radio", "radio")}} 要素で同じ name の値を持つすべてのラジオボタンがチェックされていない場合、{{HTMLElement("progress")}} 要素が indeterminate の状態にある場合
       </td>
     </tr>
     <tr>
@@ -769,13 +806,13 @@ l10n:
     <tr>
       <td>{{Cssxref(":out-of-range")}}</td>
       <td>
-        空でない入力欄のうち、現在の値が <a href="#min"><code>min</code></a> および <a href="#max"><code>max</code></a> 属性の範囲内にないか、 <a href="#step"><code>step</code></a> の制約に準拠していないもの。
+        空でない入力欄のうち、現在の値が <a href="#min"><code>min</code></a> および <a href="#max"><code>max</code></a> 属性の範囲内にないか、<a href="#step"><code>step</code></a> の制約に準拠していないもの。
       </td>
     </tr>
     <tr>
       <td>{{Cssxref(":required")}}</td>
       <td>
-        <code>&#x3C;input></code>, {{HTMLElement("select")}}, {{HTMLElement("textarea")}} の各要素で、 <a href="#required"><code>required</code></a> 属性が設定されているもの。
+        <code>&#x3C;input></code>, {{HTMLElement("select")}}, {{HTMLElement("textarea")}} の各要素で、<a href="#required"><code>required</code></a> 属性が設定されているもの。
         必須になる要素のみに一致します。
         必須にならない要素にこの属性を設定しても、一致するようにはなりません。
       </td>
@@ -783,7 +820,7 @@ l10n:
     <tr>
       <td>{{Cssxref(":optional")}}</td>
       <td>
-        <code>&#x3C;input></code>, {{HTMLElement("select")}}, {{HTMLElement("textarea")}} の各要素で、 <a href="#required"><code>required</code></a> 属性が設定されていないもの。必須になることがない属性には一致しません。
+        <code>&#x3C;input></code>, {{HTMLElement("select")}}, {{HTMLElement("textarea")}} の各要素で、<a href="#required"><code>required</code></a> 属性が設定されていないもの。必須になることがない属性には一致しません。
       </td>
     </tr>
     <tr>
@@ -803,7 +840,7 @@ l10n:
 
 #### 擬似クラスの例
 
-チェックボックスのラベルを、そのチェックボックスがチェックされているかどうかに基づいてスタイル設定することができます。この例では、 {{cssxref('color')}} と {{cssxref('font-weight')}} でチェックされたボックスの直後にある {{htmlelement('label')}} をスタイル設定しています。 `input` がチェックされていない場合はスタイルを適用しません。
+チェックボックスのラベルを、そのチェックボックスがチェックされているかどうかに基づいてスタイル設定することができます。この例では、{{cssxref('color')}} と {{cssxref('font-weight')}} でチェックされたボックスの直後にある {{htmlelement('label')}} をスタイル設定しています。`input` がチェックされていない場合はスタイルを適用しません。
 
 ```html hidden
 <input id="checkboxInput" type="checkbox" />
@@ -821,7 +858,7 @@ input:checked + label {
 
 ### 属性セレクター
 
-[属性セレクター](/ja/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors)を使用すると、様々なフォームコントロールの型のターゲットを [type](#type) に基づいて絞ることができます。 CSS の属性セレクターは、属性の有無または属性の値に基づいて要素を照合します。
+[属性セレクター](/ja/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors)を使用すると、様々なフォームコントロールの型のターゲットを [type](#type) に基づいて絞ることができます。CSS の属性セレクターは、属性の有無または属性の値に基づいて要素を照合します。
 
 ```css
 /* password 入力欄に一致 */
@@ -839,7 +876,7 @@ input[pattern] {
 
 ### ::placeholder
 
-既定では、プレイスホルダーのテキストは半透明または明るい灰色で表示されます。 {{cssxref('::placeholder')}} 擬似要素は入力欄の [`placeholder` のテキスト](#placeholder)です。これは限定された CSS プロパティでスタイル設定することができます。
+既定では、プレイスホルダーのテキストは半透明または明るい灰色で表示されます。{{cssxref('::placeholder')}} 擬似要素は入力欄の [`placeholder` のテキスト](#placeholder)です。これは限定された CSS プロパティでスタイル設定することができます。
 
 ```css
 ::placeholder {
@@ -851,15 +888,15 @@ input[pattern] {
 
 ### appearance
 
-{{cssxref("appearance")}} プロパティは、（ほぼ）あらゆる要素をオペレーティングシステムのテーマに基づいたプラットフォームのネイティブのスタイルで表示したり、 `none` の値でプラットフォームのネイティブのスタイルを削除したりすることができます。
+{{cssxref("appearance")}} プロパティは、（ほぼ）あらゆる要素をオペレーティングシステムのテーマに基づいたプラットフォームのネイティブのスタイルで表示したり、`none` の値でプラットフォームのネイティブのスタイルを削除したりすることができます。
 
-`<div>` に `div {appearance: radio;}` を設定してラジオボタンのように見せたり、 `[type="radio"] {appearance: checkbox;}` でチェックボックスのように見せたりすることができますが、やらないでください。
+`<div>` に `div {appearance: radio;}` を設定してラジオボタンのように見せたり、`[type="radio"] {appearance: checkbox;}` でチェックボックスのように見せたりすることができますが、やらないでください。
 
 `appearance: none` を設定するとプラットフォームのネイティブの境界が削除されますが、機能は削除されません。
 
 ### caret-color
 
-テキスト入力関連要素に特有のプロパティとして、 CSS の {{cssxref("caret-color")}} プロパティがあり、テキスト入力欄のキャレットを描くのに使用する色を設定することができます。
+テキスト入力関連要素に特有のプロパティとして、CSS の {{cssxref("caret-color")}} プロパティがあり、テキスト入力欄のキャレットを描くのに使用する色を設定することができます。
 
 #### HTML
 
@@ -883,13 +920,13 @@ input.custom {
 
 ### object-position と object-fit
 
-`<input>` 要素は特定の場合（多くはテキスト以外の入力や特殊なインターフェイス）（には、[置換要素](/ja/docs/Web/CSS/Replaced_element)になることがあります。その場合、 CSS の {{cssxref("object-position")}} および {{cssxref("object-fit")}} プロパティを使って、要素の枠内での大きさと位置を調整することができます。
+`<input>` 要素は特定の場合（多くはテキスト以外の入力や特殊なインターフェイス）（には、[置換要素](/ja/docs/Web/CSS/Replaced_element)になることがあります。その場合、CSS の {{cssxref("object-position")}} および {{cssxref("object-fit")}} プロパティを使って、要素の枠内での大きさと位置を調整することができます。
 
 ### スタイル設定
 
 HTML の要素に色を追加することの関する詳しい情報は、次の記事を参照してください。
 
-- [CSS を使った HTML の要素への色の適用](/ja/docs/Web/CSS/CSS_Colors/Applying_color)
+- [CSS を使った HTML の要素への色の適用](/ja/docs/Web/CSS/CSS_colors/Applying_color)
 
 こちらも参照してください。
 
@@ -901,11 +938,11 @@ HTML の要素に色を追加することの関する詳しい情報は、次の
 
 ### ラベル
 
-ラベルは支援テキストを `<input>` に関連付けるために必要です。 {{HTMLElement("label")}} 要素は、フォームの入力欄を説明するために、(レイアウト方法はさておき）*常に*適切な手段です。 `<label>` を使用して `<input>` や {{HTMLElement("textarea")}} に何を入力するべきかを説明することは、決して悪い考えではありません。
+ラベルは支援テキストを `<input>` に関連付けるために必要です。{{HTMLElement("label")}} 要素は、フォームの入力欄を説明するために、(レイアウト方法はさておき）*常に*適切な手段です。`<label>` を使用して `<input>` や {{HTMLElement("textarea")}} に何を入力するべきかを説明することは、決して悪い考えではありません。
 
 #### 関連付けられたラベル
 
-`<input>` 要素と `<label>` 要素を意味的に連携させると、スクリーンリーダーなどの支援技術に役立ちます。 `<label>` の [`for`](/ja/docs/Web/HTML/Element/label#for) 属性を使って連携させることで、ラベルと入力欄を結び付け、スクリーンリーダーがユーザーに入力欄についてより正確に説明できるようになります。
+`<input>` 要素と `<label>` 要素を意味的に連携させると、スクリーンリーダーなどの支援技術に役立ちます。`<label>` の [`for`](/ja/docs/Web/HTML/Element/label#for) 属性を使って連携させることで、ラベルと入力欄を結び付け、画面リーダーがユーザーに入力欄についてより正確に説明できるようになります。
 
 `<input>` 要素にプレーンテキストが隣接しているだけでは十分ではありません。ユーザビリティとアクセシビリティのためには、暗黙的または明示的な {{HTMLElement("label")}} を含めることが必要です。
 
@@ -927,33 +964,33 @@ HTML の要素に色を追加することの関する詳しい情報は、次の
 
 最初の例は、プロンプトと `<input>` 要素の間に関係がないため、アクセシブルではありません。
 
-ラベルはアクセシブルな名前を提供するばかりではなく、マウスやタッチパネルのユーザーがクリックしたりタッチしたりする際に、「ヒット」領域を拡大することができます。 `<label>` と `<input>` を連携させることで、どちらかをクリックすると `<input>` にフォーカスが当たります。入力欄の「ラベル」にプレーンテキストを使用した場合、このようなことは起こりません。入力欄のアクティベーション領域にプロンプト部分が含まれていると、運動制御の条件を持つ人には便利です。
+ラベルはアクセシブルな名前を提供するばかりではなく、マウスやタッチパネルのユーザーがクリックしたりタッチしたりする際に、「ヒット」領域を拡大することができます。`<label>` と `<input>` を連携させることで、どちらかをクリックすると `<input>` にフォーカスが当たります。入力欄の「ラベル」にプレーンテキストを使用した場合、このようなことは起こりません。入力欄のアクティベーション領域にプロンプト部分が含まれていると、運動制御の条件を持つ人には便利です。
 
 ウェブ開発者として大切なのは、私たちが知っていることを、人々がすべて知っていると思わないことです。ウェブを利用する人々に多様性があるということは、自分のウェブサイトにも及ぶことですが、サイトの訪問者の中には、思考プロセスや状況に何らかの違いがあり、明確で適切なラベルがなければ、あなたのフォームをあなたとは全く異なるように解釈する人がいるということでもあります。
 
 #### プレイスホルダーはアクセシブルではない
 
-[`placeholder`](#placeholder) 属性で、 `<input>` 要素が空の時にコンテンツ領域に表示されるテキストを指定することができます。プレイスホルダーは、フォームを理解するために決して必要なものではありません。プレイスホルダーはラベルではありませんので、代用として使用してはいけません。プレイスホルダーは、入力された値がどのように見えるかのヒントを提供するために使用されるもので、説明やプロンプトではありません。
+[`placeholder`](#placeholder) 属性で、`<input>` 要素が空の時にコンテンツ領域に表示されるテキストを指定することができます。プレイスホルダーは、フォームを理解するために決して必要なものではありません。プレイスホルダーはラベルではありませんので、代用として使用してはいけません。プレイスホルダーは、入力された値がどのように見えるかのヒントを提供するために使用されるもので、説明やプロンプトではありません。
 
 プレイスホルダーは、スクリーンリーダーがアクセスできないだけでなく、ユーザーがフォームコントロールにテキストを入力したり、フォームコントロールにすでに値があったりした場合、プレイスホルダーは非表示になります。自動ページ翻訳機能を持つブラウザーは、翻訳時にこの属性をスキップすることがあります。すなわち `placeholder` は翻訳されないことがあります。
 
-> **メモ:** 避けることができるのであれば、 [`placeholder`](#placeholder) 属性を使用しないでください。 `<input>` 要素にラベルを付ける必要があるのであれば、 {{HTMLElement("label")}} 属性を使用してください。
+> **メモ:** 避けることができるのであれば、[`placeholder`](#placeholder) 属性を使用しないでください。`<input>` 要素にラベルを付ける必要があるのであれば、{{HTMLElement("label")}} 属性を使用してください。
 
 ### クライアント側の検証
 
 > **警告:** クライアント側の検証は便利ですが、サーバーが有効なデータを受け取ることを保証するものではありません。データが特定の形式でなければならない場合は、必ずサーバー側でも検証を行い、形式が無効な場合は [HTTP の `400` レスポンス](/ja/docs/Web/HTTP/Status/400)を返してください。
 
-上記の [UI 擬似クラス](#ui_擬似クラス)の節で述べたように、 CSS を用いて、それぞれの入力欄の現在の状態に基づく {{cssxref(":valid")}} または {{cssxref(":invalid")}} の UI 状態に基づいて入力欄にスタイル設定をすることに加え、フォームを送信（しようと）したときに、ブラウザーはクライアントサイドの検証を行います。フォームを送信する時に、制約検証に不合格になったフォームコントロールがある場合、対応しているブラウザーは、最初の無効なフォームコントロールにエラーメッセージを表示します。エラー種別に基づいた既定のメッセージを表示したり、ユーザーが設定したメッセージを表示したりします。
+上記の [UI 擬似クラス](#ui_擬似クラス)の節で述べたように、CSS を用いて、それぞれの入力欄の現在の状態に基づく {{cssxref(":valid")}} または {{cssxref(":invalid")}} の UI 状態に基づいて入力欄にスタイル設定をすることに加え、フォームを送信（しようと）したときに、ブラウザーはクライアントサイドの検証を行います。フォームを送信する時に、制約検証に不合格になったフォームコントロールがある場合、対応しているブラウザーは、最初の無効なフォームコントロールにエラーメッセージを表示します。エラー種別に基づいた既定のメッセージを表示したり、ユーザーが設定したメッセージを表示したりします。
 
-一部の入力型やその他の属性によっては、入力に対して有効な値を制限するものがあります。例えば、 `<input type="number" min="2" max="10" step="2">` の場合、2、4、6、8、10 の数値のみが有効になります。様々なエラーが発生する可能性があります。例えば、 `rangeUnderflow` エラー（値が 2 より小さい場合）、 `rangeOverflow` （10 より大きい場合）、 `stepMismatch` （値が 2 から 10 の間の数字で偶数の整数でない (`step` 属性の要件に合わない) 場合）、 `typeMismatch` （値が数値ではない場合）などです。
+一部の入力型やその他の属性によっては、入力に対して有効な値を制限するものがあります。例えば、`<input type="number" min="2" max="10" step="2">` の場合、2、4、6、8、10 の数値のみが有効になります。様々なエラーが発生する可能性があります。例えば、`rangeUnderflow` エラー（値が 2 より小さい場合）、`rangeOverflow` （10 より大きい場合）、`stepMismatch` （値が 2 から 10 の間の数字で偶数の整数でない (`step` 属性の要件に合わない) 場合）、`typeMismatch` （値が数値ではない場合）などです。
 
-可能な値の範囲が周期的な（つまり、値が取りうる最大値で終了するのではなく、最初に戻る）入力型では、 [`max`](#max) プロパティと [`min`](#min) プロパティの値を逆にして、許可される値の範囲が `min` から始まり、可能な最小値まで回り込んで、 `max` に達するまで続くことを示すことが可能です。これは日付や時刻の場合、例えば午後 8 時から午前 8 時までの範囲を許可したい場合などに特に便利です。
+可能な値の範囲が周期的な（つまり、値が取りうる最大値で終了するのではなく、最初に戻る）入力型では、[`max`](#max) プロパティと [`min`](#min) プロパティの値を逆にして、許可される値の範囲が `min` から始まり、可能な最小値まで回り込んで、`max` に達するまで続くことを示すことが可能です。これは日付や時刻の場合、例えば午後 8 時から午前 8 時までの範囲を許可したい場合などに特に便利です。
 
 ```html
 <input type="time" min="20:00" max="08:00" name="overnight" />
 ```
 
-決まった属性と値の組み合わせが、 {{domxref('ValidityState')}} の決まったエラーを発生させます。
+決まった属性と値の組み合わせが、{{domxref('ValidityState')}} の決まったエラーを発生させます。
 
 <table class="no-markdown">
   <caption>
@@ -999,7 +1036,7 @@ HTML の要素に色を追加することの関する詳しい情報は、次の
       <td><a href="#pattern"><code>pattern</code></a></td>
       <td>{{domxref('validityState.patternMismatch')}}</td>
       <td>
-        pattern 属性に有効な正規表現が設定されており、 <code>value</code> がそれに一致しない場合に発生する。
+        pattern 属性に有効な正規表現が設定されており、<code>value</code> がそれに一致しない場合に発生する。
       </td>
     </tr>
     <tr>
@@ -1013,24 +1050,24 @@ HTML の要素に色を追加することの関する詳しい情報は、次の
       <td><a href="#step"><code>step</code></a></td>
       <td>{{domxref('validityState.stepMismatch')}}</td>
       <td>
-        値が step の増分に一致していない。増分の既定値は <code>1</code> であるため、 <code>type="number"</code> で step が指定されていない場合は整数のみが有効になります。 <code>step="any"</code> ではこのエラーは発生しません。
+        値が step の増分に一致していない。増分の既定値は <code>1</code> であるため、<code>type="number"</code> で step が指定されていない場合は整数のみが有効になります。<code>step="any"</code> ではこのエラーは発生しません。
       </td>
     </tr>
     <tr>
       <td><a href="#type"><code>type</code></a></td>
       <td>{{domxref('validityState.typeMismatch')}}</td>
       <td>
-        値が正しい型ではない場合、例えばメールアドレスに <code>@</code> が含まれていない場合や、 URL にプロトコルが含まれていない場合に発生します。
+        値が正しい型ではない場合、例えばメールアドレスに <code>@</code> が含まれていない場合や、URL にプロトコルが含まれていない場合に発生します。
       </td>
     </tr>
   </tbody>
 </table>
 
-フォームコントロールに `required` 属性がない場合、値がなかったり空文字列であったりしても無効にはなりません。 `required` 以外の上記の属性があった場合も、空文字列でエラーにはなりません。
+フォームコントロールに `required` 属性がない場合、値がなかったり空文字列であったりしても無効にはなりません。`required` 以外の上記の属性があった場合も、空文字列でエラーにはなりません。
 
 どのような値を受け入れることができるかの制限を設けることができるので、対応しているブラウザーはこれらのフォームの値をネイティブに検証し、フォームの送信時に誤りがある場合はユーザーに警告を発します。
 
-上記の表で説明したエラーに加え、 `validityState` インターフェイスには `badInput`, `valid`, `customError` の論理型の読み取り専用プロパティがあります。検証オブジェクトに含まれるのは次の通りです。
+上記の表で説明したエラーに加え、`validityState` インターフェイスには `badInput`, `valid`, `customError` の論理型の読み取り専用プロパティがあります。検証オブジェクトに含まれるのは次の通りです。
 
 - {{domxref('validityState.valueMissing')}}
 - {{domxref('validityState.typeMismatch')}}
@@ -1044,56 +1081,58 @@ HTML の要素に色を追加することの関する詳しい情報は、次の
 - {{domxref('validityState.valid')}}
 - {{domxref('validityState.customError')}}
 
-これらの論理型プロパティではそれぞれ、 `true` の値で指定された観点の検証に合格しなかった可能性があることを示しますが、 `valid` プロパティは例外で、その要素の値がすべての検証に合格したときに `true` になります。
+これらの論理型プロパティではそれぞれ、`true` の値で指定された観点の検証に合格しなかった可能性があることを示しますが、`valid` プロパティは例外で、その要素の値がすべての検証に合格したときに `true` になります。
 
-エラーがあった場合、対応しているブラウザーでは、ユーザーに警告するとともに、フォームの送信を阻止します。注意点としては、独自のエラーに真とみなされる値（空の文字列や `null` 以外）が設定されていると、フォームの送信が阻止されます。独自のエラーメッセージがなく、他のどのプロパティも true を返さない場合、 `valid` は true となり、フォームは送信されます。
+エラーがあった場合、対応しているブラウザーでは、ユーザーに警告するとともに、フォームの送信を阻止します。注意点としては、独自のエラーに真とみなされる値（空の文字列や `null` 以外）が設定されていると、フォームの送信が阻止されます。独自のエラーメッセージがなく、他のどのプロパティも true を返さない場合、`valid` は true となり、フォームは送信されます。
 
 ```js
 function validate(input) {
   let validityState_object = input.validity;
   if (validityState_object.valueMissing) {
-     input.setCustomValidity('A value is required');
+    input.setCustomValidity("値が必要です");
   } else if (validityState_object.rangeUnderflow) {
-    input.setCustomValidity('Your value is too low');
+    input.setCustomValidity("値が低すぎます");
   } else if (validityState_object.rangeOverflow) {
-    input.setCustomValidity('Your value is too high');
+    input.setCustomValidity("値が高すぎます");
   } else {
-    input.setCustomValidity('');
+    input.setCustomValidity("");
   }
 }
 ```
 
-最後の行、独自の検証メッセージを空文字列に設定することが重要です。ユーザーがエラーを起こし、 validity が設定されている場合、すべての値が有効であっても、メッセージが `null` になるまで送信に失敗します。
+最後の行、独自の検証メッセージを空文字列に設定することが重要です。ユーザーがエラーを起こし、validity が設定されている場合、すべての値が有効であっても、メッセージが `null` になるまで送信に失敗します。
 
 #### 独自の検証エラーの例
 
-フィールドの検査に不合格になった場合に独自のエラーメッセージを表示させたい場合は、 `<input>` (および関連する) 要素で利用できる[制約検証機能](/ja/docs/Web/API/Constraint_validation#constraint_validation_interfaces)を使用する必要があります。以下のような形を取ってください。
+フィールドの検査に不合格になった場合に独自のエラーメッセージを表示させたい場合は、`<input>` (および関連する) 要素で利用できる[制約検証機能](/ja/docs/Learn/Forms/Form_validation#validating_forms_using_javascript)を使用する必要があります。以下のような形を取ってください。
 
 ```html
 <form>
-  <label for="name">ユーザー名を入力してください (英大文字および小文字): </label>
+  <label for="name">ユーザー名を入力してください（英大文字および小文字）: </label>
   <input type="text" name="name" id="name" required pattern="[A-Za-z]+" />
   <button>Submit</button>
 </form>
 ```
 
-基本的な HTML フォーム検証機能では、フォームを送信しようとしたときに、有効な値が入力されていなかったり、 `pattern` と一致しない値が入力されていたりすると、既定のエラーメッセージを生成します。
+基本的な HTML フォーム検証機能では、フォームを送信しようとしたときに、有効な値が入力されていなかったり、`pattern` と一致しない値が入力されていたりすると、既定のエラーメッセージを生成します。
 
 独自のエラーメッセージで代替したい場合は、以下のような JavaScript を使用することができます。
 
 ```js
-const nameInput = document.querySelector('input');
+const nameInput = document.querySelector("input");
 
-nameInput.addEventListener('input', () => {
-  nameInput.setCustomValidity('');
+nameInput.addEventListener("input", () => {
+  nameInput.setCustomValidity("");
   nameInput.checkValidity();
 });
 
-nameInput.addEventListener('invalid', () => {
-  if (nameInput.value === '') {
-    nameInput.setCustomValidity('名前を入力してください。');
+nameInput.addEventListener("invalid", () => {
+  if (nameInput.value === "") {
+    nameInput.setCustomValidity("名前を入力してください。");
   } else {
-    nameInput.setCustomValidity('ユーザー名には英大文字と小文字のみが使えます。入力しなおしてください。');
+    nameInput.setCustomValidity(
+      "ユーザー名には英大文字と小文字のみが使えます。入力しなおしてください。"
+    );
   }
 });
 ```
@@ -1105,9 +1144,9 @@ nameInput.addEventListener('invalid', () => {
 簡単に言えば、以下の通りです。
 
 - input 要素が有効であるかの状態をチェックするために、値が変更されるたびに `checkValidity()` メソッドを `input` イベントハンドラーから呼び出します。
-- 値が有効ではない場合、 `invalid` イベントが発行され、 `invalid` イベントのハンドラー関数が実行されます。この関数の中で、値が無効である原因が空欄であるためであるか、パターンに一致しないためであるかを確認し、 `if ()` ブロックを使用して、独自の検証エラーメッセージを設定します。
+- 値が有効ではない場合、`invalid` イベントが発行され、`invalid` イベントのハンドラー関数が実行されます。この関数の中で、値が無効である原因が空欄であるためであるか、パターンに一致しないためであるかを確認し、`if ()` ブロックを使用して、独自の検証エラーメッセージを設定します。
 - 結果として、送信ボタンが押されたときに入力値が有効ではない場合は、独自のエラーメッセージのうちの一つが表示されます。
-- 有効である場合は、期待通りに送信されます。この場合、独自の検証は `setCustomValidity()` を空文字列で呼び出すことで中断されます。従って、 `input` イベントが発生するたびにこれが行われます。以前、独自の検証が設定され、これを行わないと、送信時に有効な値を持っていたとしても、入力欄は無効であるとして登録されます。
+- 有効である場合は、期待通りに送信されます。この場合、独自の検証は `setCustomValidity()` を空文字列で呼び出すことで中断されます。従って、`input` イベントが発生するたびにこれが行われます。以前、独自の検証が設定され、これを行わないと、送信時に有効な値を持っていたとしても、入力欄は無効であるとして登録されます。
 
 > **メモ:** 常に、クライアント側とサーバー側の両方で入力値の制約を検証するようにしてください。制約検証は、*サーバー側*での検証の必要性をなくすものではありません。古いブラウザーや悪意のある人物によって、無効な値が送信される可能性があります。
 
@@ -1129,10 +1168,10 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories">コンテツカテゴリー</a>
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテツカテゴリー</a>
       </th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ">フローコンテンツ</a>、リスト化、サブミット可能、リセット可能、フォーム関連要素、<a href="/ja/docs/Web/Guide/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>。 <a href="#type"><code>type</code></a> の値が <code>hidden</code> でない場合はラベル付け可能要素、知覚可能コンテンツ。
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ">フローコンテンツ</a>、リスト化、サブミット可能、リセット可能、フォーム関連要素、<a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>。<a href="#type"><code>type</code></a> の値が <code>hidden</code> でない場合はラベル付け可能要素、知覚可能コンテンツ。
       </td>
     </tr>
     <tr>
@@ -1146,7 +1185,7 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
     <tr>
       <th scope="row">許可されている親要素</th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>を受け入れるすべての要素。
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>を受け入れるすべての要素。
       </td>
     </tr>
     <tr>
@@ -1169,8 +1208,7 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
                 <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></code>
               </li>
               <li>
-                <code>list</code> 属性あり:
-                <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code>
+                <code>list</code> 属性あり: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role"><code>combobox</code></a>
               </li>
             </ul>
           </li>
@@ -1179,10 +1217,10 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
             <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/button_role">button</a></code>
           </li>
           <li>
-            <code>type=number</code>: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/spinbutton_role">spinbutton</a></code>
+            <code>type=number</code>: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/spinbutton_role"><code>spinbutton</code></a>
           </li>
-          <li><code>type=radio</code>: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role">radio</a></code></li>
-          <li><code>type=range</code>: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/slider_role">slider</a></code></li>
+          <li><code>type=radio</code>: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role"><code>radio</code></a></li>
+          <li><code>type=range</code>: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/slider_role"><code>slider</code></a></li>
           <li>
             <code>type=reset</code>:
             <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/button_role">button</a></code>
@@ -1191,10 +1229,10 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
             <code>type=search</code>
             <ul>
               <li>
-                <code>list</code> 属性なし: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/searchbox_role">searchbox</a></code>
+                <code>list</code> 属性なし: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/searchbox_role"><code>searchbox</code></a>
               </li>
               <li>
-                <code>list</code> 属性あり: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code>
+                <code>list</code> 属性あり: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role"><code>combobox</code></a>
               </li>
             </ul>
           </li>
@@ -1210,7 +1248,7 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
                 <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></code>
               </li>
               <li>
-                <code>list</code> 属性あり: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code>
+                <code>list</code> 属性あり: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role"><code>combobox</code></a>
               </li>
             </ul>
           </li>
@@ -1222,7 +1260,7 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
                 <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></code>
               </li>
               <li>
-                <code>list</code> 属性あり: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code>
+                <code>list</code> 属性あり: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role"><code>combobox</code></a>
               </li>
             </ul>
           </li>
@@ -1234,7 +1272,7 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
                 <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></code>
               </li>
               <li>
-                <code>list</code> 属性あり: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code>
+                <code>list</code> 属性あり: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role"><code>combobox</code></a>
               </li>
             </ul>
           </li>
@@ -1250,32 +1288,34 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
       <td>
         <ul>
           <li>
-            <code>type=button</code>: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/link_role">link</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitem_role">menuitem</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role">menuitemcheckbox</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role">menuitemradio</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/option_role">option</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role">radio</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/switch_role">switch</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/tab_role">tab</a></code>
+            <code>type=button</code>: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/checkbox_role"><code>checkbox</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role"><code>combobox</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/link_role"><code>link</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitem_role"><code>menuitem</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role"><code>menuitemcheckbox</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role"><code>menuitemradio</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/option_role"><code>option</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role"><code>radio</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/switch_role"><code>switch</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/tab_role"><code>tab</code></a>
           </li>
           <li>
-            <code>type=checkbox</code>: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/button_role">button</a></code> ただし <code>aria-pressed</code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role">menuitemcheckbox</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/option_role">option</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/switch_role">switch</a></code> と共に使用されたとき
+            <code>type=checkbox</code>: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/button_role"><code>button</code></a> ただし <code>aria-pressed</code>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role"><code>menuitemcheckbox</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/option_role"><code>option</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/switch_role"><code>switch</code></a> と共に使用された場合
           </li>
           <li>
-            <code>type=image</code>: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/link_role">link</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitem_role">menuitem</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role">menuitemcheckbox</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role">menuitemradio</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role">radio</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/switch_role">switch</a></code>
+            <code>type=image</code>: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/link_role"><code>link</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitem_role"><code>menuitem</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role"><code>menuitemcheckbox</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role"><code>menuitemradio</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role"><code>radio</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/switch_role"><code>switch</code></a>
           </li>
           <li>
-            <code>type=radio</code>: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role">menuitemradio</a></code>
+            <code>type=radio</code>: <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role"><code>menuitemradio</code></a>
           </li>
           <li>
             <code>type=text</code> で <code>list</code> 属性なし:
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/searchbox_role">searchbox</a></code>,
-            <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/spinbutton_role">spinbutton</a></code>
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role"><code>combobox</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/searchbox_role"><code>searchbox</code></a>,
+            <a href="/ja/docs/Web/Accessibility/ARIA/Roles/spinbutton_role"><code>spinbutton</code></a>
           </li>
           <li>
             <code>type=color|date|datetime-local|email|file|hidden|</code>
@@ -1298,7 +1338,7 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
 
 入力欄を設定する際、ラベルを一緒に付けることがアクセシビリティ上の要件です。これは、支援技術を使っている人が、何のための入力なのかを知るために必要です。また、ラベルをクリックまたはタッチすると、ラベルに関連付けられたフォームコントロールにフォーカスが設定されます。これにより、目の不自由なユーザーのアクセシビリティとユーザビリティが向上し、ユーザーがクリックまたはタッチしてフォームコントロールを起動できる領域が増えます。この機能は、ラジオボタンやチェックボックスのような小さなフォームコントロールに特に便利です。ラベルの詳細については、[ラベル](#ラベル)を参照してください。
 
-次の例は、上記の形で `<label>` を `<input>` 要素に関連付ける方法の例です。 `<input>` に `id` 属性を設定する必要があります。そして `<label>` には入力欄の `id` と同じ値を持つ `for` 属性が必要になります。
+次の例は、上記の形で `<label>` を `<input>` 要素に関連付ける方法の例です。`<input>` に `id` 属性を設定する必要があります。そして `<label>` には入力欄の `id` と同じ値を持つ `for` 属性が必要になります。
 
 ```html
 <label for="peas">Do you like peas?</label>
@@ -1307,7 +1347,7 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
 
 ### 大きさ
 
-フォーム入力欄のような対話型要素は、簡単に有効化できるだけの大きさを持たせてください。これにより、手足の不自由な人や、スタイラスや指のような精度の低い入力方法を使用している人など、様々な人にとって有用です。対話型の大きさとしては、 44×44 [CSS ピクセル](https://www.w3.org/TR/WCAG21/#dfn-css-pixels) を最小値とすることが推奨されています。
+フォーム入力欄のような対話型要素は、簡単に有効化できるだけの大きさを持たせてください。これにより、手足の不自由な人や、スタイラスや指のような精度の低い入力方法を使用している人など、様々な人にとって有用です。対話型の大きさとしては、44×44 [CSS ピクセル](https://www.w3.org/TR/WCAG21/#dfn-css-pixels) を最小値とすることが推奨されています。
 
 - [Understanding Success Criterion 2.5.5: Target Size | W3C Understanding WCAG 2.1](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html)
 - [Target Size and 2.5.5 | Adrian Roselli](https://adrianroselli.com/2019/06/target-size-and-2-5-5.html)
@@ -1323,7 +1363,7 @@ Firefox は（少なくとも `type="number"` において）ユーザーの入
 
 ## 関連情報
 
-- [フォーム制約検証](/ja/docs/Web/HTML/Constraint_validation)
+- [フォームの制約検証](/ja/docs/Web/HTML/Constraint_validation)
 - [初めての HTML フォーム](/ja/docs/Learn/Forms/Your_first_form)
 - [HTML フォームを構成する方法](/ja/docs/Learn/Forms/How_to_structure_a_web_form)
 - [ネイティブのフォームウィジェット](/ja/docs/Learn/Forms/Basic_native_form_controls)

From d0032d617bb2ce061102e3ca49cef0e7cfb13a8a Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 23 Jun 2023 00:12:33 +0900
Subject: [PATCH 036/146] =?UTF-8?q?2023/05/11=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
 =?UTF-8?q?=20(#13816)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 2023/04/07 時点の英語版に同期

* 2023/05/10 時点の英語版に同期

* 2023/04/13 時点の英語版に同期

* 2023/04/07 時点の英語版に同期

* 2023/05/11 時点の英語版に同期
---
 .../web/api/htmlimageelement/align/index.md   |  11 +-
 .../ja/web/api/htmlimageelement/alt/index.md  | 139 +++++++++++-------
 .../web/api/htmlimageelement/border/index.md  |  17 ++-
 .../api/htmlimageelement/complete/index.md    |   9 +-
 .../api/htmlimageelement/crossorigin/index.md |  21 ++-
 .../api/htmlimageelement/currentsrc/index.md  |  37 +++--
 .../web/api/htmlimageelement/decode/index.md  |  24 +--
 .../api/htmlimageelement/decoding/index.md    |  20 ++-
 .../htmlimageelement/fetchpriority/index.md   |  22 ++-
 .../web/api/htmlimageelement/height/index.md  |  28 ++--
 .../web/api/htmlimageelement/hspace/index.md  |   9 +-
 files/ja/web/api/htmlimageelement/index.md    |  46 +++---
 .../web/api/htmlimageelement/ismap/index.md   |   7 +-
 .../web/api/htmlimageelement/loading/index.md |   6 +-
 .../api/htmlimageelement/longdesc/index.md    |  14 +-
 .../ja/web/api/htmlimageelement/name/index.md |   5 +-
 .../htmlimageelement/naturalheight/index.md   |  32 ++--
 .../htmlimageelement/naturalwidth/index.md    |  11 +-
 .../htmlimageelement/referrerpolicy/index.md  |  15 +-
 .../web/api/htmlimageelement/sizes/index.md   |  83 ++++++-----
 .../ja/web/api/htmlimageelement/src/index.md  |  24 +--
 .../web/api/htmlimageelement/srcset/index.md  |  52 +++----
 .../web/api/htmlimageelement/usemap/index.md  |  15 +-
 .../web/api/htmlimageelement/vspace/index.md  |   5 +-
 .../web/api/htmlimageelement/width/index.md   |  32 ++--
 files/ja/web/api/htmlimageelement/x/index.md  |  16 +-
 files/ja/web/api/htmlimageelement/y/index.md  |   5 +-
 27 files changed, 432 insertions(+), 273 deletions(-)

diff --git a/files/ja/web/api/htmlimageelement/align/index.md b/files/ja/web/api/htmlimageelement/align/index.md
index eb3dc6fdcddd31..caf9eaf68f7f43 100644
--- a/files/ja/web/api/htmlimageelement/align/index.md
+++ b/files/ja/web/api/htmlimageelement/align/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.align
+title: "HTMLImageElement: align プロパティ"
+short-title: align
 slug: Web/API/HTMLImageElement/align
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}{{deprecated_header}}
@@ -15,7 +18,7 @@ slug: Web/API/HTMLImageElement/align
 
 文字列で、画像の配置モードを設定する以下の文字列のうちの一つを指定します。
 
-#### ベースラインの配置
+### ベースラインの配置
 
 これら 3 つの値は、テキストのベースラインに対する要素の配置を指定します。
 これらは、 CSS の {{cssxref("vertical-align")}} プロパティを使用して置き換える必要があります。
@@ -29,9 +32,9 @@ slug: Web/API/HTMLImageElement/align
 
 {{cssxref("vertical-align")}} は、その値に対していくつかの追加オプションを提供していることに留意しておくとよいでしょう。
 
-#### 画像を水平に浮動させる
+### 画像を水平に浮動させる
 
-`left` および `right` プロパティはベースラインと相対的な配置に影響を与えません。その代わりに、画像を左または右のマージンに「浮動」させ、続くテキストが画像の周りに流れるようにします。代わりに、 CSS の {{cssxref("float")}} プロパティを使用して、値として `left` または `right` のいずれかを指定するようにしてください。
+`left` および `right` プロパティはベースラインと相対的な配置に影響を与えません。画像を左または右のマージンに「浮動」させ、続くテキストが画像の周りに流れるようにします。代わりに、CSS の {{cssxref("float")}} プロパティを使用して、値として `left` または `right` のいずれかを指定するようにしてください。
 
 - `left`
   - : 画像の左端が現在のマージンと同じ位置になるように、画像を浮動させます。その後に続くテキストは、画像の右端に流れるようになります。
diff --git a/files/ja/web/api/htmlimageelement/alt/index.md b/files/ja/web/api/htmlimageelement/alt/index.md
index 3fc678c8524cad..a75fe3a81c6a9e 100644
--- a/files/ja/web/api/htmlimageelement/alt/index.md
+++ b/files/ja/web/api/htmlimageelement/alt/index.md
@@ -1,15 +1,19 @@
 ---
-title: HTMLImageElement.alt
+title: "HTMLImageElement: alt プロパティ"
+short-title: alt
 slug: Web/API/HTMLImageElement/alt
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
 
-{{domxref("HTMLImageElement")}} の **`alt`** プロパティは、 {{HTMLElement("img")}} 要素で指定された画像が読み込まれない場合に表示する予備（代替）テキストを指定します。
+{{domxref("HTMLImageElement")}} の **`alt`** プロパティは、{{HTMLElement("img")}} 要素で指定された画像が読み込まれない場合に表示する予備（代替）テキストを指定します。
 
 画像が読み込まれないのは、エラーが発生した場合、ユーザーが画像の読み込みを無効にしている場合、または画像の読み込みがまだ終了していない場合があります。
 
-おそらく `alt` タグを使用する最も重要な理由は、[アクセシビリティ](/ja/docs/Web/Accessibility)をサポートすることです。なぜなら `alt` テキストはスクリーンリーダーや他の支援技術によって使用され、障害のあるユーザーがコンテンツを十分に活用できるようサポートするからです。例えば、視覚障害のあるユーザーをサポートするために、音声で読み上げたり、タッチデバイスに送ったりします。
+おそらく `alt` プロパティを使用する最も重要な理由は、[アクセシビリティ](/ja/docs/Web/Accessibility)に対応することです。なぜなら `alt` テキストはスクリーンリーダーや他の支援技術によって使用され、障碍のあるユーザーがコンテンツを十分に活用できるようサポートするからです。
+例えば、視覚障碍のあるユーザーをサポートするために、音声で読み上げたり、タッチ端末に送ったりします。
 
 > **このように考えてください。** 画像の `alt` 文字列を選ぶときは、ページ上に画像があることに触れずに、電話で誰かにページを読み聞かせるときのことを想像してみてください。
 
@@ -19,39 +23,43 @@ slug: Web/API/HTMLImageElement/alt
 
 画像が読み込まれない場合、または支援装置で使用するために表示する代替テキストを含む文字列です。
 
-`alt` 属性は公式には必須です。常に指定するように意図されています。画像が予備を必要としない場合（例えば、装飾的な画像や重要性の低いアイコンの場合）、空文字列 (`""`) を指定することができます。互換性の理由から、ブラウザーは一般的に `alt` 属性なしの画像を受け入れますが、それを使う習慣を身につけるようにしましょう。
+`alt` 属性は公式には必須です。常に指定するように意図されています。
+画像が予備を必要としない場合（例えば、装飾的な画像や重要性の低いアイコンの場合）、空文字列 (`""`) を指定することができます。
+互換性の理由から、ブラウザーは一般的に `alt` 属性なしの画像を受け入れますが、それを使う習慣を身につけるようにしましょう。
 
 ## 使用上の注意
 
-`alt` 属性の基本的なガイドラインは、すべての画像の代替テキストは、*ページの意味を変えることなく*画像を置き換えることができるものであるべきであるということです。キャプションやタイトルとして解釈される可能性のあるテキストには、決して `alt` を使用すべきではありません。そのような目的のために設計された別の属性や要素があります。
+`alt` 属性の基本的なガイドラインは、すべての画像の代替テキストは、*ページの意味を変えることなく*画像を置き換えることができるものであるべきであるということです。キャプションやタイトルとして解釈される可能性のあるテキストには、決して `alt` を使用すべきではありません。
+そのような目的のために設計された別の属性や要素があります。
 
 ## 例
 
-それ以外にも、 `alt` を適切に使用するためのガイドラインがあり、画像が何に使用されるかに応じて異なります。これらは以下の例で示されています。
+それ以外にも、 `alt` を適切に使用するためのガイドラインがあり、画像が何に使用されるかに応じて異なります。
+これらは以下の例で示されています。
 
 ### 装飾的な画像
 
-装飾的なイメージや限られた情報価値しかないイメージなど、意味を持たないイメージは `alt` 属性に空の文字列 (`""`) を設定する必要があります。これは以下の例で示されています。
+装飾的なイメージや限られた情報価値しかないイメージなど、意味を持たないイメージは `alt` 属性に空の文字列 (`""`) を設定する必要があります。
+これは以下の例で示されています。
 
 #### HTML
 
-以下に示すこの例の HTML では、 {{HTMLElement("img")}} 要素に `alt` プロパティが含まれており、画像は装飾なので代替テキストを持つことができないようになっています。
+以下に示すこの例の HTML では、{{HTMLElement("img")}} 要素に `alt` プロパティが含まれており、画像は装飾なので代替テキストを持つことができないようになっています。
 
 ```html
 <div class="container">
   <div class="left-margin">
-    <img src="/files/16861/margin-flourish.svg" alt="">
+    <img src="/files/16861/margin-flourish.svg" alt="" />
   </div>
   <div class="contents">
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing
-    elit. Quisque quis orci ligula. Lorem ipsum dolor sit
-    amet, consectetur adipiscing elit. In ac neque libero.
-    Vivamus consectetur rhoncus elit eget porta. Etiam
-    pulvinar ex id sapien laoreet, quis aliquet odio
-    lobortis. Nam ac mauris at risus laoreet cursus vitae et
-    sapien. Etiam molestie auctor eros, ac porta risus
-    scelerisque sit amet. Ut nunc neque, porta eu auctor at,
-    tempor et arcu.</p>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis orci
+      ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac
+      neque libero. Vivamus consectetur rhoncus elit eget porta. Etiam pulvinar
+      ex id sapien laoreet, quis aliquet odio lobortis. Nam ac mauris at risus
+      laoreet cursus vitae et sapien. Etiam molestie auctor eros, ac porta risus
+      scelerisque sit amet. Ut nunc neque, porta eu auctor at, tempor et arcu.
+    </p>
   </div>
 </div>
 ```
@@ -76,11 +84,11 @@ p {
 .container {
   width: 100vh;
   height: 95vh;
-  font: 16px Arial,Helvetica,sans-serif;
+  font: 16px Arial, Helvetica, sans-serif;
 }
 
 .left-margin {
-  background-color: rgb(241, 240, 237, 255);
+  background-color: rgb(241, 240, 237);
   width: 9em;
   height: 100%;
   float: left;
@@ -96,7 +104,7 @@ p {
 }
 
 .contents {
-  background-color: rgb(241, 240, 235, 255);
+  background-color: rgb(241, 240, 235);
   height: 100%;
   margin-left: 2em;
   padding-top: 1em;
@@ -111,56 +119,70 @@ p {
 
 ### ボタンとして使われる画像
 
-画像をボタンとして使う場合（ハイパーリンクを表す {{HTMLElement("a")}} 要素の唯一の可視の子として使う）、ボタンの目的を伝えるために `alt` 属性を使用しなければなりません。言い換えれば、同じ目的を果たすためにテキストボタンで使用するのと同じテキストでなければなりません。
+画像をボタンとして使う場合（ハイパーリンクを表す {{HTMLElement("a")}} 要素の唯一の可視の子として使う）、ボタンの目的を伝えるために `alt` 属性を使用しなければなりません。
+言い換えれば、同じ目的を果たすためにテキストボタンで使用するのと同じテキストでなければなりません。
 
 例えば、以下の HTML のスニペットでは、アイコン画像をリンクラベルとして使用するツールバーで、アイコンを使用できない場合や意図的に使用しない場合にアイコンの代わりに使用するテキストラベルを与えるために、それぞれ `alt` 属性を提供しています。
 
 ```html
 <li class="toolbar" aria-role="toolbar">
-  <a href="songs.html" aria-role="button"><img src="songicon.svg" alt="Songs"</a>
-  <a href="albums.html" aria-role="button"><img src="albumicon.svg" alt="Albums"</a>
-  <a href="artists.html" aria-role="button"><img src="artisticon.svg" alt="Artists"</a>
-  <a href="playlists.html" aria-role="button"><img src="playlisticon.svg" alt="Playlists"</a>
+  <a href="songs.html" aria-role="button">
+    <img src="songicon.svg" alt="Songs" />
+  </a>
+  <a href="albums.html" aria-role="button">
+    <img src="albumicon.svg" alt="Albums"
+  /></a>
+  <a href="artists.html" aria-role="button">
+    <img src="artisticon.svg" alt="Artists" />
+  </a>
+  <a href="playlists.html" aria-role="button">
+    <img src="playlisticon.svg" alt="Playlists" />
+  </a>
 </li>
 ```
 
 ### 図や地図を含む画像
 
-画像が概念図、グラフ、図、マップとして表示される情報を含んでいる場合、 `alt` テキストは少なくとも要約した形で同じ情報を提供する必要があります。これは /me の画像が [PNG](/ja/docs/Web/Media/Formats/Image_types#png_portable_network_graphics) のようなビットマップ形式であっても [JPEG](/ja/docs/Web/Media/Formats/Image_types#jpeg_joint_photographic_experts_group_image) や [SVG](/ja/docs/Web/Media/Formats/Image_types#svg_scalable_vector_graphics) などのベクター形式で提供されます。
+画像が概念図、グラフ、図、マップとして表示される情報を含んでいる場合、`alt` テキストは少なくとも要約した形で同じ情報を提供する必要があります。
+これは /me の画像が [PNG](/ja/docs/Web/Media/Formats/Image_types#png_portable_network_graphics) のようなビットマップ形式であっても [JPEG](/ja/docs/Web/Media/Formats/Image_types#jpeg_joint_photographic_experts_group_image) や [SVG](/ja/docs/Web/Media/Formats/Image_types#svg_scalable_vector_graphics) などのベクター形式で提供されます。
 
 - 地図の場合、 `alt` のテキストは地図で示された場所への道順を、口頭で説明するのと同じように説明することができます。
-- グラフの場合、テキストはグラフの項目とその値を説明することができます。
-- 概念図の場合、テキストは概念図で示される概念の説明になります。
+- グラフの場合、テキストはそのグラフの項目とその値を説明することができます。
+- 概念図の場合、テキストはその概念図で示される概念の説明になります。
 
-{{Glossary("SVG")}} 形式で表示される概念図やグラフに含まれるテキストは、スクリーンリーダーで読み取られる可能性があることに留意してください。このことは、図の `alt` テキストを記述する際の判断に影響を与えるかもしれません。
+{{Glossary("SVG")}} 形式で表示される概念図やグラフに含まれるテキストは、スクリーンリーダーで読み取られる可能性があることに留意してください。
+このことは、図の `alt` テキストを記述する際の判断に影響を与えるかもしれません。
 
 ### アイコンやロゴ
 
-ロゴ（企業やブランドのロゴなど）や情報アイコンには、対応するテキストを `alt` 文字列として使用する必要があります。つまり、画像が企業ロゴの場合、 `alt` テキストはその企業名であるべきです。画像が状態やその他の情報を表すアイコンの場合、テキストはその状態の名前であるべきです。
+ロゴ（企業やブランドのロゴなど）や情報アイコンには、対応するテキストを `alt` 文字列として使用する必要があります。
+つまり、画像が企業ロゴの場合、 `alt` テキストはその企業名であるべきです。
+画像が状態やその他の情報を表すアイコンの場合、テキストはその状態の名前であるべきです。
 
 例えば、画像がページのコンテンツが新しく、最近更新されたことを示すためにページに表示されるバッジの場合、対応する `alt` テキストは "`最近更新`" または "`2019 年 8 月 27 日更新`" のようになるかもしれません。
 
 この例では、 "New!" という文字の入った星形の画像を使って、記事が何か新しいもの（そしておそらくは刺激的なもの）についてのものであることを表しています。
-画像がない場合に画像の代わりにそのテキストを表示できるように、 `alt`属性に `New Page!` が設定されています。また、スクリーンリーダーで読み取ることも可能です。
+画像がない場合に画像の代わりにそのテキストを表示できるように、 `alt`属性に `New Page!` が設定されています。
+また、スクリーンリーダーで読み取ることも可能です。
 
 #### HTML
 
-以下の HTML は、説明したアイコンを使用したサイトのコンテンツのスニペットを作成します。 {{HTMLElement("img")}} で `alt` 属性を使用していることに注意してください。これは、画像が読み込まれない場合に使用するための良い置換文字列を提供します。
+以下の HTML は、説明したアイコンを使用したサイトのコンテンツのスニペットを作成します。
+なお、{{HTMLElement("img")}} で `alt` 属性を使用することで、画像が読み込まれなかった場合に使用される良い代替文字列を提供します。
 
 ```html
 <div class="container">
-  <img src="https://www.bitstampede.com/mdn-test/new-page.svg"
-       alt="New Page!" class="pageinfo-badge">
+  <img
+    src="https://www.bitstampede.com/mdn-test/new-page.svg"
+    alt="New Page!"
+    class="pageinfo-badge" />
   <p class="contents">
-    Lorem ipsum dolor sit amet, consectetur adipiscing
-    elit. Quisque quis orci ligula. Lorem ipsum dolor sit
-    amet, consectetur adipiscing elit. In ac neque libero.
-    Vivamus consectetur rhoncus elit eget porta. Etiam
-    pulvinar ex id sapien laoreet, quis aliquet odio
-    lobortis. Nam ac mauris at risus laoreet cursus vitae et
-    sapien. Etiam molestie auctor eros, ac porta risus
-    scelerisque sit amet. Ut nunc neque, porta eu auctor at,
-    tempor et arcu.
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis orci
+    ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac neque
+    libero. Vivamus consectetur rhoncus elit eget porta. Etiam pulvinar ex id
+    sapien laoreet, quis aliquet odio lobortis. Nam ac mauris at risus laoreet
+    cursus vitae et sapien. Etiam molestie auctor eros, ac porta risus
+    scelerisque sit amet. Ut nunc neque, porta eu auctor at, tempor et arcu.
   </p>
 </div>
 ```
@@ -178,15 +200,31 @@ p {
   width: 9em;
   padding-right: 1em;
   float: left;
-  clip-path: polygon(100% 0, 100% 50%, 90% 70%, 80% 80%,
-             70% 90%, 50% 100%, 0 100%, 0 0);
-  shape-outside: polygon(100% 0, 100% 50%, 90% 70%, 80% 80%,
-             70% 90%, 50% 100%, 0 100%, 0 0);
+  clip-path: polygon(
+    100% 0,
+    100% 50%,
+    90% 70%,
+    80% 80%,
+    70% 90%,
+    50% 100%,
+    0 100%,
+    0 0
+  );
+  shape-outside: polygon(
+    100% 0,
+    100% 50%,
+    90% 70%,
+    80% 80%,
+    70% 90%,
+    50% 100%,
+    0 100%,
+    0 0
+  );
 }
 
 .contents {
   margin-top: 1em;
-  font: 16px Arial,Helvetica,Verdana,sans-serif;
+  font: 16px Arial, Helvetica, Verdana, sans-serif;
 }
 ```
 
@@ -196,7 +234,8 @@ p {
 
 ### その他の画像
 
-オブジェクトやシーンを示す画像には、画像に写っているものを説明する `alt` テキストが必要です。例えば、黄色いティーポットの写真は、文字どおり `alt` 属性に "`黄色いティーポット`" と設定することができます。
+オブジェクトやシーンを示す画像には、画像に写っているものを説明する `alt` テキストが必要です。
+例えば、黄色いティーポットの写真は、文字どおり `alt` 属性に "`黄色いティーポット`" と設定することができます。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/border/index.md b/files/ja/web/api/htmlimageelement/border/index.md
index 696fab13f98903..b69009ac6b170b 100644
--- a/files/ja/web/api/htmlimageelement/border/index.md
+++ b/files/ja/web/api/htmlimageelement/border/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.border
+title: "HTMLImageElement: border プロパティ"
+short-title: border
 slug: Web/API/HTMLImageElement/border
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}{{deprecated_header}}
@@ -15,28 +18,28 @@ slug: Web/API/HTMLImageElement/border
 
 ## 値
 
-画像を囲む境界線の太さを CSS ピクセル単位で指定した整数値が入った文字列です。 `0` または空の文字列は、境界線を描画しないことを意味します。`border` の既定の値は `0` です。
+画像を囲む境界線の太さを CSS ピクセル単位で指定した整数値が入った文字列です。`0` または空文字列は、境界線を描画しないことを意味します。`border` の既定の値は `0` です。
 
 ## 使用上の注意
 
-`border` は使わないでください。これは時代遅れです。代わりに、 CSS の {{cssxref("border")}} プロパティとその個別指定プロパティを使用して、画像の周りに境界線をを設定してください。
+`border` は使わないでください。これは時代遅れです。代わりに、CSS の {{cssxref("border")}} プロパティとその個別指定プロパティを使用して、画像の周りに境界線をを設定してください。
 
 例えば、以下のような HTML があった場合です。
 
 ```html
-<img src="image.png" border="2">
+<img src="image.png" border="2" />
 ```
 
-以下は、この廃止されたプロパティの代わりに、 CSS を使用して同じ外観を提供するものです。
+以下は、この廃止されたプロパティの代わりに、CSS を使用して同じ外観を提供するものです。
 
 ```html
-<img src="image.png" style="border: 2px;">
+<img src="image.png" style="border: 2px;" />
 ```
 
 さらに追加情報を入力することで、境界線の色などを変更することができます。
 
 ```html
-<img src="image.png" style="border: dashed 2px #333388;">
+<img src="image.png" style="border: dashed 2px #333388;" />
 ```
 
 ## 仕様書
diff --git a/files/ja/web/api/htmlimageelement/complete/index.md b/files/ja/web/api/htmlimageelement/complete/index.md
index 3992b3a6d53c7c..bc14607ef21c3f 100644
--- a/files/ja/web/api/htmlimageelement/complete/index.md
+++ b/files/ja/web/api/htmlimageelement/complete/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.complete
+title: "HTMLImageElement: complete プロパティ"
+short-title: complete
 slug: Web/API/HTMLImageElement/complete
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -50,13 +53,13 @@ async function lightBox(url) {
   lightboxControlsElem.disabled = false;
 }
 
-/* ... */
+// …
 
 function fixRedEyeCommand() {
   if (lightboxElem.style.display === "block" && lightboxImgElem.complete) {
     fixRedEye(lightboxImgElem);
   } else {
-    /* 画像が完全に読み込まれるまで、開始することはできません。 */
+    /* 画像が完全に読み込まれるまで開始することはできない */
   }
 }
 ```
diff --git a/files/ja/web/api/htmlimageelement/crossorigin/index.md b/files/ja/web/api/htmlimageelement/crossorigin/index.md
index 21cee5dbf33952..e784a588016faa 100644
--- a/files/ja/web/api/htmlimageelement/crossorigin/index.md
+++ b/files/ja/web/api/htmlimageelement/crossorigin/index.md
@@ -1,11 +1,14 @@
 ---
-title: HTMLImageElement.crossOrigin
+title: "HTMLImageElement: crossOrigin プロパティ"
+short-title: crossOrigin
 slug: Web/API/HTMLImageElement/crossOrigin
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
 
-{{domxref("HTMLImageElement")}} インターフェイスの **`crossOrigin`** 属性は、画像を取得する際に使用する {{Glossary("CORS")}} (Cross-Origin Resource Sharing) 設定を指定するための文字列です。
+{{domxref("HTMLImageElement")}} インターフェイスの **`crossOrigin`** 属性は、画像を取得する際に使用するオリジン間リソース共有 ({{Glossary("CORS")}}) 設定を指定するための文字列です。
 
 ## 値
 
@@ -34,9 +37,7 @@ const container = document.querySelector(".container");
 
 function loadImage(url) {
   const image = new Image(200, 200);
-  image.addEventListener("load",
-    () => container.prepend(image)
-  );
+  image.addEventListener("load", () => container.prepend(image));
 
   image.addEventListener("error", () => {
     const errMsg = document.createElement("output");
@@ -56,7 +57,13 @@ loadImage(imageUrl);
 
 ```html
 <div class="container">
-  <p>ここに 1 つの段落があります。とても面白い段落です あなたはこの段落に魅了されています。この段落を読み続けてください。じゃあ、もうこの段落を読むのはやめていいよ。読んでくれてありがとう。</p>
+  <p>
+    ここに 1 つの段落があります。とても面白い段落です。
+    あなたはこの段落に魅了されています。
+    この段落を読み続けてください。
+    じゃあ、もうこの段落を読むのはやめていいよ。
+    読んでくれてありがとう。
+  </p>
 </div>
 ```
 
@@ -87,7 +94,7 @@ output {
 
 ### 結果
 
-{{EmbedLiveSample("Example", 600, 260)}}
+{{EmbedLiveSample("Examples", 600, 260)}}
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/currentsrc/index.md b/files/ja/web/api/htmlimageelement/currentsrc/index.md
index 8e7a7cae16f457..e0e53fbdb49db3 100644
--- a/files/ja/web/api/htmlimageelement/currentsrc/index.md
+++ b/files/ja/web/api/htmlimageelement/currentsrc/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.currentSrc
+title: "HTMLImageElement: currentSrc プロパティ"
+short-title: currentSrc
 slug: Web/API/HTMLImageElement/currentSrc
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -9,38 +12,40 @@ slug: Web/API/HTMLImageElement/currentSrc
 
 ## 値
 
-`HTMLImageElement` で表される {{HTMLElement("img")}} 要素の中で、現在表示されている画像の完全な URL を示す文字列です。これは、 {{domxref("HTMLImageElement.sizes", "sizes")}} や {{domxref("HTMLImageElement.srcset")}} 属性を用いて複数の画像オプションを提供する場合に有用です。 `currentSrc` を使用すると、提供された画像セットの中からどの画像がブラウザーによって選択されたかを判断することができます。
+`HTMLImageElement` で表される {{HTMLElement("img")}} 要素の中で、現在表示されている画像の完全な URL を示す文字列です。これは、{{domxref("HTMLImageElement.sizes", "sizes")}} や {{domxref("HTMLImageElement.srcset")}} 属性を用いて複数の画像オプションを提供する場合に有用です。`currentSrc` を使用すると、提供された画像セットの中からブラウザーがどの画像を選択したかを判断することができます。
 
 ## 例
 
-この例では、時計の画像に 2 種類のサイズを用意しています。一つは幅 200px で、もう一つは幅 400px です。 [`sizes`](/ja/docs/Web/HTML/Element/img#sizes) 属性は、ビューポートが幅 400px 未満の場合は画像を文書幅の 50% で、それ以外の場合は画像を文書幅の 90% で描画することを示すために提供されています。
+この例では、時計の画像に 2 種類のサイズを用意しています。一つは幅 200px で、もう一つは幅 400px です。 [`sizes`](/ja/docs/Web/HTML/Element/img#sizes) 属性は、ビューポートが幅 400px 未満の場合は画像を文書幅の 50% で、それ以外の場合は画像を文書幅の 90% で描画することを指定しています。
 
 ### HTML
 
 ```html
- <img src="/files/16797/clock-demo-400px.png"
-      alt="Clock"
-      srcset="/en-US/docs/Web/HTML/Element/img/clock-demo-200px.png 200w, /en-US/docs/Web/HTML/Element/img/clock-demo-400px.png 400w"
-      sizes="(max-width: 400px) 50%, 90%">
+<img
+  src="/files/16797/clock-demo-400px.png"
+  alt="Clock"
+  srcset="
+    /en-US/docs/Web/HTML/Element/img/clock-demo-200px.png 200w,
+    /en-US/docs/Web/HTML/Element/img/clock-demo-400px.png 400w
+  "
+  sizes="(max-width: 400px) 50%, 90%" />
 ```
 
 ### JavaScript
 
 ```js
-var clockImage = document.querySelector("img");
-let p = document.createElement("p");
-
-if (!clockImage.currentSrc.endsWith("200px.png")) {
-  p.innerText = "Using the 200px image.";
-} else {
-  p.innerText = "Using the 400px image!";
-}
+const clockImage = document.querySelector("img");
+const p = document.createElement("p");
+
+p.textContent = clockImage.currentSrc.endsWith("200px.png")
+  ? "Using the 400px image!"
+  : "Using the 200px image.";
 document.body.appendChild(p);
 ```
 
 ### 結果
 
-{{EmbedLiveSample("Example", 640, 370)}}
+{{EmbedLiveSample("Examples", 640, 370)}}
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/decode/index.md b/files/ja/web/api/htmlimageelement/decode/index.md
index 11f9812772261c..23b5accfc26c16 100644
--- a/files/ja/web/api/htmlimageelement/decode/index.md
+++ b/files/ja/web/api/htmlimageelement/decode/index.md
@@ -1,5 +1,6 @@
 ---
-title: HTMLImageElement.decode()
+title: "HTMLImageElement: decode() メソッド"
+short-title: decode()
 slug: Web/API/HTMLImageElement/decode
 ---
 
@@ -30,22 +31,23 @@ decode()
 
 ## 使用上の注意
 
-`decode()` の潜在的な使用例の一つです。非常に大きな画像を読み込む場合（例えばオンラインのフォトアルバムで）、最初は低解像度のサムネイル画像を表示し、その後、新しい {{domxref("HTMLImageElement")}} をインスタンス化してそのソースにフル解像度画像の URL を設定し、 `decode()` を使ってプロミスを取得し、フル解像度画像が使えるようになったときに解決することによって、画像をフル解像度画像と交換することが可能です。その際、低解像度の画像を、現在利用可能なフル解像度の画像に置き換えることができます。
+`decode()` の潜在的な使用例の一つです。非常に大きな画像を読み込む場合（例えばオンラインのフォトアルバムで）、最初は低解像度のサムネイル画像を表示し、その後、新しい {{domxref("HTMLImageElement")}} をインスタンス化してそのソースにフル解像度画像の URL を設定し、`decode()` を使ってプロミスを取得し、フル解像度画像が使えるようになったときに解決することによって、画像をフル解像度画像と交換することが可能です。その際、低解像度の画像を、現在利用可能なフル解像度の画像に置き換えることができます。
 
 ## 例
 
-次の例では、 `decode()` メソッドを使って、画像が DOM に追加されるタイミングを制御しています。 {{jsxref('Promise')}} を返すメソッドがなければ、 {{domxref("Window/load_event", "load")}} イベントハンドラーで画像を DOM に追加し、 {{domxref("GlobalEventHandlers.onload", "img.onload")}} イベントのハンドラでエラーを処理するなどの方法で、画像を追加することになります。
+次の例では、`decode()` メソッドを使って、画像が DOM に追加されるタイミングを制御する方法を示しています。{{jsxref('Promise')}} を返すメソッドがなければ、 {{domxref("Window/load_event", "load")}} イベントのハンドラーで、 {{domxref("HTMLImageElement.load_event", "img.onload")}} イベントハンドラーを使うなどして画像を DOM に追加します。エラーは {{domxref("HTMLElement/error_event", "error")}} イベントのハンドラーで処理します。
 
 ```js
 const img = new Image();
-img.src = 'nebula.jpg';
-img.decode()
-.then(() => {
-  document.body.appendChild(img);
-})
-.catch((encodingError) => {
-  // エラー時に何かをする。
-})
+img.src = "nebula.jpg";
+img
+  .decode()
+  .then(() => {
+    document.body.appendChild(img);
+  })
+  .catch((encodingError) => {
+    // エラー時に何かをする。
+  });
 ```
 
 ## 仕様書
diff --git a/files/ja/web/api/htmlimageelement/decoding/index.md b/files/ja/web/api/htmlimageelement/decoding/index.md
index 15a5b64ef16dca..cbca695f2e34c1 100644
--- a/files/ja/web/api/htmlimageelement/decoding/index.md
+++ b/files/ja/web/api/htmlimageelement/decoding/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.decoding
+title: "HTMLImageElement: decoding プロパティ"
+short-title: decoding
 slug: Web/API/HTMLImageElement/decoding
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef}}
@@ -11,9 +14,12 @@ slug: Web/API/HTMLImageElement/decoding
 
 デコードヒントを表す文字列です。使用可能な値は以下の通りです。
 
-- **`sync`**: 画像を他のコンテンツと同期してデコードし、アトミックに表示します。
-- **`async`**: 画像を非同期でデコードすることで、他のコンテンツ提示の遅延を減らすことができます。
-- **`auto`**: 既定のモードで、デコードモードに対する優先順位がないことを示します。ブラウザーが最適なものを決定します。
+- `sync`
+  - : 画像を他のコンテンツと同期してデコードし、アトミックに表示します。
+- `async`
+  - : 画像を非同期でデコードすることで、他のコンテンツ提示の遅延を減らすことができます。
+- `auto`
+  - : 既定のモードで、デコードモードに対する優先順位がないことを示します。ブラウザーが最適なものを決定します。
 
 ## 使用上の注意
 
@@ -22,9 +28,9 @@ slug: Web/API/HTMLImageElement/decoding
 ## 例
 
 ```js
-var img = new Image();
-img.decoding = 'sync';
-img.src = 'img/logo.png';
+const img = new Image();
+img.decoding = "sync";
+img.src = "img/logo.png";
 ```
 
 ## 仕様書
diff --git a/files/ja/web/api/htmlimageelement/fetchpriority/index.md b/files/ja/web/api/htmlimageelement/fetchpriority/index.md
index e0c8d4f42a8790..cd724eb25b7009 100644
--- a/files/ja/web/api/htmlimageelement/fetchpriority/index.md
+++ b/files/ja/web/api/htmlimageelement/fetchpriority/index.md
@@ -1,9 +1,12 @@
 ---
-title: HTMLImageElement.fetchPriority
+title: "HTMLImageElement: fetchPriority プロパティ"
+short-title: fetchPriority
 slug: Web/API/HTMLImageElement/fetchPriority
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
-{{APIRef}}
+{{APIRef}}{{SeeCompatTable}}
 
 **`fetchPriority`** は {{domxref("HTMLImageElement")}} インターフェイスのプロパティで、ブラウザーが他の画像と比較して、画像の取得をどのように優先させるべきかというヒントを表します。
 
@@ -11,9 +14,12 @@ slug: Web/API/HTMLImageElement/fetchPriority
 
 優先度ヒントを表す文字列です。使用可能な値は以下の通りです。
 
-- **`high`**: 他の画像と比較して高い優先度で画像を取得します。
-- **`low`**: 他の画像と比較して低い優先度で画像を取得します。
-- **`auto`**: 既定のモード。取得の優先順位がないことを示します。ユーザーにとって最適なものをブラウザーが決定します。
+- `high`
+  - : 他の画像と比較して高い優先度で画像を取得します。
+- `low`
+  - : 他の画像と比較して低い優先度で画像を取得します。
+- `auto`
+  - : 既定のモード。取得の優先順位がないことを示します。ユーザーにとって最適なものをブラウザーが決定します。
 
 `fetchPriority` プロパティを使用すると、画像の取得の優先順位を高くしたり低くしたりすることができます。これは {{HTMLElement("img")}} 要素に適用すると、読み込み処理の早い段階でユーザの操作にとって「重要」な画像を通知するのに役立ちます。
 
@@ -24,9 +30,9 @@ slug: Web/API/HTMLImageElement/fetchPriority
 ## 例
 
 ```js
-var img = new Image();
-img.fetchPriority = 'high';
-img.src = 'img/logo.png';
+const img = new Image();
+img.fetchPriority = "high";
+img.src = "img/logo.png";
 ```
 
 ## 仕様書
diff --git a/files/ja/web/api/htmlimageelement/height/index.md b/files/ja/web/api/htmlimageelement/height/index.md
index cc7cf5a0203e81..8e9e2e1862f982 100644
--- a/files/ja/web/api/htmlimageelement/height/index.md
+++ b/files/ja/web/api/htmlimageelement/height/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.height
+title: "HTMLImageElement: height プロパティ"
+short-title: height
 slug: Web/API/HTMLImageElement/height
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -9,7 +12,7 @@ slug: Web/API/HTMLImageElement/height
 
 ## 値
 
-画像の高さを表す整数値です。高さを定義する方法は、画像が視覚的媒体にレンダリングされるかどうかに依存します。
+画像の高さを表す整数値です。高さがどのように定義されるかは、画像が視覚的媒体にレンダリングされるかどうかに依存します。
 
 - 画像が画面やプリンターなどの視覚媒体にレンダリングされる場合、高さは {{Glossary("CSS pixels", "CSS ピクセル")}}で表現されます。
 - それ以外の場合、画像の高さは、 {{domxref("HTMLImageElement.naturalHeight", "naturalHeight")}} で示される表示密度用に調整された自然の（固有の）高さで表わされます。
@@ -25,11 +28,14 @@ slug: Web/API/HTMLImageElement/height
 
 ```html
 <p>画像の高さ: <span class="size">?</span>px (リサイズで更新)</p>
-<img src="/en-US/docs/Web/HTML/Element/img/clock-demo-200px.png"
-      alt="Clock"
-      srcset="/en-US/docs/Web/HTML/Element/img/clock-demo-200px.png 200w,
-          /en-US/docs/Web/HTML/Element/img/clock-demo-400px.png 400w"
-      sizes="(max-width: 400px) 200px, 300px">
+<img
+  src="/en-US/docs/Web/HTML/Element/img/clock-demo-200px.png"
+  alt="Clock"
+  srcset="
+    /en-US/docs/Web/HTML/Element/img/clock-demo-200px.png 200w,
+    /en-US/docs/Web/HTML/Element/img/clock-demo-400px.png 400w
+  "
+  sizes="(max-width: 400px) 200px, 300px" />
 ```
 
 ### JavaScript
@@ -37,10 +43,12 @@ slug: Web/API/HTMLImageElement/height
 JavaScript のコードでは `height` を見て、現在描画されている幅から画像の高さを決定しています。
 
 ```js
-var clockImage = document.querySelector("img");
+const clockImage = document.querySelector("img");
 let output = document.querySelector(".size");
 
-const updateHeight = event => { output.innerText = clockImage.height; };
+const updateHeight = (event) => {
+  output.innerText = clockImage.height;
+};
 
 window.addEventListener("load", updateHeight);
 window.addEventListener("resize", updateHeight);
@@ -48,7 +56,7 @@ window.addEventListener("resize", updateHeight);
 
 ### 結果
 
-{{EmbedLiveSample("Example", 640, 450)}}
+{{EmbedLiveSample("Examples", 640, 450)}}
 
 この例は{{LiveSampleLink('Example', '独自のウィンドウ')}}で試してみるとわかりやすいかもしれません。
 
diff --git a/files/ja/web/api/htmlimageelement/hspace/index.md b/files/ja/web/api/htmlimageelement/hspace/index.md
index 5d30018bd50b18..7cbf3aafa02f94 100644
--- a/files/ja/web/api/htmlimageelement/hspace/index.md
+++ b/files/ja/web/api/htmlimageelement/hspace/index.md
@@ -1,13 +1,16 @@
 ---
-title: HTMLImageElement.hspace
+title: "HTMLImageElement: hspace プロパティ"
+short-title: hspace
 slug: Web/API/HTMLImageElement/hspace
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}{{deprecated_header}}
 
 **`hspace`** は {{domxref("HTMLImageElement")}} インターフェイスの*廃止された*プロパティで、ページをレイアウトする際に {{HTMLElement("img")}} 要素の左右に何ピクセル分の空きを残すかを指定します。
 
-このプロパティは、 {{Glossary("HTML")}} の [`hspace`](/ja/docs/Web/HTML/Element/img#hspace) 属性を反映します。
+このプロパティは、{{Glossary("HTML")}} の [`hspace`](/ja/docs/Web/HTML/Element/img#hspace) 属性を反映します。
 
 ## 値
 
@@ -17,7 +20,7 @@ slug: Web/API/HTMLImageElement/hspace
 
 `hspace` に指定された値は {{cssxref("margin-left")}} および {{cssxref("margin-right")}} プロパティにマッピングされて、それらのマージンの幅をピクセル単位で指定します。
 
-> **警告:** このプロパティは廃止されました。代わりに、 CSS の {{cssxref("margin")}} プロパティとその個別指定プロパティを使用して、 `<img>` の周囲に余白を設定してください。
+> **警告:** このプロパティは廃止されました。代わりに、CSS の {{cssxref("margin")}} プロパティとその個別指定プロパティを使用して、`<img>` の周囲に余白を設定してください。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/index.md b/files/ja/web/api/htmlimageelement/index.md
index a01a38838fcfb2..08875a2ae0411b 100644
--- a/files/ja/web/api/htmlimageelement/index.md
+++ b/files/ja/web/api/htmlimageelement/index.md
@@ -1,6 +1,8 @@
 ---
 title: HTMLImageElement
 slug: Web/API/HTMLImageElement
+l10n:
+  sourceCommit: f3bd33e08e22c93711db216551ce725eb2ccad2d
 ---
 
 {{APIRef("HTML DOM")}}
@@ -14,21 +16,21 @@ slug: Web/API/HTMLImageElement
 - {{domxref("HTMLImageElement.Image()", "Image()")}}
   - : `Image()` コンストラクターは、 DOM ツリーに属さない HTML の {{HTMLElement("img")}} 要素を表す新しい `HTMLImageElement` オブジェクトを生成し、返します。オプションで幅と高さの引数を受け取ることができます。引数なしで呼び出された場合、 `new Image()` は {{DOMxRef("Document.createElement()", "document.createElement('img')")}} を呼び出すのと同じになります。
 
-## プロパティ
+## インスタンスプロパティ
 
-_親である {{domxref("HTMLElement")}} からプロパティを継承しています。_
+_親である {{domxref("HTMLElement")}} から継承したプロパティがあります。_
 
 - {{domxref("HTMLImageElement.alt")}}
-  - : 文字列で、 HTML の [`alt`](/ja/docs/Web/HTML/Element/img#alt) 属性を反映します。画像が読み込まれなかった場合に表示される代替フォールバックコンテンツを表します。
-- {{domxref("HTMLImageElement.complete")}} {{readonlyInline}}
+  - : 文字列で、HTML の [`alt`](/ja/docs/Web/HTML/Element/img#alt) 属性を反映します。画像が読み込まれなかった場合に表示される代替フォールバックコンテンツを表します。
+- {{domxref("HTMLImageElement.complete")}} {{ReadOnlyInline}}
   - : 論理値で、ブラウザーが画像の取得を完了した場合、成功したかどうかに関わらず `true` を返します。つまり、読み込むべき画像を示す {{domxref("HTMLImageElement.src", "src")}} の値が存在しない場合も、この値は `true` となります。
 - {{domxref("HTMLImageElement.crossOrigin")}}
   - : 文字列で、この画像要素の CORS 設定を指定します。詳細は [CORS 設定属性](/ja/docs/Web/HTML/Attributes/crossorigin)を参照してください。これは CORS が使用されていない場合、 `null` になることがあります。
-- {{domxref("HTMLImageElement.currentSrc")}} {{readonlyInline}}
-  - : 現在表示されている画像が読み込まれた URL を表す文字列を返します。この文字列は、[メディアクエリー](/ja/docs/Web/CSS/Media_Queries)が適用されている場合、状況の変化に応じて画像が調整され、変更される可能性があります。
+- {{domxref("HTMLImageElement.currentSrc")}} {{ReadOnlyInline}}
+  - : 現在表示されている画像が読み込まれた URL を表す文字列を返します。この文字列は、[メディアクエリー](/ja/docs/Web/CSS/CSS_media_queries)が適用されている場合、状況の変化に応じて画像が調整され、変更される可能性があります。
 - {{domxref("HTMLImageElement.decoding")}}
   - : ブラウザーが画像をどのようにデコードすべきかのヒントを表すオプションの文字列です。この値を指定する場合、許可されている値のいずれかでなければなりません。同期的に画像をデコードする場合は `sync`、非同期的に画像をデコードする場合は `async`、優先順位を指定しない場合は `auto` （これが既定値）です。このプロパティの値の意味については、 {{domxref("HTMLImageElement.decoding", "decoding")}} のページを参照してください。
-- {{domxref("HTMLImageElement.fetchPriority")}}
+- {{domxref("HTMLImageElement.fetchPriority")}} {{Experimental_Inline}}
   - : オプションの文字列で、他の画像との比較において画像の取得を優先させるためのブラウザーへのヒントを表します。この値を指定する場合、許可されている値のいずれかでなければなりません。高い優先度で取得する場合は `high`、低い優先度で取得する場合は `low`、優先度を設定しない場合は `auto` （これが既定値）です。
 - {{domxref("HTMLImageElement.height")}}
   - : HTML の [`height`](/ja/docs/Web/HTML/Element/img#height) 属性を反映した整数値です。画像のレンダリング時の高さを CSS ピクセル数で表します。
@@ -36,9 +38,9 @@ _親である {{domxref("HTMLElement")}} からプロパティを継承してい
   - : HTML の [`ismap`](/ja/docs/Web/HTML/Element/img#ismap) 属性を反映した論理値で、画像がサーバーサイドイメージマップの一部であることを示します。これは、 `<img>` 要素とそれに対応する {{HTMLElement("map")}} を用いて指定され、画像内のクリック可能な領域を示す {{HTMLElement("area")}} 要素を含むクライアントサイドイメージマップと異なるものです。画像は {{HTMLElement("a")}} 要素の中に含まれていなければなりません。詳細は `ismap` のページを参照してください。
 - {{domxref("HTMLImageElement.loading")}}
   - : 文書の読み込みを最適化するために使用するブラウザーへのヒントを提供する文字列で、画像をすぐに読み込むか (`eager`) それとも必要に応じて読み込むか (`lazy`) を決定します。
-- {{domxref("HTMLImageElement.naturalHeight")}} {{readonlyInline}}
+- {{domxref("HTMLImageElement.naturalHeight")}} {{ReadOnlyInline}}
   - : 利用できる場合は、画像の本来の高さを CSS ピクセル数で表した整数値を返します。そうでない場合は `0` を示します。これは、画像が自然な大きさでレンダリングされた場合の高さです。
-- {{domxref("HTMLImageElement.naturalWidth")}} {{readonlyInline}}
+- {{domxref("HTMLImageElement.naturalWidth")}} {{ReadOnlyInline}}
   - : 利用できる場合は、画像の本来の幅を CSS ピクセル数で表した整数値を返します。そうでない場合は `0` を示します。これは、画像が自然な大きさでレンダリングされた場合の幅です。
 - {{domxref("HTMLImageElement.referrerPolicy")}}
   - : HTML の [`referrerpolicy`](/ja/docs/Web/HTML/Element/img#referrerpolicy) 属性を反映した文字列です。画像を取得するためにどのリファラーを使用するかを決定する方法を{{Glossary("user agent", "ユーザーエージェント")}}に伝えます。この文字列が取り得る値の詳細については、この記事をお読みください。
@@ -53,9 +55,9 @@ _親である {{domxref("HTMLElement")}} からプロパティを継承してい
 - {{domxref("HTMLImageElement.width")}}
   - : HTML の [`width`](/ja/docs/Web/HTML/Element/img#width) 属性を反映した整数値で、画像のレンダリング幅を CSS ピクセルで表します。
 - {{domxref("HTMLImageElement.x")}} {{ReadOnlyInline}}
-  - : HTMLElement("html")}} 要素を含むブロックの原点に対する、画像の CSS レイアウトボックスの左境界線の水平オフセットを示す整数です。
-- {{domxref("HTMLImageElement.y")}} {{readonlyInline}}
-  - : 画像の CSS レイアウトボックスの上境界線の、 {{HTMLElement("html")}} 要素を含むブロックの原点に対する垂直オフセットを整数で指定します。
+  - : {{HTMLElement("html")}} 要素を含むブロックの原点に対する、画像の CSS レイアウトボックスの左境界線の水平オフセットを示す整数です。
+- {{domxref("HTMLImageElement.y")}} {{ReadOnlyInline}}
+  - : {{HTMLElement("html")}} 要素を含むブロックの原点に対する、画像の CSS レイアウトボックスの上境界線の垂直オフセットを示す整数です。
 
 ## 廃止されたプロパティ
 
@@ -72,16 +74,16 @@ _親である {{domxref("HTMLElement")}} からプロパティを継承してい
 - {{domxref("HTMLImageElement.vspace")}} {{deprecated_inline}}
   - : 画像の上下に空ける空間をピクセル単位で指定する整数値です。
 
-## メソッド
+## インスタンスメソッド
 
-_親である {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
 
 - {{domxref("HTMLImageElement.decode()")}}
   - : 画像がデコードされ、 DOM に画像を追加しても安全になったときに解決されるプロミス ({{jsxref("Promise")}}) を返します。これにより、デコードされていない画像が DOM に追加された場合のように、画像をデコードするために次のフレームのレンダリングが中断されることを防ぐことができます。
 
 ## エラー
 
-画像の読み込みやレンダリング中にエラーが発生し、`onerror` イベントハンドラーが {{domxref("Element/error_event", "error")}} イベントを処理するために設定されていた場合、そのイベントハンドラーが呼ばれることになります。これは、以下のような様々な状況で起こり得ます。
+画像の読み込みやレンダリング中にエラーが発生し、`onerror` イベントハンドラーが {{domxref("HTMLElement/error_event", "error")}} イベントを処理するために設定されていた場合、そのイベントハンドラーが呼ばれることになります。これは、以下のような様々な状況で起こり得ます。
 
 - [`src`](/ja/docs/Web/HTML/Element/img#src) 属性がないか `null` である。
 - 指定された `src` の URL が、ユーザーが現在いるページの URL と同じである。
@@ -92,17 +94,17 @@ _親である {{domxref("HTMLElement")}} からメソッドを継承していま
 ## 例
 
 ```js
-var img1 = new Image(); // Image constructor
-img1.src = 'image1.png';
-img1.alt = 'alt';
+const img1 = new Image(); // Image コンストラクター
+img1.src = "image1.png";
+img1.alt = "alt";
 document.body.appendChild(img1);
 
-var img2 = document.createElement('img'); // Use DOM HTMLImageElement
-img2.src = 'image2.jpg';
-img2.alt = 'alt text';
+const img2 = document.createElement("img"); // DOM の HTMLImageElement を使う
+img2.src = "image2.jpg";
+img2.alt = "alt text";
 document.body.appendChild(img2);
 
-// using first image in the document
+// 文書内の最初の画像を使用
 alert(document.images[0].src);
 ```
 
diff --git a/files/ja/web/api/htmlimageelement/ismap/index.md b/files/ja/web/api/htmlimageelement/ismap/index.md
index 6d82b3120d6adc..b62114a5e259fe 100644
--- a/files/ja/web/api/htmlimageelement/ismap/index.md
+++ b/files/ja/web/api/htmlimageelement/ismap/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.isMap
+title: "HTMLImageElement: isMap プロパティ"
+short-title: isMap
 slug: Web/API/HTMLImageElement/isMap
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -8,7 +11,7 @@ slug: Web/API/HTMLImageElement/isMap
 {{domxref("HTMLImageElement")}} の **`isMap`** プロパティは、論理値で、画像がサーバサイドイメージマップで使用されることを示します。
 これは {{HTMLElement("a")}} 要素内にある画像にのみ使用することができます。
 
-> **メモ:** アクセシビリティの観点から、サーバーサイドイメージマップはマウスを使う必要があるため、一般に使用しない方が良いでしょう。代わりに[クライアントサイド・イメージマップ](/ja/docs/Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image)を使ってください。
+> **メモ:** アクセシビリティの観点から、サーバーサイドイメージマップはマウスを使う必要があるため、一般に使用しない方が良いでしょう。代わりに[クライアントサイドイメージマップ](/ja/docs/Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image)を使ってください。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlimageelement/loading/index.md b/files/ja/web/api/htmlimageelement/loading/index.md
index 1e19c9c5ece947..4f1331684f8368 100644
--- a/files/ja/web/api/htmlimageelement/loading/index.md
+++ b/files/ja/web/api/htmlimageelement/loading/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.loading
+title: "HTMLImageElement: loading プロパティ"
+short-title: loading
 slug: Web/API/HTMLImageElement/loading
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -72,4 +75,3 @@ function addImageToList(url) {
 - {{HTMLElement("img")}} 要素
 - [ウェブパフォーマンス](/ja/docs/Learn/Performance)（MDN 学習領域）
 - [遅延読み込み](/ja/docs/Web/Performance/Lazy_loading)（MDN ウェブパフォーマンスガイド）
-- [画像の遅延読み込みを使用する](/ja/docs/Learn/HTML/Howto/Author_fast-loading_HTML_pages#use_lazy_loading_for_images)
diff --git a/files/ja/web/api/htmlimageelement/longdesc/index.md b/files/ja/web/api/htmlimageelement/longdesc/index.md
index 62f59ca6a85e59..e207c2999d515f 100644
--- a/files/ja/web/api/htmlimageelement/longdesc/index.md
+++ b/files/ja/web/api/htmlimageelement/longdesc/index.md
@@ -1,11 +1,14 @@
 ---
-title: HTMLImageElement.longDesc
+title: "HTMLImageElement: longDesc プロパティ"
+short-title: longDesc
 slug: Web/API/HTMLImageElement/longDesc
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}{{deprecated_header}}
 
-**`longDesc`** は {{domxref("HTMLImageElement")}} インターフェイスの*非推奨の*プロパティで、この画像の長い説明のテキストまたは HTML ファイルの URL を指定します。これは、 [`title`](/ja/docs/Web/HTML/Global_attributes#title) 属性で提供される短い説明の他に、オプションで追加された詳細を提供するために使用することができます。
+**`longDesc`** は {{domxref("HTMLImageElement")}} インターフェイスの*非推奨の*プロパティで、この画像の長い説明のテキストまたは HTML ファイルの URL を指定します。これは、[`title`](/ja/docs/Web/HTML/Global_attributes#title) 属性で提供される短い説明の他に、オプションで追加された詳細を提供するために使用することができます。
 
 ## 値
 
@@ -21,7 +24,10 @@ slug: Web/API/HTMLImageElement/longDesc
 以下の古い HTML があったとします。
 
 ```html
-<img src="taco-tuesday.jpg" alt="Taco Tuesday" longDesc="image-descriptions/taco-tuesday.html">
+<img
+  src="taco-tuesday.jpg"
+  alt="Taco Tuesday"
+  longdesc="image-descriptions/taco-tuesday.html" />
 ```
 
 ここでは `longDesc` を使って、画像 `taco-tuesday.jpg` の詳細な説明を HTML ファイル `image-descriptions/taco-tuesday.html` で参照できるようにすることを指定しています。
@@ -30,7 +36,7 @@ slug: Web/API/HTMLImageElement/longDesc
 
 ```html
 <a href="image-descriptions/taco-tuesday.html">
-  <img src="taco-tuesday.jpg" alt="Taco Tuesday" >
+  <img src="taco-tuesday.jpg" alt="Taco Tuesday" />
 </a>
 ```
 
diff --git a/files/ja/web/api/htmlimageelement/name/index.md b/files/ja/web/api/htmlimageelement/name/index.md
index 88bdd756019f82..f1e4416797d874 100644
--- a/files/ja/web/api/htmlimageelement/name/index.md
+++ b/files/ja/web/api/htmlimageelement/name/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.name
+title: "HTMLImageElement: name プロパティ"
+short-title: name
 slug: Web/API/HTMLImageElement/name
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}{{deprecated_header}}
diff --git a/files/ja/web/api/htmlimageelement/naturalheight/index.md b/files/ja/web/api/htmlimageelement/naturalheight/index.md
index c6448120c1bf75..fce1e6fb864b0a 100644
--- a/files/ja/web/api/htmlimageelement/naturalheight/index.md
+++ b/files/ja/web/api/htmlimageelement/naturalheight/index.md
@@ -1,21 +1,24 @@
 ---
-title: HTMLImageElement.naturalHeight
+title: "HTMLImageElement: naturalHeight プロパティ"
+short-title: naturalHeight
 slug: Web/API/HTMLImageElement/naturalHeight
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
 
 {{domxref("HTMLImageElement")}} インターフェイスの **`naturalHeight`** プロパティは読み取り専用で、画像の本来の（自然な）密度補正された高さを{{Glossary("CSS pixel", "CSS ピクセル数")}}で返します。
 
-画像の高さを制限するものがない状態で描画された場合の高さです。画像の高さを指定しない場合、または画像の高さを制限するか明示的に指定するコンテナー内に画像を配置する場合は、この高さでレンダリングされます。
+これは、画像の高さを制限するものがない状態で描画された場合の高さです。画像の高さが指定されなかった場合、または画像の高さを制限するか明示的に指定するコンテナー内に画像が配置されなかった場合は、この高さでレンダリングされます。
 
-> **メモ:** ほとんどの場合、自然な高さとは、サーバーから送信された画像の実際の高さです。とはいえ、ブラウザーは画像をレンダラーにプッシュする前に画像を修正することができます。たとえば、 Chrome は[ローエンド端末で画像の解像度を低下させる](https://bugs.chromium.org/p/chromium/issues/detail?id=1187043#c7)などです。このような場合、 `naturalHeight` はそのようなブラウザーの介入によって修正された画像の高さを自然な高さとみなして、この値を返します。
+> **メモ:** ほとんどの場合、自然な高さとは、サーバーから送信された画像の実際の高さです。とはいえ、ブラウザーは画像をレンダラーに送る前に画像を修正することがあります。たとえば、Chrome は[ローエンド端末で画像の解像度を低下](https://crbug.com/1187043#c7)させます。このような場合、`naturalHeight` はそのようなブラウザーの介入によって修正された画像の高さを自然な高さとみなして、この値を返します。
 
 ## 値
 
 画像の高さを CSS ピクセル単位で表した整数値。これは、画像に制約や特定の値が設定されていない場合に、画像が自然に描画される高さです。この自然な高さは、 {{domxref("HTMLImageElement.height", "height")}} とは異なり、表示されている端末のピクセル密度に合わせて補正されます。
 
-画像に含まれる高さが指定されていない場合や、この情報を取得するための画像データが存在しない場合など、高さが利用できない場合は、 `naturalHeight` は 0 を返します。
+内在的な高さが利用できない場合、例えば画像の内在的な高さが指定されていなかった場合や、この情報を取得するための画像データが存在しない場合など、高さが利用できなかった場合は、`naturalHeight` は 0 を返します。
 
 ## 例
 
@@ -25,10 +28,12 @@ slug: Web/API/HTMLImageElement/naturalHeight
 
 ```html
 <div class="box">
-  <img src="/en-US/docs/Web/HTML/Element/img/clock-demo-400px.png" class="image">
-</div>
-<div class="output">
+  <img
+    src="/en-US/docs/Web/HTML/Element/img/clock-demo-400px.png"
+    class="image"
+    alt="A round wall clock with a white dial and black numbers" />
 </div>
+<div class="output"></div>
 ```
 
 HTML では、 400x398 ピクセルの画像を {{HTMLElement("div")}} の中に配置するようにしています。
@@ -58,11 +63,12 @@ HTML では、 400x398 ピクセルの画像を {{HTMLElement("div")}} の中に
 let output = document.querySelector(".output");
 let image = document.querySelector("img");
 
-window.addEventListener("load", event => {
-  output.innerHTML += `自然なサイズ: ${image.naturalWidth} x ` +
-                      `${image.naturalHeight} pixels<br>`;
-  output.innerHTML += `表示サイズ: ${image.width} x ` +
-                      `${image.height} pixels`;
+window.addEventListener("load", (event) => {
+  output.innerHTML +=
+    `自然なサイズ: ${image.naturalWidth} x ` +
+    `${image.naturalHeight} ピクセル<br>`;
+  output.innerHTML +=
+    `表示サイズ: ${image.width} x ` + `${image.height} ピクセル`;
 });
 ```
 
@@ -70,7 +76,7 @@ JavaScript のコードでは、自然なサイズと表示されたサイズを
 
 ### 結果
 
-{{EmbedLiveSample("Example", 600, 280)}}
+{{EmbedLiveSample("Examples", 600, 280)}}
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/naturalwidth/index.md b/files/ja/web/api/htmlimageelement/naturalwidth/index.md
index 22c108e6267101..8d8f381eb8fe6f 100644
--- a/files/ja/web/api/htmlimageelement/naturalwidth/index.md
+++ b/files/ja/web/api/htmlimageelement/naturalwidth/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.naturalWidth
+title: "HTMLImageElement: naturalWidth プロパティ"
+short-title: naturalWidth
 slug: Web/API/HTMLImageElement/naturalWidth
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -12,17 +15,17 @@ slug: Web/API/HTMLImageElement/naturalWidth
 
 対応する {{domxref("HTMLImageElement.naturalHeight", "naturalHeight")}} メソッドは、画像の自然な高さを返します。
 
-> **メモ:** ほとんどの場合、自然な幅とは、サーバーから送信された画像の実際の幅です。とはいえ、ブラウザーは画像をレンダラーにプッシュする前に画像を修正することができます。たとえば、 Chrome は[ローエンド端末で画像の解像度を低下させる](https://bugs.chromium.org/p/chromium/issues/detail?id=1187043#c7)などです。このような場合、 `naturalWidth` はそのようなブラウザーの介入によって修正された画像の幅を自然な幅とみなして、この値を返します。
+> **メモ:** ほとんどの場合、自然な幅とは、サーバーから送信された画像の実際の幅です。とはいえ、ブラウザーは画像をレンダラーに送る前に画像を修正することがあります。たとえば、Chrome は[ローエンド端末で画像の解像度を低下](https://crbug.com/1187043#c7)させます。このような場合、`naturalWidth` はそのようなブラウザーの介入によって修正された画像の幅を自然な幅とみなして、この値を返します。
 
 ## 値
 
 画像の幅を CSS ピクセル単位で表した整数値。これは、画像に制約や特定の値が設定されていない場合に、画像が自然に描画される幅です。この自然な幅は、 {{domxref("HTMLImageElement.width", "width")}} とは異なり、表示されている端末のピクセル密度に合わせて補正されます。
 
-画像に含まれる幅が指定されていない場合や、この情報を取得するための画像データが存在しない場合など、幅が利用できない場合は、 `naturalHeight` は 0 を返します。
+画像に含まれる幅が指定されていない場合や、この情報を取得するための画像データが存在しない場合など、幅が利用できない場合は、 `naturalWidth` は 0 を返します。
 
 ## 例
 
-[`HTMLImageElement.naturalHeight`](/ja/docs/Web/API/HTMLImageElement/naturalHeight#example) は、画像を「密度調整された」自然のサイズと、ページの CSS やその他の要素によって変化した表示サイズの両方で表示するコードの例として参照してください。
+画像を「密度調整された」自然のサイズと、ページの CSS やその他の要素によって変化した表示サイズの両方で表示するコードの例としては、[`HTMLImageElement.naturalHeight`](/ja/docs/Web/API/HTMLImageElement/naturalHeight#例) を参照してください。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/referrerpolicy/index.md b/files/ja/web/api/htmlimageelement/referrerpolicy/index.md
index a59af45ef403cd..657cbee8c7f609 100644
--- a/files/ja/web/api/htmlimageelement/referrerpolicy/index.md
+++ b/files/ja/web/api/htmlimageelement/referrerpolicy/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.referrerPolicy
+title: "HTMLImageElement: referrerPolicy プロパティ"
+short-title: referrerPolicy
 slug: Web/API/HTMLImageElement/referrerPolicy
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -10,7 +13,7 @@ slug: Web/API/HTMLImageElement/referrerPolicy
 
 ## 値
 
-文字列で、以下のうちの一つです。
+文字列で、以下の何れかです。
 
 - `no-referrer`
   - : {{HTTPHeader("Referer")}} ヘッダーは完全に省略されます。リクエストと共に送信されるリファラー情報はありません。
@@ -34,11 +37,11 @@ slug: Web/API/HTMLImageElement/referrerPolicy
 ## 例
 
 ```js
-var img = new Image();
-img.src = 'img/logo.png';
-img.referrerPolicy = 'origin';
+const img = new Image();
+img.src = "img/logo.png";
+img.referrerPolicy = "origin";
 
-var div = document.getElementById('divAround');
+const div = document.getElementById("divAround");
 div.appendChild(img); // オリジンをリファラーとして画像を取得する
 ```
 
diff --git a/files/ja/web/api/htmlimageelement/sizes/index.md b/files/ja/web/api/htmlimageelement/sizes/index.md
index f8d2c48e54d187..ce27b9e93b0abe 100644
--- a/files/ja/web/api/htmlimageelement/sizes/index.md
+++ b/files/ja/web/api/htmlimageelement/sizes/index.md
@@ -1,23 +1,26 @@
 ---
-title: HTMLImageElement.sizes
+title: "HTMLImageElement: sizes プロパティ"
+short-title: sizes
 slug: Web/API/HTMLImageElement/sizes
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
 
 {{domxref("HTMLImageElement")}} の **`sizes`** プロパティによって、メディア条件のリストごとに、画像のレイアウト幅を指定することができます。これにより、様々なメディア条件に合わせて文書の状態が変化したときに、異なる画像（方向やアスペクト比の異なる画像も含む）を自動的に選択する機能が提供されます。
 
-それぞれの条件は、[メディアクエリー](/ja/docs/Web/CSS/Media_Queries)で使われているのと同じ条件指定の形式を使用します。
+それぞれの条件は、[メディアクエリー](/ja/docs/Web/CSS/CSS_media_queries)で使われているのと同じ条件指定の形式を使用します。
 
 ## 値
 
 カンマで区切られたソースサイズ記述子のリストと、オプションで代替サイズを含む文字列。それぞれの**ソースサイズ記述子**は、メディア条件、 1 つ以上のホワイトスペース文字、そしてメディア条件が `true` と評価されたときに画像に使用する**ソースサイズ値**で構成されます。
 
-#### メディア条件
+### メディア条件
 
-それぞれのソースサイズ記述子は、メディアクエリー規格で定義されるメディア条件から構成される。ソースサイズ記述子は、ページのレイアウト中に画像に使用する幅を指定するために使用されるので、メディア条件は通常、幅の情報のみに基づきます（必ずしもそうとは限りません）。メディア条件の構築方法の詳細は[構文](/ja/docs/Web/CSS/Media_Queries/Using_media_queries#構文)を参照してください。
+それぞれのソースサイズ記述子は、メディアクエリー規格で定義されるメディア条件から構成される。ソースサイズ記述子は、ページのレイアウト中に画像に使用する幅を指定するために使用されるので、メディア条件は通常、幅の情報のみに基づきます（必ずしもそうとは限りません）。メディア条件の構築方法の詳細は、[メディアクエリーの使用の構文](/ja/docs/Web/CSS/CSS_media_queries/Using_media_queries#構文)を参照してください。
 
-#### ソースサイズ値
+### ソースサイズ値
 
 ソースサイズの値は [CSS の長さ](/ja/docs/Web/CSS/length)です。フォントと相対的な単位 (`em` や `ex` など)、絶対的な単位 (`px` や `cm` など)、または `vw` という単位を使って指定することができ、ビューポート幅に対する割合（`1vw` はビューポート幅の 1%）で指定することができます。
 
@@ -25,30 +28,39 @@ slug: Web/API/HTMLImageElement/sizes
 
 ## 例
 
+### ウィンドウの幅に合う画像の選択
+
 この例では、ブログ風のレイアウトを作成し、テキストと画像を表示します。画像は、ウィンドウの幅に応じて 3 つのサイズポイントが指定されています。画像も 3 種類用意し、それぞれの幅を指定しています。ブラウザーはこれらの情報をすべて受け取り、指定された値に最も合う画像と幅を選択します。
 
 画像がどのように使われるかは、ブラウザーやユーザーのディスプレイの画素密度に依存する場合があります。
 
 この例の下にあるボタンで、実際に `sizes` プロパティを少し変更し、画像の 3 つの幅のうち最大のものを 40em と 50em の間で切り替えています。
 
-### HTML
+#### HTML
 
 ```html
 <article>
   <h1>An amazing headline</h1>
   <div class="test"></div>
-  <p>This is even more amazing content text. It's really spectacular.
-     And fascinating. Oh, it's also clever and witty. Award-winning
-     stuff, I'm sure.</p>
-  <img src="/files/16870/new-york-skyline-wide.jpg"
-       srcset="/files/16870/new-york-skyline-wide.jpg 3724w,
-               /files/16869/new-york-skyline-4by3.jpg 1961w,
-               /files/16871/new-york-skyline-tall.jpg 1060w"
-       sizes="((min-width: 50em) and (max-width: 60em)) 50em,
+  <p>
+    This is even more amazing content text. It's really spectacular. And
+    fascinating. Oh, it's also clever and witty. Award-winning stuff, I'm sure.
+  </p>
+  <img
+    src="new-york-skyline-wide.jpg"
+    srcset="
+      new-york-skyline-wide.jpg 3724w,
+      new-york-skyline-4by3.jpg 1961w,
+      new-york-skyline-tall.jpg 1060w
+    "
+    sizes="((min-width: 50em) and (max-width: 60em)) 50em,
               ((min-width: 30em) and (max-width: 50em)) 30em,
-              (max-width: 30em) 20em">
-  <p>Then there's even more amazing stuff to say down here. Can you
-     believe it? I sure can't.</p>
+              (max-width: 30em) 20em"
+    alt="The New York City skyline on a beautiful day, with the One World Trade Center building in the middle." />
+  <p>
+    Then there's even more amazing stuff to say down here. Can you believe it? I
+    sure can't.
+  </p>
 
   <button id="break40">Last Width: 40em</button>
   <button id="break50">Last Width: 50em</button>
@@ -62,8 +74,7 @@ article {
   margin: 1em;
   max-width: 60em;
   min-width: 20em;
-  height: 100vh;
-  border: 4em solid #880E4F;
+  border: 4em solid #880e4f;
   border-radius: 7em;
   padding: 1.5em;
   font: 16px "Open Sans", Verdana, Arial, Helvetica, sans-serif;
@@ -83,22 +94,26 @@ article img {
 JavaScript のコードでは、　3　つ目の幅のオプションを 40em と 50em の間で切り替えることができる　2　つのボタンを処理しています。これは {{domxref("Element.click_event", "click")}} イベントを処理することで、 JavaScript 文字列オブジェクトメソッド {{jsxref("String.replace", "replace()")}}を使って `sizes` 文字列の該当部分を置換して実現しています。
 
 ```js
-let image = document.querySelector("article img");
-let break40 = document.getElementById("break40");
-let break50 = document.getElementById("break50");
-
-break40.addEventListener("click",
-    event => image.sizes = image.sizes.replace(/50em,/, "40em,"));
-
-break50.addEventListener("click",
-    event => image.sizes = image.sizes.replace(/40em,/, "50em,"));
+const image = document.querySelector("article img");
+const break40 = document.getElementById("break40");
+const break50 = document.getElementById("break50");
+
+break40.addEventListener(
+  "click",
+  () => (image.sizes = image.sizes.replace(/50em,/, "40em,"))
+);
+
+break50.addEventListener(
+  "click",
+  () => (image.sizes = image.sizes.replace(/40em,/, "50em,"))
+);
 ```
 
 ### 結果
 
-{{EmbedLiveSample("Example", 900, 850)}}
+{{EmbedLiveSample("Selecting an image to fit window width", "", 1050)}}
 
-結果を{{LiveSampleLink('Example', '独自のウィンドウで見る')}}こともできます。
+このページは{{LiveSampleLink('Selecting an image to fit window width', '独自のウィンドウで見る')}}ほうが、大きさを完全に調整できるので適しています。
 
 ## 仕様書
 
@@ -110,7 +125,7 @@ break50.addEventListener("click",
 
 ## 関連情報
 
-- [Media queries](/ja/docs/Web/CSS/Media_Queries)
-- [Using media queries](/ja/docs/Web/CSS/Media_Queries/Using_media_queries)
-- [Images in HTML](/ja/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML)
-- [Responsive images](/ja/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)
+- [メディアクエリー](/ja/docs/Web/CSS/CSS_media_queries)
+- [メディアクエリーの使用](/ja/docs/Web/CSS/CSS_media_queries/Using_media_queries)
+- [HTML における画像](/ja/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML)
+- [レスポンシブ画像](/ja/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)
diff --git a/files/ja/web/api/htmlimageelement/src/index.md b/files/ja/web/api/htmlimageelement/src/index.md
index 5a162d21b9825b..cb976009c97a4f 100644
--- a/files/ja/web/api/htmlimageelement/src/index.md
+++ b/files/ja/web/api/htmlimageelement/src/index.md
@@ -1,22 +1,25 @@
 ---
-title: HTMLImageElement.src
+title: "HTMLImageElement: src プロパティ"
+short-title: src
 slug: Web/API/HTMLImageElement/src
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
 
-{{domxref("HTMLImageElement")}} の **`src`** プロパティは、 HTML の [`src`](/ja/docs/Web/HTML/Element/img#src) 属性を反映し、 {{HTMLElement("img")}} 要素に表示する画像を指定します。
+{{domxref("HTMLImageElement")}} の **`src`** プロパティは、HTML の [`src`](/ja/docs/Web/HTML/Element/img#src) 属性を反映し、{{HTMLElement("img")}} 要素に表示する画像を指定します。
 
 ## 値
 
-ブラウザーがビューポートサイズとディスプレイのピクセル密度に最適な画像を選択するために、一連の画像ではなく単一の画像のみを提供する場合、 `src` 属性は希望する画像の URL を指定する文字列となります。これは、 HTML の中で [`src`](/ja/docs/Web/HTML/Element/img#src) コンテンツ属性を用いて設定するか、プログラムによって要素の `src` プロパティを設定することで行うことができます。
+単一の画像のみを指定し、ブラウザーがビューポートサイズと画面のピクセル密度に最適な画像を選択できるように複数の画像を指定しなかった場合、`src` 属性は希望する画像の URL を指定する文字列となります。これは、HTML の中で [`src`](/ja/docs/Web/HTML/Element/img#src) コンテンツ属性を用いて設定するか、プログラムによって要素の `src` プロパティを設定することで行うことができます。
 
-[`srcset`](/ja/docs/Web/HTML/Element/img#srcset) コンテンツ属性を使って、異なる表示ピクセル密度の複数の画像オプションを提供する場合、 `src` 属性で指定された URL は、 2 通りの方法で使用されます。
+[`srcset`](/ja/docs/Web/HTML/Element/img#srcset) コンテンツ属性を使って、画面のピクセル密度に応じた複数の画像の候補を提供する場合は、`src` 属性で指定された URL は、2 通りの方法で使用されます。
 
 - `srcset` に対応していないブラウザーのための代替画像として使用します。
-- `srcset` にサイズ倍率 `1x` で画像を指定するのと同等です。つまり、 `src` で指定した画像は、低密度の画面（ふつうの 72 DPI や 96 DPI ディスプレイなど）で使用されます。
+- `srcset` にサイズ倍率 `1x` で画像を指定したのと同等になります。つまり、`src` で指定した画像は、低密度の画面（ふつうの 72 DPI や 96 DPI ディスプレイなど）で使用されます。
 
-さらに、 `src` を {{domxref("HTMLImageElement.sizes", "sizes")}} （または、対応する [`sizes`](/ja/docs/Web/HTML/Element/img#sizes) コンテンツ属性）_および_ `srcset` の両方を使用して、ビューポートサイズに基づいて画像を選択する場合、 `src` 属性は `sizes` と `srcset` に対応していないブラウザーのための予備としてのみ使用されます。その他の場合は、全く使用されません。
+さらに、`src` を {{domxref("HTMLImageElement.sizes", "sizes")}} （または、対応する [`sizes`](/ja/docs/Web/HTML/Element/img#sizes) コンテンツ属性）_および_ `srcset` の両方を使用して、ビューポートサイズに基づいて画像を選択する場合、 `src` 属性は `sizes` と `srcset` に対応していないブラウザーのための予備としてのみ使用されます。その他の場合は、全く使用されません。
 
 ## 例
 
@@ -25,9 +28,10 @@ slug: Web/API/HTMLImageElement/src
 #### HTML
 
 ```html
-<img src="grapefruit-slice-332-332.jpg"
-     width="160"
-     alt="グレープフルーツのスライスです。おいしそう。">
+<img
+  src="grapefruit-slice-332-332.jpg"
+  width="160"
+  alt="グレープフルーツのスライスです。おいしそう。" />
 ```
 
 #### 結果
@@ -44,7 +48,7 @@ slug: Web/API/HTMLImageElement/src
 
 ### ビューポートベース選択時の代替画像の指定
 
-ビューポートベースで画像を選択する際に、 {{domxref("HTMLImageElement.sizes", "sizes")}} プロパティも指定して `srcset` から選択すると、 `src` プロパティはビューポートベースでの選択に対応していないブラウザーで使用される代替画像として機能します。ビューポートベースの選択に対応しているブラウザーは、この場合は `src` を無視します。
+ビューポートベースで画像を選択する際に、{{domxref("HTMLImageElement.sizes", "sizes")}} プロパティも指定して `srcset` から選択すると、`src` プロパティはビューポートベースでの選択に対応していないブラウザーで使用される代替画像として機能します。ビューポートベースの選択に対応しているブラウザーは、この場合は `src` を無視します。
 
 #### HTML
 
diff --git a/files/ja/web/api/htmlimageelement/srcset/index.md b/files/ja/web/api/htmlimageelement/srcset/index.md
index 8e03125a6fcba3..b864d0fe0970d8 100644
--- a/files/ja/web/api/htmlimageelement/srcset/index.md
+++ b/files/ja/web/api/htmlimageelement/srcset/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.srcset
+title: "HTMLImageElement: srcset プロパティ"
+short-title: srcset
 slug: Web/API/HTMLImageElement/srcset
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -11,50 +14,49 @@ slug: Web/API/HTMLImageElement/srcset
 
 `srcset` プロパティは {{domxref("HTMLImageElement.sizes", "sizes")}} プロパティとともに、レスポンシブウェブサイトを設計する上で重要な要素です。これらのプロパティを併用することにより、描画状況に適した画像を使用するページを作成できます。
 
+> **メモ:** [`srcset`](/ja/docs/Web/HTML/Element/img#srcset) 属性が幅記述子を使用した場合、`sizes` 属性も指定する必要があります。さもないと `srcset` 自体が無視されます。
+
 ## 値
 
-この `HTMLImageElement` で表される {{HTMLElement("img")}} 要素の中にどの画像リソースを表示するかを決定する際に用いる、 1 つまたは複数の画像候補文字列のカンマ区切りリストが入った文字列です。
+1 つまたは複数の画像候補文字列のカンマ区切りリストが入った文字列です。これは、`HTMLImageElement` で表される {{HTMLElement("img")}} 要素の中にどの画像リソースを表示するかを決定する際に用いられます。
 
 それぞれの画像候補文字列は、非インタラクティブなグラフィックリソースを参照する有効な URL で始める必要があります。その後にホワイトスペースが続き、さらにその画像がどのような状況で使用されるかを示す条件記述子が続きます。 URL と条件記述子を区切るもの以外のホワイトスペースは無視されます。これには、先頭と末尾の空白、および各カンマの前後の空白が含まれます。
 
-条件記述子が提供されない場合（言い換えれば、画像候補が URL のみを提供する場合）、他の候補がどれも一致しない場合、その候補が予備として使用されます。それ以外の場合、条件記述子は 2 つの形式のうちの 1 つです。
+条件記述子は 2 つの形式のうちのどちらかを取ります。
 
-- 画像候補文字列で指定された画像リソースが、特定のピクセル幅でレンダリングされるときに使用されるべきであることを示すために、ピクセル幅を示す数値と小文字の "w" から成る**幅記述子**を提供します。例えば、レンダラーが 450 ピクセルの幅の画像を必要とするときに使用する画像リソースを提供するには、幅の記述子文字列として `450w` を使用します。指定する幅は 0 でない正の整数でなければならず、参照される画像の内在的な幅と一致しなければなりません。
-- また、**ピクセル密度記述子** を用いて、対応する画像リソースをディスプレイの画素密度として使用する条件を指定することができます。これは、画素密度を正のゼロでない浮動小数点値で記述し、その後に小文字の "x" を記述することで、記述します。例えば、ピクセル密度が標準密度の 2 倍である場合に対応する画像を使用すべきことを示すには、ピクセル密度記述子として `2x` または `2.0x` を指定することができます。
+- 画像候補文字列で指定された画像リソースが、特定のピクセル幅でレンダリングされるときに使用されるべきであることを示すために、ピクセル幅を示す数値と小文字の "w" から成る**幅記述子**を提供します。例えば、レンダラーが 450 ピクセルの幅の画像を必要とするときに使用する画像リソースを提供するには、幅の記述子文字列として `450w` を使用します。指定する幅は 0 でない正の整数でなければならず、参照される画像の内在的な幅と一致しなければなりません。`srcset` が "w" 記述子を含む場合、ブラウザーはこれらの記述子を {{domxref("HTMLImageElement.sizes", "sizes")}} 属性と組み合わせてリソースを選択します。
+- また、**ピクセル密度記述子** を用いて、対応する画像リソースを画面の画素密度として使用する条件を指定することができます。これは、画素密度を正のゼロでない浮動小数点値で記述し、その後に小文字の "x" を記述することで、記述します。例えば、ピクセル密度が標準密度の 2 倍である場合に対応する画像を使用すべきことを示すには、ピクセル密度記述子として `2x` または `2.0x` を指定することができます。
 
-2 種類の記述子を混在させることもできます。ただし、同じ記述子を指定する画像候補文字列を複数指定することはできません。以下のものはすべて有効な画像候補文字列です。
+条件記述子が提供されなかった場合（言い換えれば、画像候補文字列が URL しかなかった場合）、候補には自動的に既定の記述子として "1x" が割り当てられます。
 
-```html
-"images/team-photo.jpg 1x, images/team-photo-retina.jpg 2x, images/team-photo-full.jpg 2048w"
+```plain
+"images/team-photo.jpg, images/team-photo-retina.jpg 2x"
 ```
 
-この文字列は、標準的なピクセル密度 (`1x`) と、その 2 倍のピクセル密度 (`2x`) で使用するための画像のバージョンを提供します。また、幅が 2048 ピクセルの画像 (`2048w`) も用意されています。
-
-```html
-"header640.png 640w, header960.png 960w, header1024.png 1024w, header.png"
-```
+この文字列は、標準的なピクセル密度（未記述、既定の `1x` が割り当てられる）と、その 2 倍のピクセル密度 (`2x`) で使用するための画像のバージョンを提供しています。
 
-この文字列は、{{Glossary("user agent", "ユーザーエージェント")}}のレンダラーが幅 640px, 960px, 1024px のいずれかの画像を必要とする場合に使用する、ヘッダー画像のバージョンを指定します。その他の幅に使用するために、追加の予備画像候補が無条件に提供されます。
+画像要素の `srcset` に "x" 記述子が含まれている場合、ブラウザーは（もしあれば）{{domxref("HTMLImageElement.src", "src")}} 属性の URL も候補として考慮し、既定の記述子として `1x` を割り当てます。
 
-```html
-"icon32px.png 32w, icon64px.png 64w, icon-retina.png 2x, icon-ultra.png 3x, icon.svg"
+```plain
+"header640.png 640w, header960.png 960w, header1024.png 1024w"
 ```
 
-ここでは、幅 32px と 64px、ピクセル密度 2x と 3x のアイコンが提供されています。それ以外の場合は、 SVG ファイルで予備画像が提供されています。候補は異なる画像形式を使用しても構いません。
+この文字列は、{{Glossary("user agent", "ユーザーエージェント")}}の描画幅 640px, 960px, 1024px のいずれかの画像を必要とする場合に使用する、ヘッダー画像のバージョンを指定します。
 
-{{HTMLElement("img")}} 要素でどのような画像形式が使用可能であるかかについての詳細は、 [画像ファイルの種類と形式ガイド](/ja/docs/Web/Media/Formats/Image_types) を参照して下さい。
+なお、`srcset` 内のリソースの何れかが "w" 記述子を伴って記述された場合は、`srcset` 内のすべてのリソースを "w" 記述子で記述する必要があり、この画像要素の {{domxref("HTMLImageElement.src", "src")}} は候補として考慮されません。
 
 ## 例
 
 ### HTML
 
-以下の HTML は、既定の画像が、私たちの文書のいくつかの場所で使用している、幅 200 ピクセルの時計の画像であることを示しています。また、 `srcset` 属性によって、 1x ディスプレイには 200 ピクセルのバージョンを、 2x ディスプレイには 400 ピクセルのバージョンを使用するように指定されています。
+以下の HTML は、{{domxref("HTMLImageElement.src", "src")}} 属性に記述されている既定の画像リソースを 1x の画面で使用し、400 ピクセル版（`srcset` 属性で記述され、`2x` 記述子が割り当てられているもの）は 2x の画面で使用するよう示しています。
 
 ```html
 <div class="box">
-  <img src="/en-us/web/html/element/img/clock-demo-200px.png"
-       alt="時計"
-       srcset="/en-us/web/html/element/img/clock-demo-200px.png 1x, /en-us/web/html/element/img/clock-demo-400px.png 2x">
+  <img
+    src="/en-us/web/html/element/img/clock-demo-200px.png"
+    alt="Clock"
+    srcset="/en-us/web/html/element/img/clock-demo-400px.png 2x" />
 </div>
 ```
 
@@ -65,7 +67,7 @@ CSS では、画像とその周囲のボックスは 200 ピクセル四方で
 ```css
 .box {
   width: 200px;
-  border: 2px solid rgba(150, 150, 150, 255);
+  border: 2px solid rgb(150, 150, 150);
   padding: 0.5em;
   word-break: break-all;
 }
@@ -92,9 +94,9 @@ window.addEventListener("load", () => {
 
 ### 結果
 
-以下の出力では、選択された URL は、ディスプレイが 1x と 2x のどちらのバージョンの画像を選択したかに対応して変わります。標準ディスプレイと高密度ディスプレイの両方をお持ちの方は、このウィンドウを移動してページを再読み込みすると、結果が変わることをご確認ください。
+以下の出力では、選択された URL は、画面が 1x と 2x のどちらのバージョンの画像を選択したかに対応して変わります。標準画面と高密度画面の両方をお持ちの方は、このウィンドウを移動してページを再読み込みすると、結果が変わることをご確認ください。
 
-{{EmbedLiveSample("Example", 640, 320)}}
+{{EmbedLiveSample("Examples", 640, 320)}}
 
 それ以外の例については、[レスポンシブ画像](/ja/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)のガイドを参照してください。
 
diff --git a/files/ja/web/api/htmlimageelement/usemap/index.md b/files/ja/web/api/htmlimageelement/usemap/index.md
index 6a7b8800c300ff..961063e01e08cb 100644
--- a/files/ja/web/api/htmlimageelement/usemap/index.md
+++ b/files/ja/web/api/htmlimageelement/usemap/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.useMap
+title: "HTMLImageElement: useMap プロパティ"
+short-title: useMap
 slug: Web/API/HTMLImageElement/useMap
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -21,15 +24,19 @@ slug: Web/API/HTMLImageElement/useMap
 
 ```html
 <map name="mainmenu-map">
-  <area shape="circle" coords="25, 25, 75" href="/index.html" alt="Return to home page">
-  <area shape="rect" coords="25, 25, 100, 150" href="/index.html" alt="Shop">
+  <area
+    shape="circle"
+    coords="25, 25, 75"
+    href="/index.html"
+    alt="Return to home page" />
+  <area shape="rect" coords="25, 25, 100, 150" href="/index.html" alt="Shop" />
 </map>
 ```
 
 `mainmenu-map` という名前のイメージマップがあるとすると、それを使ったイメージは以下のようなものになります。
 
 ```html
-<img src="menubox.png" usemap="#mainmenu-map">
+<img src="menubox.png" usemap="#mainmenu-map" />
 ```
 
 他の例（インタラクティブなものもあります）については、 {{HTMLElement("map")}} と {{HTMLElement("area")}} 要素についての記事や、[イメージマップの使用法](/ja/docs/Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image)をご覧下さい。
diff --git a/files/ja/web/api/htmlimageelement/vspace/index.md b/files/ja/web/api/htmlimageelement/vspace/index.md
index 2c18740289f474..b37bebe2e44198 100644
--- a/files/ja/web/api/htmlimageelement/vspace/index.md
+++ b/files/ja/web/api/htmlimageelement/vspace/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.vspace
+title: "HTMLImageElement: vspace プロパティ"
+short-title: vspace
 slug: Web/API/HTMLImageElement/vspace
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}{{deprecated_header}}
diff --git a/files/ja/web/api/htmlimageelement/width/index.md b/files/ja/web/api/htmlimageelement/width/index.md
index af4cf19547bb62..19d3991664fc64 100644
--- a/files/ja/web/api/htmlimageelement/width/index.md
+++ b/files/ja/web/api/htmlimageelement/width/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.width
+title: "HTMLImageElement: width プロパティ"
+short-title: width
 slug: Web/API/HTMLImageElement/width
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
 ---
 
 {{APIRef("HTML DOM")}}
@@ -9,10 +12,10 @@ slug: Web/API/HTMLImageElement/width
 
 ## 値
 
-画像の幅を表す整数値です。幅を定義する方法は、画像が画面やプリンターのような視覚的媒体にレンダリングされるかどうかに依存します。
+画像の幅を表す整数値です。幅がどのように定義されるかは、画像が画面やプリンターのような視覚的媒体にレンダリングされるかどうかに依存します。
 
 - 画像が視覚媒体にレンダリングされる場合、幅は {{Glossary("CSS pixel", "CSS ピクセル")}}で表現されます。
-- 画像が視覚媒体にレンダリングされない場合、画像の幅は、 {{domxref("HTMLImageElement.naturalWidth", "naturalWidth")}} で示される表示密度用に調整された自然の（固有の）幅で表わされます。
+- 画像が視覚媒体にレンダリングされない場合、画像の幅は、{{domxref("HTMLImageElement.naturalWidth", "naturalWidth")}} で示される表示密度用に調整された自然の（内在的な）幅で表わされます。
 
 ## 例
 
@@ -25,11 +28,14 @@ slug: Web/API/HTMLImageElement/width
 
 ```html
 <p>画像の幅: <span class="size">?</span>px (リサイズで更新)</p>
-<img src="/en-US/docs/Web/HTML/Element/img/clock-demo-200px.png"
-      alt="Clock"
-      srcset="/en-US/docs/Web/HTML/Element/img/clock-demo-200px.png 200w,
-          /en-US/docs/Web/HTML/Element/img/clock-demo-400px.png 400w"
-      sizes="(max-width: 400px) 200px, 400px">
+<img
+  src="/en-US/docs/Web/HTML/Element/img/clock-demo-200px.png"
+  alt="Clock"
+  srcset="
+    /en-US/docs/Web/HTML/Element/img/clock-demo-200px.png 200w,
+    /en-US/docs/Web/HTML/Element/img/clock-demo-400px.png 400w
+  "
+  sizes="(max-width: 400px) 200px, 400px" />
 ```
 
 ### JavaScript
@@ -37,10 +43,12 @@ slug: Web/API/HTMLImageElement/width
 JavaScript は `width` プロパティを調べて、その時点での画像の幅を決定します。これはウィンドウの {{domxref("Window.load_event", "load")}} と {{domxref("Window.resize_event", "resize")}} イベントハンドラーで行われるので、常に最新の幅情報を利用することができます。
 
 ```js
-var clockImage = document.querySelector("img");
+const clockImage = document.querySelector("img");
 let output = document.querySelector(".size");
 
-const updateWidth = event => { output.innerText = clockImage.width; };
+const updateWidth = (event) => {
+  output.innerText = clockImage.width;
+};
 
 window.addEventListener("load", updateWidth);
 window.addEventListener("resize", updateWidth);
@@ -48,9 +56,9 @@ window.addEventListener("resize", updateWidth);
 
 ### 結果
 
-{{EmbedLiveSample("Example", 640, 450)}}
+{{EmbedLiveSample("Examples", 640, 450)}}
 
-この例は{{LiveSampleLink('Example', '独自のウィンドウ')}}で試してみるとわかりやすいかもしれません。
+この例は{{LiveSampleLink('Examples', '独自のウィンドウ')}}で試してみるとわかりやすいかもしれません。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/x/index.md b/files/ja/web/api/htmlimageelement/x/index.md
index a1ed1ba00ed5b9..7f6946d5785550 100644
--- a/files/ja/web/api/htmlimageelement/x/index.md
+++ b/files/ja/web/api/htmlimageelement/x/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.x
+title: "HTMLImageElement: x プロパティ"
+short-title: x
 slug: Web/API/HTMLImageElement/x
+l10n:
+  sourceCommit: b0870830e4c02596ca6c501f8f8b468a917eafc2
 ---
 
 {{APIRef("HTML DOM")}}
@@ -42,7 +45,7 @@ slug: Web/API/HTMLImageElement/x
   <tr>
     <td>12345678</td>
     <td>Johnny Rocket</td>
-    <td><img src="https://interactive-examples.mdn.mozilla.net/media/examples/grapefruit-slice-332-332.jpg"</td>
+    <td><img src="https://interactive-examples.mdn.mozilla.net/media/examples/grapefruit-slice-332-332.jpg"></td>
   </th>
 </table>
 <pre id="log">
@@ -55,11 +58,11 @@ slug: Web/API/HTMLImageElement/x
 
 ```js
 let logBox = document.querySelector("pre");
-let tbl = document.getElementById("userinfo")
+let tbl = document.getElementById("userinfo");
 
-let log = msg => {
+let log = (msg) => {
   logBox.innerHTML += `${msg}<br>`;
-}
+};
 
 let cell = tbl.rows[1].cells[2];
 let image = cell.querySelector("img");
@@ -89,7 +92,8 @@ table {
   font-family: sans-serif;
 }
 
-td, th {
+td,
+th {
   border: 1px solid rgb(100, 100, 100);
   padding: 10px 14px;
 }
diff --git a/files/ja/web/api/htmlimageelement/y/index.md b/files/ja/web/api/htmlimageelement/y/index.md
index 49782eebdee961..c5db880cfd6cec 100644
--- a/files/ja/web/api/htmlimageelement/y/index.md
+++ b/files/ja/web/api/htmlimageelement/y/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLImageElement.y
+title: "HTMLImageElement: y プロパティ"
+short-title: "y"
 slug: Web/API/HTMLImageElement/y
+l10n:
+  sourceCommit: 7b3ccaec4a93584da12939587ea746acaabe30bc
 ---
 
 {{APIRef("HTML DOM")}}

From aaf3ace6f8ff9d89a8537c0e9d35a021bb8ccc35 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Jun 2023 22:17:32 +0900
Subject: [PATCH 037/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/button/index.md | 159 ++++++++++--------
 1 file changed, 86 insertions(+), 73 deletions(-)

diff --git a/files/ja/web/html/element/input/button/index.md b/files/ja/web/html/element/input/button/index.md
index fa6966912687cf..68847f0e15d68e 100644
--- a/files/ja/web/html/element/input/button/index.md
+++ b/files/ja/web/html/element/input/button/index.md
@@ -2,7 +2,7 @@
 title: <input type="button">
 slug: Web/HTML/Element/input/button
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
@@ -13,38 +13,6 @@ l10n:
 
 > **メモ:** `<input>` 要素の `button` 型は完全に妥当な HTML ですが、より新しい {{HTMLElement("button")}} 要素が、ボタンの作成にはより好まれるようになりました。 {{HTMLElement("button")}} のラベル文字列は開始タグと終了タグの間に挿入され、ラベルに画像を含む HTML を含めることができます。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#value">値</a></strong></td>
-      <td>ボタンのラベルとして使われる文字列</td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>{{domxref("Element/click_event", "click")}}</td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#type"><code>type</code></a> および
-        <a href="/ja/docs/Web/HTML/Element/input#value"><code>value</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>なし</td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 ### value ありのボタン
@@ -77,24 +45,24 @@ l10n:
 
 ```html
 <form>
-  <input type="button" value="マシンを起動">
+  <input type="button" value="マシンを起動" />
 </form>
 <p>マシンが停止しています。</p>
 ```
 
 ```js
-const button = document.querySelector('input');
-const paragraph = document.querySelector('p');
+const button = document.querySelector("input");
+const paragraph = document.querySelector("p");
 
-button.addEventListener('click', updateButton);
+button.addEventListener("click", updateButton);
 
 function updateButton() {
-  if (button.value === 'マシンを起動') {
-    button.value = 'マシンを停止';
-    paragraph.textContent = 'マシンが起動しています！';
+  if (button.value === "マシンを起動") {
+    button.value = "マシンを停止";
+    paragraph.textContent = "マシンが起動しています！";
   } else {
-    button.value = 'マシンを起動';
-    paragraph.textContent = 'マシンが停止しています。';
+    button.value = "マシンを起動";
+    paragraph.textContent = "マシンが停止しています。";
   }
 }
 ```
@@ -117,18 +85,18 @@ function updateButton() {
 ```
 
 ```js hidden
-const button = document.querySelector('input');
-const paragraph = document.querySelector('p');
+const button = document.querySelector("input");
+const paragraph = document.querySelector("p");
 
-button.addEventListener('click', updateButton);
+button.addEventListener("click", updateButton);
 
 function updateButton() {
-  if (button.value === 'マシンを起動') {
-    button.value = 'マシンを停止';
-    paragraph.textContent = 'マシンが起動しています！';
+  if (button.value === "マシンを起動") {
+    button.value = "マシンを停止";
+    paragraph.textContent = "マシンが起動しています！";
   } else {
-    button.value = 'マシンを起動';
-    paragraph.textContent = 'マシンが停止しています。';
+    button.value = "マシンを起動";
+    paragraph.textContent = "マシンが停止しています。";
   }
 }
 ```
@@ -154,16 +122,16 @@ function updateButton() {
 ```
 
 ```js
-const button = document.querySelector('input');
+const button = document.querySelector("input");
 
-button.addEventListener('click', disableButton);
+button.addEventListener("click", disableButton);
 
 function disableButton() {
   button.disabled = true;
-  button.value = 'Disabled';
+  button.value = "Disabled";
   setTimeout(() => {
     button.disabled = false;
-    button.value = 'Enabled';
+    button.value = "Enabled";
   }, 2000);
 }
 ```
@@ -186,10 +154,10 @@ function disableButton() {
 ```
 
 ```js
-const button = document.querySelector('input');
-const fieldset = document.querySelector('fieldset');
+const button = document.querySelector("input");
+const fieldset = document.querySelector("fieldset");
 
-button.addEventListener('click', disableButton);
+button.addEventListener("click", disableButton);
 
 function disableButton() {
   fieldset.disabled = true;
@@ -260,29 +228,29 @@ span {
 ```
 
 ```js
-const canvas = document.querySelector('.myCanvas');
-const width = canvas.width = window.innerWidth;
-const height = canvas.height = window.innerHeight - 85;
-const ctx = canvas.getContext('2d');
+const canvas = document.querySelector(".myCanvas");
+const width = (canvas.width = window.innerWidth);
+const height = (canvas.height = window.innerHeight - 85);
+const ctx = canvas.getContext("2d");
 
-ctx.fillStyle = 'rgb(0,0,0)';
-ctx.fillRect(0,0,width,height);
+ctx.fillStyle = "rgb(0,0,0)";
+ctx.fillRect(0, 0, width, height);
 
 const colorPicker = document.querySelector('input[type="color"]');
 const sizePicker = document.querySelector('input[type="range"]');
-const output = document.querySelector('.output');
+const output = document.querySelector(".output");
 const clearBtn = document.querySelector('input[type="button"]');
 
 // 角度をラジアンに変換する
 function degToRad(degrees) {
-  return degrees * Math.PI / 180;
-};
+  return (degrees * Math.PI) / 180;
+}
 
 // 選択した大きさの値を反映
 
 sizePicker.oninput = () => {
   output.textContent = sizePicker.value;
-}
+};
 
 // マウスポインターと、ボタンが押されているかどうかを格納
 let curX;
@@ -293,7 +261,7 @@ let pressed = false;
 document.onmousemove = (e) => {
   curX = e.pageX;
   curY = e.pageY;
-}
+};
 
 canvas.onmousedown = () => {
   pressed = true;
@@ -301,18 +269,25 @@ canvas.onmousedown = () => {
 
 canvas.onmouseup = () => {
   pressed = false;
-}
+};
 
 clearBtn.onclick = () => {
-  ctx.fillStyle = 'rgb(0,0,0)';
-  ctx.fillRect(0,0,width,height);
-}
+  ctx.fillStyle = "rgb(0,0,0)";
+  ctx.fillRect(0, 0, width, height);
+};
 
 function draw() {
   if (pressed) {
     ctx.fillStyle = colorPicker.value;
     ctx.beginPath();
-    ctx.arc(curX, curY - 85, sizePicker.value, degToRad(0), degToRad(360), false);
+    ctx.arc(
+      curX,
+      curY - 85,
+      sizePicker.value,
+      degToRad(0),
+      degToRad(360),
+      false
+    );
     ctx.fill();
   }
 
@@ -324,6 +299,44 @@ draw();
 
 {{EmbedLiveSample("Examples", '100%', 600)}}
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#value">値</a></strong></td>
+      <td>ボタンのラベルとして使われる文字列</td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>{{domxref("Element/click_event", "click")}}</td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#type"><code>type</code></a> および
+        <a href="/ja/docs/Web/HTML/Element/input#value"><code>value</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>なし</td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="/ja/docs/Web/Accessibility/ARIA/Roles/button_role"><code>button</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 118211b60c93b8329b25a7d0dc2495fd6bbab7e6 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Jun 2023 23:39:55 +0900
Subject: [PATCH 038/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/html/element/input/checkbox/index.md  | 170 ++++++++++--------
 1 file changed, 96 insertions(+), 74 deletions(-)

diff --git a/files/ja/web/html/element/input/checkbox/index.md b/files/ja/web/html/element/input/checkbox/index.md
index 2500921c0f6eba..a4d3fc706cc7e0 100644
--- a/files/ja/web/html/element/input/checkbox/index.md
+++ b/files/ja/web/html/element/input/checkbox/index.md
@@ -2,7 +2,7 @@
 title: <input type="checkbox">
 slug: Web/HTML/Element/input/checkbox
 l10n:
-  sourceCommit: 7594b50698a76ce79209b159835e615052915723
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
@@ -11,42 +11,7 @@ l10n:
 
 {{EmbedInteractiveExample("pages/tabbed/input-checkbox.html", "tabbed-standard")}}
 
-> **メモ:** [ラジオボタン](/ja/docs/Web/HTML/Element/input/radio)はチェックボックスと似ていますが、重要な違いがあります。ラジオボタンはグループ化されており、同時に 1 つしか選択できないのに対し、チェックボックスは単一の値をオンにしたりオフにしたり切り替えることができます。複数のコントロールがある場所では、ラジオボタンはその中で一つしか選択できませんが、チェックボックスは複数の値が選択できます。
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#value">値</a></strong></td>
-      <td>
-        チェックボックスの値を表す文字列。
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>{{domxref("HTMLElement/change_event", "change")}} および {{domxref("HTMLElement/input_event", "input")}}</td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td><code>checked</code></td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td>
-        <code><a href="#attr-checked">checked</a></code>、<code><a href="#attr-indeterminate">indeterminate</a></code>、<code><a href="#attr-value">value</a></code>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
+> **メモ:** [ラジオボタン](/ja/docs/Web/HTML/Element/input/radio)はチェックボックスと似ていますが、重要な違いがあります。[同じ名前のラジオボタン](/ja/docs/Web/HTML/Element/input/radio#ラジオグループの定義)はグループ化されており、同時に 1 つしか選択できないのに対し、チェックボックスは単一の値をオンにしたりオフにしたり切り替えることができます。複数のコントロールがある場所では、ラジオボタンはその中で一つしか選択できませんが、チェックボックスは複数の値が選択できます。
 
 ## 値
 
@@ -72,7 +37,7 @@ l10n:
 
 `value` 属性が省略された場合は、チェックボックスの既定値は `on` ですので、その場合の送信されるデータは `subscribe=on` となります。
 
-> **メモ:** フォームが送信されたときにチェックボックスがチェックされていなかった場合、チェックされていない状態を表す値 (`value=unchecked` など) が送信されることはなく、値はサーバーに全く送信されません。チェックボックスがチェックされていないときに既定値を送信したい場合は、フォーム内に {{HTMLElement("input/hidden", '&lt;input type="hidden"&gt;')}} を、同じ `name` と `value` で、おそらく JavaScript で含めることで実現できます。
+> **メモ:** フォームが送信されたとき、チェックボックスがチェックされていない場合、名前も値もサーバーに送信されません。HTML のみでチェックボックスがチェックされていない状態を表す方法（`value=unchecked` のように）はありません。チェックボックスがチェックされていないときの既定値を送信したい場合は、JavaScript を記述して、フォーム内にチェックされていない状態を示す値を持つ {{HTMLElement("input/hidden", '&lt;input type="hidden"&gt;')}} を作成することで実現できます。
 
 ## 追加の属性
 
@@ -80,8 +45,8 @@ l10n:
 
 - `checked`
 
-  - : 論理属性で、チェックボックスが既定で (ページが読み込まれたときに) チェックされているかどうかを示します。チェックボックスが現在チェックされているかどうかを示すものでは*ありません*。チェックボックスの状態が変化した場合、このコンテンツ属性は変化を反映しません。 ({{domxref("HTMLInputElement")}} の `checked` IDL 属性のみが更新されます。)
-    > **メモ:** 他の入力コントロールとは異なり、チェックボックスの値は現在 `checked` の状態にある場合のみ、送信データに含まれます。その場合、チェックボックスの `value` 属性の値が入力欄の値として報告されます。
+  - : [論理](/ja/docs/Glossary/Boolean/HTML)属性で、チェックボックスが既定で（ページが読み込まれたときに）チェックされているかどうかを示します。チェックボックスが現在チェックされているかどうかを示すものでは*ありません*。チェックボックスの状態が変化した場合、このコンテンツ属性は変化を反映しません。（{{domxref("HTMLInputElement")}} の `checked` IDL 属性のみが更新されます。）
+    > **メモ:** 他の入力コントロールとは異なり、チェックボックスの値は現在 `checked` の状態にある場合のみ、送信データに含まれます。その場合、チェックボックスの `value` 属性の値、または `value` が設定されていない場合は `on` が入力欄の値として報告されます。
     > 他のブラウザーとは異なり、 Firefox は既定でページ読み込みを通して `<input>` の[チェック状態を維持します](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing)。この機能を制御するには [`autocomplete`](/ja/docs/Web/HTML/Element/input#autocomplete) 属性を使用してください。
 
 - `value`
@@ -150,11 +115,11 @@ l10n:
 inputInstance.indeterminate = true;
 ```
 
-多くのブラウザーでは、未決定の状態のチェックボックスにはボックス内にチェックの代わりに水平線 (ハイフンやマイナス記号のように見えるもの) が引かれます。
+多くのブラウザーでは、未決定の状態のチェックボックスにはボックス内にチェックの代わりに水平線（ハイフンやマイナス記号のように見えるもの）が引かれます。
 
-このプロパティを使用する機会は多くありません。最もよくある例では、チェックボックスが複数のサブオプション (チェックボックス) を「統括」している場合です。すべてのサブオプションがチェックされたとき、統括しているチェックボックスもチェックされ、すべてのチェックボックスのチェックが外れたとき、統括しているチェックボックスもチェックが外れます。1 つ以上のサブオプションが他とは異なる状態にあるとき、統括しているチェックボックスは未決定の状態になります。
+このプロパティを使用する機会は多くありません。最もよくある例では、チェックボックスが複数のサブオプション（チェックボックス）を「統括」している場合です。すべてのサブオプションがチェックされたとき、統括しているチェックボックスもチェックされ、すべてのチェックボックスのチェックが外れたとき、統括しているチェックボックスもチェックが外れます。1 つ以上のサブオプションが他とは異なる状態にあるとき、統括しているチェックボックスは未決定の状態になります。
 
-これは以下の例に見られます (この発想は [CSS Tricks](https://css-tricks.com/indeterminate-checkboxes/) のおかげです)。この例では、製作手順のために収集する材料を追跡しています。材料のチェックボックスをオンまたはオフにすると、 JavaScript の関数はチェックされた材料の総数をチェックします。
+これは以下の例に見られます（この発想は [CSS Tricks](https://css-tricks.com/indeterminate-checkboxes/) のおかげです）。この例では、製作手順のために収集する材料を追跡しています。材料のチェックボックスをオンまたはオフにすると、 JavaScript の関数はチェックされた材料の総数をチェックします。
 
 - チェックがない場合、製作手順名のチェックボックスは未チェックになります。
 - 1 つまたは 2 つがチェックされた場合、製作手順名のチェックボックスは `indeterminate` に設定されます。
@@ -163,15 +128,15 @@ inputInstance.indeterminate = true;
 ですからこの場合は、材料を集め始めているものの、製作が完成していない状態に `indeterminate` が使われます。
 
 ```js
-const overall = document.querySelector('#enchantment');
-const ingredients = document.querySelectorAll('ul input');
+const overall = document.querySelector("#enchantment");
+const ingredients = document.querySelectorAll("ul input");
 
-overall.addEventListener('click', (e) => {
+overall.addEventListener("click", (e) => {
   e.preventDefault();
 });
 
 for (const ingredient of ingredients) {
-  ingredient.addEventListener('click', updateDisplay);
+  ingredient.addEventListener("click", updateDisplay);
 }
 
 function updateDisplay() {
@@ -201,45 +166,61 @@ function updateDisplay() {
 
 ## 検証
 
-チェックボックスは[検証](/ja/docs/Web/HTML/Constraint_validation) (すべての {{HTMLElement("input")}} に対して行われる) に対応しています。しかし、多くの場合 {{domxref("ValidityState")}} は常に `false` になります。チェックボックスに [`required`](/ja/docs/Web/HTML/Element/input#required) 属性がある場合で、チェックされていない場合、 {{domxref("ValidityState.valueMissing")}} が `true` になります。
+チェックボックスは[検証](/ja/docs/Web/HTML/Constraint_validation)（すべての {{HTMLElement("input")}} に対して行われる）に対応しています。しかし、多くの場合 {{domxref("ValidityState")}} は常に `false` になります。チェックボックスに [`required`](/ja/docs/Web/HTML/Element/input#required) 属性がある場合で、チェックされていない場合、 {{domxref("ValidityState.valueMissing")}} が `true` になります。
 
 ## 例
 
-次の例は、上で見た「複数のチェックボックス」の拡張版です。より標準的なオプションと、チェックされたときに「その他」オプションの値を入力する入力欄を表示させる「その他」チェックボックスがあります。これは JavaScript の単純なブロックで実現します。この例には、整形方法を改善するための CSS も含まれています。
+次の例は、上で見た「複数のチェックボックス」の拡張版です。より標準的なオプションと、チェックされたときに「その他」オプションの値を入力する入力欄を表示させる「その他」チェックボックスがあります。これは JavaScript の単純なブロックで実現します。この例では、`<input>` が直接 `<label>` の中にあり、暗黙のラベルを含んでいます。目に見えるラベルのないテキスト入力は、[`aria-label`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-label) を指定すると、指定されたアクセス可能な名前を提供することができます。この例では、スタイル設定を改善するためにいくつかの CSS も記載しています。
 
 ### HTML
 
 ```html
 <form>
   <fieldset>
-    <legend>Choose your interests</legend>
+    <legend>興味のあるものを選択してください</legend>
     <div>
-      <input type="checkbox" id="coding" name="interest" value="coding" />
-      <label for="coding">Coding</label>
+      <label>
+        <input type="checkbox" id="coding" name="interest" value="coding" />
+        コーディング
+      </label>
     </div>
     <div>
-      <input type="checkbox" id="music" name="interest" value="music" />
-      <label for="music">Music</label>
+      <label>
+        <input type="checkbox" id="music" name="interest" value="music" />
+        音楽
+      </label>
     </div>
     <div>
-      <input type="checkbox" id="art" name="interest" value="art" />
-      <label for="art">Art</label>
+      <label>
+        <input type="checkbox" id="art" name="interest" value="art" />
+        美術
+      </label>
     </div>
     <div>
-      <input type="checkbox" id="sports" name="interest" value="sports" />
-      <label for="sports">Sports</label>
+      <label>
+        <input type="checkbox" id="sports" name="interest" value="sports" />
+        スポーツ
+      </label>
     </div>
     <div>
-      <input type="checkbox" id="cooking" name="interest" value="cooking" />
-      <label for="cooking">Cooking</label>
+      <label>
+        <input type="checkbox" id="cooking" name="interest" value="cooking" />
+        料理
+      </label>
     </div>
     <div>
-      <input type="checkbox" id="other" name="interest" value="other" />
-      <label for="other">Other</label>
-      <input type="text" id="otherValue" name="other" />
+      <label>
+        <input type="checkbox" id="other" name="interest" value="other" />
+        その他
+      </label>
+      <input
+        type="text"
+        id="otherValue"
+        name="other"
+        aria-label="Other interest" />
     </div>
     <div>
-      <button type="submit">Submit form</button>
+      <button type="submit">フォームを送信</button>
     </div>
   </fieldset>
 </form>
@@ -276,16 +257,16 @@ legend {
 ### JavaScript
 
 ```js
-const otherCheckbox = document.querySelector('#other');
-const otherText = document.querySelector('#otherValue');
-otherText.style.visibility = 'hidden';
+const otherCheckbox = document.querySelector("#other");
+const otherText = document.querySelector("#otherValue");
+otherText.style.visibility = "hidden";
 
-otherCheckbox.addEventListener('change', () => {
+otherCheckbox.addEventListener("change", () => {
   if (otherCheckbox.checked) {
-    otherText.style.visibility = 'visible';
-    otherText.value = '';
+    otherText.style.visibility = "visible";
+    otherText.value = "";
   } else {
-    otherText.style.visibility = 'hidden';
+    otherText.style.visibility = "hidden";
   }
 });
 ```
@@ -294,6 +275,47 @@ otherCheckbox.addEventListener('change', () => {
 
 {{EmbedLiveSample('Examples', '100%', 300)}}
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#value">値</a></strong></td>
+      <td>
+        チェックボックスの値を表す文字列。
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>{{domxref("HTMLElement/change_event", "change")}} および {{domxref("HTMLElement/input_event", "input")}}</td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td><code>checked</code></td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td>
+        <code><a href="#checked">checked</a></code>、<code><a href="#indeterminate">indeterminate</a></code>、<code><a href="#value">value</a></code>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="/ja/docs/Web/Accessibility/ARIA/Roles/checkbox_role"><code>checkbox</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}
@@ -304,6 +326,6 @@ otherCheckbox.addEventListener('change', () => {
 
 ## 関連情報
 
-- {{HTMLElement("input")}} およびそれに実装されている {{domxref("HTMLInputElement")}} インターフェイス。
-- CSS の {{cssxref(":checked")}} および {{cssxref(":indeterminate")}} セレクターで、現在の状態に基づいてチェックボックスを整形できます
-- [CSS プロパティの互換性](/ja/docs/Learn/Forms/Property_compatibility_table_for_form_controls)
+- {{cssxref(":checked")}}, {{cssxref(":indeterminate")}}: CSS のセレクターで、現在の状態に基づいてチェックボックスを整形できます
+- {{domxref("HTMLInputElement")}}: HTML DOM API において `<input>` 要素が実装しているもの
+- [フォームコントロールの CSS プロパティの互換性](/ja/docs/Learn/Forms/Property_compatibility_table_for_form_controls)

From 41f338b15102dda0161eb645c7d6d04e5cfbf2f6 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Mon, 19 Jun 2023 02:02:57 +0900
Subject: [PATCH 039/146] =?UTF-8?q?2023/03/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/html/date_and_time_formats/index.md   | 381 ++++++++++++------
 1 file changed, 249 insertions(+), 132 deletions(-)

diff --git a/files/ja/web/html/date_and_time_formats/index.md b/files/ja/web/html/date_and_time_formats/index.md
index 0db8c4bbe29607..002020a5445361 100644
--- a/files/ja/web/html/date_and_time_formats/index.md
+++ b/files/ja/web/html/date_and_time_formats/index.md
@@ -1,16 +1,19 @@
 ---
 title: HTML で使われる日付や時刻の形式
 slug: Web/HTML/Date_and_time_formats
+l10n:
+  sourceCommit: fa8a44b8bff24a4032181c4fd155c459c0dc9161
 ---
 
 {{HTMLSidebar}}
 
-一部の HTML 要素は日付や時刻の値を使用します。この記事ではこれらの値を指定する文字列の形式について説明しています。このような形式を使用する要素には、ユーザーに日付、時刻、またはその両方を選択または指定させる {{HTMLElement("input")}} 要素の一部の形、同様に {{HTMLElement("ins")}} および {{HTMLElement("del")}} 要素で、 [`datetime`](/ja/docs/Web/HTML/Element/ins#datetime) 属性によって内容の挿入または削除が行われた日付や日時を指定しているものなどがあります。
+一部の HTML 要素は日付や時刻の値を使用します。この記事ではこれらの値を指定する文字列の形式について説明しています。
 
-`<input>` については、 [`type`](/ja/docs/Web/HTML/Element/input#type) の値で日付や時刻を表す文字列を含む [`value`](/ja/docs/Web/HTML/Element/input#value) を返すものは次の通りです。
+このような形式を使用する要素には、ユーザーに日付、時刻、またはその両方を選択または指定させる {{HTMLElement("input")}} 要素の一部の形、同様に {{HTMLElement("ins")}} および {{HTMLElement("del")}} 要素で、[`datetime`](/ja/docs/Web/HTML/Element/ins#datetime) 属性によって内容の挿入または削除が行われた日付や日時を指定しているものなどがあります。
+
+`<input>` については、 [`type`](/ja/docs/Web/HTML/Element/input#type) の値のうち日付や時刻を表す文字列を含む [`value`](/ja/docs/Web/HTML/Global_attributes#value) を返すものは次の通りです。
 
 - [`date`](/ja/docs/Web/HTML/Element/input/date)
-- [`datetime`](/ja/docs/Web/HTML/Element/input/datetime) {{deprecated_inline}}
 - [`datetime-local`](/ja/docs/Web/HTML/Element/input/datetime-local)
 - [`month`](/ja/docs/Web/HTML/Element/input/month)
 - [`time`](/ja/docs/Web/HTML/Element/input/time)
@@ -18,11 +21,11 @@ slug: Web/HTML/Date_and_time_formats
 
 ## 例
 
-日付と時刻の文字列が HTML でどのように記述され解析されるかの複雑さを理解する前に、より一般的に使用される日付と時刻の文字列形式がどのように見えるかを理解するための例をいくつか示します。
+日付と時刻文字列が HTML でどのように記述され解析されるかの複雑さを理解する前に、より一般的に使用される日付と時刻文字列形式がどのように見えるかを理解するための例をいくつか示します。
 
 <table class="standard-table">
   <caption>
-    HTML の日付と時刻の文字列の例
+    HTML の日付と時刻文字列の例
   </caption>
   <thead>
     <tr>
@@ -33,67 +36,69 @@ slug: Web/HTML/Date_and_time_formats
   <tbody>
     <tr>
       <td><code>2005-06-07</code></td>
-      <td>2005年6月7日</td>
+      <td>2005 年 6 月 7 日</td>
       <td>
-        <a href="/ja/docs/Web/HTML/Date_and_time_formats#Date_strings"
+        <a href="/ja/docs/Web/HTML/Date_and_time_formats#日付文字列"
           >[詳細]</a
         >
       </td>
     </tr>
     <tr>
       <td><code>08:45</code></td>
-      <td>午前8時45分</td>
+      <td>午前 8 時 45 分</td>
       <td>
-        <a href="/ja/docs/Web/HTML/Date_and_time_formats#Time_strings"
+        <a href="/ja/docs/Web/HTML/Date_and_time_formats#時刻文字列"
           >[詳細]</a
         >
       </td>
     </tr>
     <tr>
       <td><code>08:45:25</code></td>
-      <td>午前8時45分25秒</td>
+      <td>午前 8 時 45 分 25 秒</td>
       <td>
-        <a href="/ja/docs/Web/HTML/Date_and_time_formats#Time_strings"
+        <a href="/ja/docs/Web/HTML/Date_and_time_formats#時刻文字列"
           >[詳細]</a
         >
       </td>
     </tr>
     <tr>
       <td><code>0033-08-04T03:40</code></td>
-      <td>33年8月4日午前3時40分</td>
+      <td>33 年 8 月 4 日午前 3 時 40 分</td>
       <td>
         <a
-          href="/ja/docs/Web/HTML/Date_and_time_formats#Local_date_and_time_strings"
+          href="/ja/docs/Web/HTML/Date_and_time_formats#ローカル日時文字列"
           >[詳細]</a
         >
       </td>
     </tr>
     <tr>
       <td><code>1977-04-01T14:00:30</code></td>
-      <td>1977年4月1日午後2時30秒</td>
+      <td>1977 年 4 月 1 日午後 2 時 30 秒</td>
       <td>
         <a
-          href="/ja/docs/Web/HTML/Date_and_time_formats#Local_date_and_time_strings"
+          href="/ja/docs/Web/HTML/Date_and_time_formats#ローカル日時文字列"
           >[詳細]</a
         >
       </td>
     </tr>
     <tr>
       <td><code>1901-01-01T00:00Z</code></td>
-      <td>UTC での1901年1月1日の夜半</td>
+      <td>UTC での 1901 年 1 月 1 日の夜半</td>
       <td>
         <a
-          href="/ja/docs/Web/HTML/Date_and_time_formats#Global_date_and_time_strings"
+          href="/ja/docs/Web/HTML/Date_and_time_formats#グローバル日時文字列"
           >[詳細]</a
         >
       </td>
     </tr>
     <tr>
       <td><code>1901-01-01T00:00:01-04:00</code></td>
-      <td>米東部標準時の1901年1月1日の夜半から1秒後</td>
+      <td>
+        米東部標準時の 1901 年 1 月 1 日の夜半から 1 秒後
+      </td>
       <td>
         <a
-          href="/ja/docs/Web/HTML/Date_and_time_formats#Global_date_and_time_strings"
+          href="/ja/docs/Web/HTML/Date_and_time_formats#グローバル日時文字列"
           >[詳細]</a
         >
       </td>
@@ -103,7 +108,7 @@ slug: Web/HTML/Date_and_time_formats
 
 ## 基本
 
-HTML 要素で使用される文字列に関する日付や時刻のさまざまな形式を見てみる前に、これらの定義方法についての基本的な事実をいくつか理解してしておくと役に立ちます。 HTML では、日付や時刻の文字列に [ISO 8601](https://ja.wikipedia.org/wiki/ISO_8601) 標準の一種を使用します。 HTML 仕様書には、実際に ISO 8601 よりも詳細に文字列を解析するアルゴリズムが含まれており、日付と時刻の外見について微妙な違いがある可能性があるので、文字列が実際に HTML と互換性があることを確認するためには、使用している形式の説明を確認する価値があります。
+HTML 要素で使用される文字列に関する日付や時刻のさまざまな形式を見てみる前に、これらの定義方法についての基本的な事実をいくつか理解してしておくと有用です。HTML では、日付や時刻文字列に [ISO 8601](https://ja.wikipedia.org/wiki/ISO_8601) 標準の一種を使用します。HTML 仕様書には、実際に ISO 8601 よりも詳細に文字列を解析するアルゴリズムが含まれており、日付と時刻の外見について微妙な違いがある可能性があるので、文字列が実際に HTML と互換性があることを確認するためには、使用している形式の説明を確認する価値があります。
 
 ### 文字セット
 
@@ -111,170 +116,282 @@ HTML において、日付と時刻は常に [ASCII](https://ja.wikipedia.org/wi
 
 ### 年
 
-HTML で日付の文字列に使われる基本的な形式を単純化するために、仕様書ではすべての年をグレゴリオ暦 (または**先発グレゴリオ暦**) を使用して指定することを要求しています。ユーザーインターフェイスは他のカレンダーを使用した日付を入力することもできますが、元となる値は常にグレゴリオ暦を使用します。
+HTML で日付文字列に使われる基本的な形式を単純化するために、仕様書ではすべての年をグレゴリオ暦（または**先発グレゴリオ暦**）を使用して指定することを要求しています。ユーザーインターフェイスは他のカレンダーを使用した日付を入力することもできますが、元となる値は常にグレゴリオ暦を使用します。
 
-グレゴリオ暦は (同様のユリウス暦を置き換えた) 1582 年まで作成されていませんでしたが、 HTML の目的上、グレゴリオ暦は紀元 1 年まで延長されています。古い日付については、それを考慮してください。
+グレゴリオ暦は（よく似たユリウス暦を置き換えた）1582 年まで作成されていませんでしたが、 HTML の目的上、グレゴリオ暦は紀元 1 年まで延長されています。古い日付については、それを考慮してください。
 
 HTML の日付の目的上、年は常に 4 桁以上の長さになります。1000 年より前の年は、先頭にゼロ ("`0`") を入れますので、72 年は `0072` と書かれます。紀元 1 年以前の年には対応していないので、 HTML は紀元前 1 年以前の年に対応していません。
 
-1 年はふつうは 365 日ですが、**[閏年](#leap_years)**は例外です。
+1 年はふつうは 365 日ですが、**[うるう年](#うるう年)** は例外です。
 
-#### 閏年
+#### うるう年
 
-**閏年**は 400 で割れる年、または 4 で割れる年で 100 で割れない年です。暦年の長さは通常 365 日ですが、実際には地球が太陽の周りを一周するのにおよそ 365.2422 日かかります。閏年は、惑星の軌道上の実際の位置に合わせてカレンダーを調整するのに役立ちます。4 年ごとに 1 日を加えると、平均的な 1 年の長さは 365.25 日になり、これはほぼ正確に近くなります。
+**うるう年**は 400 で割れる年、または 4 で割れる年で 100 で割れない年です。暦年の長さは通常 365 日ですが、実際には地球が太陽の周りを一周するのにおよそ 365.2422 日かかります。うるう年は、惑星の軌道上の実際の位置に合わせてカレンダーを調整するのに役立ちます。4 年ごとに 1 日を加えると、平均的な 1 年の長さは 365.25 日になり、これはほぼ正確に近くなります。
 
-アルゴリズムの調整 (年を 400 で割ることができる場合は閏年とし、年を 100 で割ることができる場合はうるう年としない) は、平均をさらに正しい日数 (365.2425 日) に近づけるのに役立ちます。科学者たちは、残りの 1 万分の 3 日を処理し、地球の自転が自然に徐々に遅くなるのを補うために、閏秒をカレンダーに追加することがあります (真面目な話)。
+アルゴリズムの調整（年を 400 で割ることができる場合はうるう年とし、年を 100 で割ることができる場合はうるう年としない）は、平均をさらに正しい日数（365.2425 日）に近づけるのに役立ちます。科学者たちは、残りの 1 万分の 3 日を処理し、地球の自転が自然に徐々に遅くなるのを補うために、閏秒をカレンダーに追加することがあります（真面目な話）。
 
-`02` の月、すなわち 2 月は通常 28 日ですが、閏年には 29 日になります。
+`02` の月、すなわち 2 月は通常 28 日ですが、うるう年には 29 日になります。
 
 ### 月
 
-1 年には 12 ヶ月があり、1 から 12 まで番号が振られています。これらは常に 2 桁の ASCII 文字列、 `01` から `12` の範囲で表現されます。[日](#days_of_the_month)の節にある表で、対応する名前を (と日数) を確認してください。
+1 年には 12 ヶ月があり、1 から 12 まで番号が振られています。これらは常に 2 桁の ASCII 文字列、 `01` から `12` の範囲で表現されます。[日](#日)の節にある表で、対応する名前を（と日数）を確認してください。
 
-### 日
+### 日付
 
-1, 3, 5, 7, 8, 10, 12 月は 31 日あります。 4, 6, 9, 11 月は 30 日あります。 2 月は多くの年では 28 日ですが、閏年には 29 日になります。これは下記の表で詳しく説明しています。
+1, 3, 5, 7, 8, 10, 12 月は 31 日あります。 4, 6, 9, 11 月は 30 日あります。 2 月は多くの年では 28 日ですが、うるう年には 29 日になります。これは下記の表で詳しく説明しています。
 
-| 月の番号 | 名前 (英語) | 日数             |
-| -------- | ----------- | ---------------- |
-| 01       | January     | 31               |
-| 02       | February    | 28 (閏年では 29) |
-| 03       | March       | 31               |
-| 04       | April       | 30               |
-| 05       | May         | 31               |
-| 06       | June        | 30               |
-| 07       | July        | 31               |
-| o8       | August      | 31               |
-| 09       | September   | 30               |
-| 10       | October     | 31               |
-| 11       | November    | 30               |
-| 12       | December    | 31               |
+<table class="standard-table">
+  <caption>
+    月とその日数
+  </caption>
+  <thead>
+    <tr>
+      <th scope="row">月番号</th>
+      <th scope="col">名前（英語）</th>
+      <th scope="col">日数</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">01</th>
+      <td>January</td>
+      <td>31</td>
+    </tr>
+    <tr>
+      <th scope="row">02</th>
+      <td>February</td>
+      <td>28（うるう年では 29）</td>
+    </tr>
+    <tr>
+      <th scope="row">03</th>
+      <td>March</td>
+      <td>31</td>
+    </tr>
+    <tr>
+      <th scope="row">04</th>
+      <td>April</td>
+      <td>30</td>
+    </tr>
+    <tr>
+      <th scope="row">05</th>
+      <td>May</td>
+      <td>31</td>
+    </tr>
+    <tr>
+      <th scope="row">06</th>
+      <td>June</td>
+      <td>30</td>
+    </tr>
+    <tr>
+      <th scope="row">07</th>
+      <td>July</td>
+      <td>31</td>
+    </tr>
+    <tr>
+      <th scope="row">08</th>
+      <td>August</td>
+      <td>31</td>
+    </tr>
+    <tr>
+      <th scope="row">09</th>
+      <td>September</td>
+      <td>30</td>
+    </tr>
+    <tr>
+      <th scope="row">10</th>
+      <td>October</td>
+      <td>31</td>
+    </tr>
+    <tr>
+      <th scope="row">11</th>
+      <td>November</td>
+      <td>30</td>
+    </tr>
+    <tr>
+      <th scope="row">12</th>
+      <td>December</td>
+      <td>31</td>
+    </tr>
+  </tbody>
+</table>
 
-## 週の文字列
+## 週文字列
 
-A week string specifies a week within a particular year. A **valid week string** consists of a valid [year number](#year_numbers), followed by a hyphen character ("`-`", or U+002D), then the capital letter "`W`" (U+0057), followed by a two-digit week of the year value.
+週文字列は、特定の年の中の 1 週間を指定します。**有効な週文字列**は、有効な[年](#年)、ハイフン文字 ("`-`", U+002D)、大文字の "`W`" (U+0057)、2 桁の週が続きます。
 
-The week of the year is a two-digit string between `01` and `53`. Each week begins on Monday and ends on Sunday. That means it's possible for the first few days of January to be considered part of the previous week-year, and for the last few days of December to be considered part of the following week-year. The first week of the year is the week that conains the _first Thursday of the year_. For example, the first Thursday of 1953 was on January 1, so that week—beginning on Monday, December 29—is considered the first week of the year. Therefore, December 30, 1952 occurs during the week `1953-W01`.
+年の週は、`01` から `53` の間の 2 桁文字列です。各週は月曜日から始まり、日曜日に終わります。つまり、1 月の最初の数日間は直前の週と同じとみなし、12 月の最後の数日間を直後の週と同じとみなすことが可能です。年の最初の週は、_その年の最初の木曜日_ がある週です。例えば、1953 年の最初の木曜日は 1 月 1 日だったので、12 月 29 日（月）から始まる週がその年の最初の週とみなされます。したがって、1952 年 12 月 30 日は `1953-W01` の週となります。
 
-A year has 53 weeks if:
+以下の場合、1 年は 53 週となります。
 
-- The first day of the calendar year (January 1) is a Thursday **or**
-- The first day of the year (January 1) is a Wednesday and the year is a [leap year](#leap_years)
+- 暦年の最初の日（1 月 1 日）が木曜日であること、**または**
+- 1 年の最初の日（1 月 1 日）が水曜日で、その年が[うるう年](#うるう年)であること。
 
-All other years have 52 weeks.
+他の年はすべて 52 週です。
 
-| Week string | Week and year (Date range)                        |
-| ----------- | ------------------------------------------------- |
-| `2001-W37`  | Week 37, 2001 (September 10-16, 2001)             |
-| `1953-W01`  | Week 1, 1953 (December 29, 1952-January 4, 1953)  |
-| `1948-W53`  | Week 53, 1948 (December 27, 1948-January 2, 1949) |
-| `1949-W01`  | Week 1, 1949 (January 3-9, 1949)                  |
-| `0531-W16`  | Week 16, 531 (April 13-19, 531)                   |
-| `0042-W04`  | Week 4, 42 (January 21-27, 42)                    |
+| 週文字列  | 年と週（日付の範囲）                                        |
+| ----------- | ----------------------------------------------------------- |
+| `2001-W37`  | 2001 年第 37 週（2001 年 9 月 10～16 日）                 |
+| `1953-W01`  | 1953 年第 1 週（1952 年 12 月 29 日～1953 年 1 月 4 日）  |
+| `1948-W53`  | 1948 年第 53 週（1948 年 12 月 27 日～1948 年 1 月 2 日） |
+| `1949-W01`  | 1949 年第 1 週（1949 年 1 月 3～9 日）                    |
+| `0531-W16`  | 531 年第 16 週（531 年 4 月 13～19 日）                   |
+| `0042-W04`  | 42 年第 4 週（42 年 1 月 21～27 日）                      |
 
-Note that both the year and week numbers are padded with leading zeroes, with the year padded to four digits and the week to two.
+なお、年と週番号の両方に先頭のゼロを入れ、年は 4 桁、週は 2 桁になるようにパディングされます。
 
-## 月の文字列
+## 月文字列
 
-A month string represents a specific month in time, rather than a genetic month of the year. That is, rather than representing simply "January," an HTML month string represents a month and year paired, like "January 1972."
+月文字列は、その年の一般的な月ではなく、時刻の中の特定の月を表します。つまり、HTML の月文字列は、「1 月」を表すのではなく、「1972 年 1 月」のように年と月が対になっているものを表します。
 
-A **valid month string** consists of a valid [year number](#year_numbers) (a string of at least four digits), followed by a hyphen character ("`-`", or U+002D), followed by a two-digit numeric [month number](#months_of_the_year), where `01` represents January and `12` represents December.
+**有効な月文字列**は、有効な[年](#年)（4 桁以上の文字列）にハイフン ("`-`", U+002D) が続き、2 桁の数字の[月](#月)からなり、`01` は 1 月を、`12` は 12 月を表します。
 
-| 月の文字列 | 年月             |
-| ---------- | ---------------- |
-| `17310-09` | September, 17310 |
-| `2019-01`  | January, 2019    |
-| `1993-11`  | November, 1993   |
-| `0571-04`  | April, 571       |
-| `0001-07`  | July, 1 C.E.     |
+| 月文字列   | 年月           |
+| ---------- | -------------- |
+| `17310-09` | 17310 年 9 月  |
+| `2019-01`  | 2019 年 1 月   |
+| `1993-11`  | 1993 年 11 月  |
+| `0571-04`  | 571 年 4 月    |
+| `0001-07`  | 紀元 1 年 7 月 |
 
-Notice that all years are at least four characters long; years that are fewer than four digits long are padded with leading zeroes.
+年はすべて 4 文字以上であることに注意してください。4 桁未満の年は、先頭がゼロでパディングされます。
 
-## 日の文字列
+## 日付文字列
 
-A valid date string consists of a [month string](#month_strings), followed by a hyphen character ("`-`", or U+002D), followed by a two-digit [day of the month](#days_of_the_month).
+有効な日付文字列は、[月文字列](#月文字列)、ハイフン文字 ("`-`", U+002D)、2 桁の[日付](#日付)が続きます。
 
-| 月の文字列   | 日付全体         |
-| ------------ | ---------------- |
-| `1993-11-01` | November 1, 1993 |
-| `1066-10-14` | October 14, 1066 |
-| `0571-04-22` | April 22, 571    |
-| `0062-02-05` | February 5, 62   |
+| 月文字列     | 日付全体            |
+| ------------ | ------------------- |
+| `1993-11-01` | 1993 年 11 月 1 日  |
+| `1066-10-14` | 1066 年 10 月 14 日 |
+| `0571-04-22` | 571 年 4 月 22 日   |
+| `0062-02-05` | 62 年 2 月 5 日     |
 
-## 時刻の文字列
+## 時刻文字列
 
-A time string can specify a time with precision to the minute, second, or to the millisecond. Specifying only the hour or minute isn't permitted. A **valid time string** minimally consists of a two-digit hour followed by a colon ("`:`", U+003A), then a two-digit minute. The minute may optionally be followed by another colon and a two-digit number of seconds. Milliseconds may be specified, optionally, by adding a decimal point character ("`.`", U+002E) followed by one, two, or three digits.
+時刻文字列は、分、秒、ミリ秒のいずれかの精度で時刻を指定することができます。時や分だけを指定することはできません。**有効な時刻文字列**は、最小で 2 桁の「時」にコロン ("`:`", U+003A) が続き、次に 2 桁の「分」で構成されています。分の値には、オプションで、さらにコロンと 2 桁の秒数が続くことがあります。ミリ秒は、オプションで、小数点文字 ("`.`", U+002E) の後に 1 桁、2 桁、3 桁を続けて指定することができます。
 
-There are some additional basic rules:
+さらに基本的なルールがいくつかあります。
 
-- The hour is always specified using the 24-hour clock, with `00` being midnight and 11 PM being `23`. No values outside the range `00`–`23` are permitted.
-- The minute must be a two-digit number between `00` and `59`. No values outside that range are allowed.
-- If the number of seconds is omitted (to specify a time accurate only to the minute), no colon should follow the number of minutes.
-- If specified, the integer portion of the number of seconds must be between `00` and `59`. You _cannot_ specify leap seconds by using values like `60` or `61`.
-- If the number of seconds is specified and is an integer, it must not be followed by a decimal point.
-- If a fraction of a second is included, it may be from one to three digits long, indicating the number of milliseconds. It follows the decimal point placed after the seconds component of the time string.
+- 時は常に 24 時間制を使用して指定し、`00` が午前 0 時、午後 11 時が `23` となります。`00` ～ `23` の範囲外の値は許可されません。
+- 分は `00` から `59` の間の 2 桁の数字でなければなりません。その範囲外の値は許可されません。
+- 秒を省略した場合（分単位で正確な時刻を指定する場合）、分の値の後にコロンをつけてはいけません。
+- 指定する場合、秒数の整数部分は `00` から `59` の間でなければなりません。`60` や `61` のような値を用いてうるう秒を指定することはできません。
+- 秒を指定し、それが整数である場合、その後に小数点以下を続けてはいけません。
+- 2 秒の小数部を記述する場合は、1 桁から 3 桁の長さで、ミリ秒の数を示すことができます。時刻文字列の秒成分の後に小数点に続いて指定します。
 
-| 時刻の文字列  | 時刻                                          |
+| 時刻文字列    | 時刻                                          |
 | ------------- | --------------------------------------------- |
-| `00:00:30.75` | 12:00:30.75 AM (30.75 seconds after midnight) |
-| `12:15`       | 12:15 PM                                      |
-| `13:44:25`    | 1:44:25 PM (25 seconds after 1:44 PM)         |
-
-## ローカル日時の文字列
-
-A valid [`datetime-local`](/ja/docs/Web/HTML/Element/input/datetime-local) string consists of a `date` string and a `time` string concatenated together with either the letter "`T`" or a space character separating them. No information about the time zone is included in the string; the date and time is presumed to be in the user's local time zone.
-
-When you set the [`value`](/ja/docs/Web/HTML/Element/input#value) of a `datetime-local` input, the string is **normalized** into a standard form. Normalized `datetime` strings always use the letter "`T`" to separate the date and the time, and the time portion of the string is as short as possible. This is done by leaving out the seconds component if its value is `:00`.
-
-| Date/time string          | Normalized date/time string                            | Actual date and time               |
-| ------------------------- | ------------------------------------------------------ | ---------------------------------- |
-| `1986-01-28T11:38:00.01`  | `1986-01-28T11:38:00.01`                               | January 28, 1986 at 11:38:00.01 AM |
-| `1986-01-28 11:38:00.010` | `1986-01-28T11:38:00.01`[1](#datetime-local-footnote1) | January 28, 1986 at 11:38:00.01 AM |
-| `0170-07-31T22:00:00`     | `0170-07-31T22:00`[2](#datetime-local-footnote2)       | July 31, 170 at 10:00 PM           |
+| `00:00:30.75` | 午前 12:00:30.75（真夜中から 30.75 ）         |
+| `12:15`       | 午後 12:15                                    |
+| `13:44:25`    | 午後 1:44:25（午後 1:44 から 25 秒後）        |
 
-1. Notice that&#x20;
+## ローカル日時文字列
 
-    after normalization
+有効な [`datetime-local`](/ja/docs/Web/HTML/Element/input/datetime-local) 文字列は、`date` 文字列と `time` 文字列を文字 "`T`" または空白文字で区切って結合したものです。 文字列にはタイムゾーンの情報は含まれず、日付と時刻はユーザーのローカルタイムゾーンにあると推定されます。
 
-    , this is the same string as the previous `datetime-local` string. The space has been replaced with the "`T`" character and the trailing zero in the fraction of a second has been removed to make the string as short as possible.
+`datetime-local` 入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) を設定すると、文字列が**正規化**されます。正規化された `datetime` 文字列は常に文字 "`T`" を使用して日付と時刻を区切り、時刻の部分はできるだけ短くなるようにします。これは、秒成分の値が`:00`の場合、秒成分を省くことで実現されます。
 
-2. Note that the&#x20;
-
-    normalized form
-
-    &#x20;of this date drops the "`:00`" indicating the number of seconds to be zero, because the seconds are optional when zero, and the normalized string minimizes the length of the string.
+<table class="standard-table">
+  <caption>
+    有効な
+    <code>datetime-local</code>
+    文字列の例
+  </caption>
+  <thead>
+    <tr>
+      <th scope="col">日時文字列</th>
+      <th scope="col">正規化された日時文字列</th>
+      <th scope="col">実際の日付と時刻</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><code>1986-01-28T11:38:00.01</code></td>
+      <td><code>1986-01-28T11:38:00.01</code></td>
+      <td>1986 年 1 月 20 日午前 11 時 30 分 0.01 秒</td>
+    </tr>
+    <tr>
+      <td><code>1986-01-28 11:38:00.010</code></td>
+      <td>
+        <p><code>1986-01-28T11:38:00.01</code></p>
+        <p>
+          正規化後は、一つ前の <code>datetime-local</code> と同じ文字列となることに注意してください。空白文字は "<code>T</code>" に置き換えられ、秒の小数部の末尾の 0 を削除して、文字列ができるだけ短くなるようになります。
+        </p>
+      </td>
+      <td>1986 年 1 月 20 日午前 11 時 30 分 0.01 秒</td>
+    </tr>
+    <tr>
+      <td><code>0170-07-31T22:00:00</code></td>
+      <td>
+        <p><code>0170-07-31T22:00</code></p>
+        <p>
+          この日付の正規化形式では、秒が 0 であることを示す "<code>:00</code>" がないことに注意してください。秒はゼロの場合に省略可能で、正規化された文字列は長さが最小になるからです。
+        </p>
+      </td>
+      <td>170 年 7 月 31 日午後 10 時ちょうど</td>
+    </tr>
+  </tbody>
+</table>
 
-## グローバル日時の文字列
+## グローバル日時文字列
 
-A global date and time string specifies a date and time as well as the time zone in which it occurs. A **valid global date and time string** is the same format as a [local date and time string](#local_date_and_time_strings), except it has a time zone string appended to the end, following the time.
+グローバル日時文字列は、日付と時刻、およびその時刻が発生するタイムゾーンを指定するものです。**有効なグローバル日時文字列**は、末尾に時刻に続いてタイムゾーン文字列が続くことを除けば、[ローカル日時文字列](#ローカル日時文字列)と同じ形式です。
 
 ### タイムゾーンオフセット文字列
 
-A time zone offset string specifies the offset in either a positive or a negative number of hours and minutes from the standard time base. There are two standard time bases, which are very close to the same, but not exactly the same:
+タイムゾーンオフセット文字列は、標準時からのオフセットを正の値または負の値で指定します。標準時のベースは 2 つあり、とても似通っているのですが、全く同じではありません。
 
-- For dates after the establishment of [Coordinated Universal Time](https://ja.wikipedia.org/wiki/Coordinated_Universal_Time) (UTC) in the early 1960s, the time base is `Z` and the offset indicates a particular time zone's offset from the time at the prime meridian at 0º longitude (which passes through the Royal Observatory at Greenwich, England).
-- For dates prior to UTC, the time base is instead expressed in terms of [UT1](https://ja.wikipedia.org/wiki/UT1), which is the contemporary Earth solar time at the prime meridian.
+- 1960 年代初頭に[協定世界時](https://ja.wikipedia.org/wiki/協定世界時) (UTC) が制定された以降の日付については、タイムベースは `Z`、オフセットは経度 0° の本初子午線（イギリス、グリニッジの王立天文台を通過）の時刻からの具体的なタイムゾーンへのオフセットを示します。
+- UTC 以前の日付の場合、タイムベースは代わりに [UT1](https://ja.wikipedia.org/wiki/世界時#UT1) で表現されていました。これは、同じ本初子午線における現代の地球の太陽時です。
 
-The time zone string is appended immediately following the time in the date and time string. You can specify simply "`Z`" as the time zone offset string to indicate that the time is specified in UTC. Otherwise, the time zone string is constructed as follows:
+タイムゾーン文字列は、日時文字列の時刻の直後に付加されます。タイムゾーンオフセット文字列として "`Z`" を指定すると、時刻を UTC で指定することを示すことができます。それ以外の場合、タイムゾーン文字列は以下のように構成されます。
 
-1. A character indicating the sign of the offset: the plus character ("`+`", or U+002B) for time zones to the east of the prime meridian or the minus character ("`-`", or U+002D) for time zones to the west of the prime meridian.
-2. A two-digit number of hours that the time zone is offset from the prime meridian. This value must be between `00` and `23`.
-3. An optional colon ("`:`") character.
-4. A two-digit number of minutes past the hour; this value must be between `00` and `59`.
+1. オフセットの符号を示す文字: 本初子午線より東側の時間帯はプラス文字 ("`+`"、または U+002B)、本初子午線より西側の時間帯はマイナス文字 ("`-`"、または U+002D) です。
+2. その時刻が本初子午線から何時間ずれているかを示す 2 桁の数字。
+3. オプションのコロン ("`:`") 文字。
+4. 2 桁の時から経過した分の値。この値は `00` から `59` の間である必要があります。
 
-While this format allows for time zones between -23:59 and +23:59, the current range of time zone offsets is -12:00 to +14:00, and no time zones are currently offset from the hour by anything other than `00`, `30`, or `45` minutes. This may change at more or less anytime, since countries are free to tamper with their time zones at any time and in any way they wish to do so.
+この形式では -23:59 から +23:59 までのタイムゾーンを許容していますが、現在のタイムゾーンのオフセットの範囲は -12:00 から +14:00 であり、現在、正時から `00`、`30`、`45` 以外のオフセットを持つタイムゾーンはありません。これは、国がいつでも自由にタイムゾーンを変更することができるため、いくつか変更される可能性があります。
 
-| Global date and time string   | Actual global date and time                                                      | Date and time at prime meridian                     |
-| ----------------------------- | -------------------------------------------------------------------------------- | --------------------------------------------------- |
-| `2005-06-07T00:00Z`           | June 7, 2005 at midnight UTC                                                     | June 7, 2005 at midnight                            |
-| `1789-08-22T12:30:00.1-04:00` | August 22, 1789 at a tenth of a second past 12:30 PM Eastern Daylight Time (EDT) | August 22, 1789 at a tenth of a second past 4:30 PM |
-| `3755-01-01 00:00+10:00`      | January 1, 3755 at midnight Australian Eastern Standard Time (AEST)              | December 31, 3754 at 2:00 PM                        |
+<table class="no-markdown">
+  <caption>
+    有効なグローバル日時文字列の例
+  </caption>
+  <thead>
+    <tr>
+      <th scope="col">グローバル日時文字列</th>
+      <th scope="col">実際のグローバル日時</th>
+      <th scope="col">本初子午線上の日時</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><code>2005-06-07T00:00Z</code></td>
+      <td>2005 年 7 月 7 日真夜中 (UTC)</td>
+      <td>2005 年 7 月 7 日真夜中</td>
+    </tr>
+    <tr>
+      <td><code>1789-08-22T12:30:00.1-04:00</code></td>
+      <td>
+        1789 年 8 月 22 日午後 12 時 30 分から 0.1 秒後（東部夏時間）
+      </td>
+      <td>1789 年 8 月 22 日午後 4 時 30 分から 0.1 秒後</td>
+    </tr>
+    <tr>
+      <td><code>3755-01-01 00:00+10:00</code></td>
+      <td>
+        3755 年 1 月 1 日真夜中（オーストラリア東部標準時）
+      </td>
+      <td>3754 年 12 月 31 日午後 2:00</td>
+    </tr>
+  </tbody>
+</table>
 
 ## 関連情報
 
 - {{HTMLElement("input")}}
-- {{HTMLElement("ins")}} and {{HTMLElement("del")}}: see the `datetime` attribute, which specifies either a date or a local date and time at which the content was inserted or deleted
+- {{HTMLElement("ins")}} および {{HTMLElement("del")}}: datetime`属性を参照してください。この属性は、コンテンツが挿入または削除された日付またはローカル日時を指定します。
 - [The ISO 8601 specification](https://www.iso.org/iso-8601-date-and-time-format.html)
-- [Numbers and Dates](/ja/docs/Web/JavaScript/Guide/Numbers_and_dates) in the [JavaScript Guide](/ja/docs/Web/JavaScript/Guide)
-- The JavaScript {{jsxref("Date")}} object
-- The [`Intl.DateTimeFormat`](/ja/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat) object for formatting dates and times for a given locale
+- [数値と日付](/ja/docs/Web/JavaScript/Guide/Numbers_and_dates) ([JavaScript ガイド](/ja/docs/Web/JavaScript/Guide))
+- JavaScript の {{jsxref("Date")}} オブジェクト
+- [`Intl.DateTimeFormat`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat) オブジェクト（指定されたロケールで日時を書式化）

From 1733cb927fee17c2d50bc99bcf3fcc80b9334163 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Mon, 19 Jun 2023 02:04:22 +0900
Subject: [PATCH 040/146] =?UTF-8?q?Web/HTML/Date=5Fand=5Ftime=5Fformats=20?=
 =?UTF-8?q?=E3=81=B8=E3=81=AE=E3=83=AA=E3=83=B3=E3=82=AF=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/input/date/index.md           | 2 +-
 files/ja/web/html/element/input/datetime-local/index.md | 2 +-
 files/ja/web/html/element/input/month/index.md          | 2 +-
 files/ja/web/html/element/input/time/index.md           | 2 +-
 files/ja/web/html/element/input/week/index.md           | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/files/ja/web/html/element/input/date/index.md b/files/ja/web/html/element/input/date/index.md
index ff2a5e1c92bfd7..da844f02ca0623 100644
--- a/files/ja/web/html/element/input/date/index.md
+++ b/files/ja/web/html/element/input/date/index.md
@@ -62,7 +62,7 @@ l10n:
 
 ## 値
 
-入力欄に入力された日付を表す文字列です。日付は ISO8601 に従って書式化されており、これは[日付の文字列](/ja/docs/Web/HTML/Date_and_time_formats#date_strings)で説明されています。
+入力欄に入力された日付を表す文字列です。日付は ISO8601 に従って書式化されており、これは[日付文字列](/ja/docs/Web/HTML/Date_and_time_formats#日付文字列)で説明されています。
 
 次のように、日付の入力欄の既定値を [`value`](/ja/docs/Web/HTML/Element/input#value) 属性に設定することができます。
 
diff --git a/files/ja/web/html/element/input/datetime-local/index.md b/files/ja/web/html/element/input/datetime-local/index.md
index 603f0ea4452678..5a1e9114a333d1 100644
--- a/files/ja/web/html/element/input/datetime-local/index.md
+++ b/files/ja/web/html/element/input/datetime-local/index.md
@@ -65,7 +65,7 @@ l10n:
 
 ## 値
 
-入力欄に入力された日付の値を表す文字列です。この入力型で使われる日付と時刻の値の形式は、[ローカル日時の文字列](/ja/docs/Web/HTML/Date_and_time_formats#ローカル日時の文字列)で説明されています。
+入力欄に入力された日付の値を表す文字列です。この入力型で使われる日付と時刻の値の形式は、[ローカル日時文字列](/ja/docs/Web/HTML/Date_and_time_formats#ローカル日時文字列)で説明されています。
 
 次のように、 [`value`](/ja/docs/Web/HTML/Element/input#value) 属性に日付と時刻を入れることで、入力欄の既定値を設定することができます。
 
diff --git a/files/ja/web/html/element/input/month/index.md b/files/ja/web/html/element/input/month/index.md
index ceb1b425bdca51..63410fa20dc51a 100644
--- a/files/ja/web/html/element/input/month/index.md
+++ b/files/ja/web/html/element/input/month/index.md
@@ -70,7 +70,7 @@ Microsoft Edge では、 `month` コントロールはこのように表示さ
 ## 値
 
 文字列で、入力欄に入力された年と月の値を YYYY-MM (4 桁以上の年に続いてハイフン ("`-`")、続いて 2 桁の月) の形式で表します。
-この入力型で使用される時刻の値の形式について詳しくは、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[月の文字列](/ja/docs/Web/HTML/Date_and_time_formats#month_string)をご覧ください。
+この入力型で使用される時刻の値の形式について詳しくは、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[月文字列](/ja/docs/Web/HTML/Date_and_time_formats#月文字列)をご覧ください。
 
 ### 既定値の設定
 
diff --git a/files/ja/web/html/element/input/time/index.md b/files/ja/web/html/element/input/time/index.md
index cd351ccb89f09c..e99511924ae91a 100644
--- a/files/ja/web/html/element/input/time/index.md
+++ b/files/ja/web/html/element/input/time/index.md
@@ -109,7 +109,7 @@ timeControl.value = '15:30';
 
 ### 時刻値の書式
 
-`time` 入力欄の `value` は、常に先頭にゼロを含む 24 時制で `hh:mm` の書式であり、ユーザーのロケール（またはユーザーエージェント）に基づいて選択される入力書式とは関係ありません。時刻が秒を含む場合（[step 属性の使用](#step_属性の使用)を参照）は、書式は常に `hh:mm:ss` です。この入力型で使用される時刻の値の形式について詳しくは、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[時刻の文字列](/ja/docs/Web/HTML/Date_and_time_formats#time_strings)をご覧ください。
+`time` 入力欄の `value` は、常に先頭にゼロを含む 24 時制で `hh:mm` の書式であり、ユーザーのロケール（またはユーザーエージェント）に基づいて選択される入力書式とは関係ありません。時刻が秒を含む場合（[step 属性の使用](#step_属性の使用)を参照）は、書式は常に `hh:mm:ss` です。この入力型で使用される時刻の値の形式について詳しくは、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[時刻文字列](/ja/docs/Web/HTML/Date_and_time_formats#時刻文字列)をご覧ください。
 
 この例では、時刻を入力すると time 入力欄の値が、どのように変化するかを見ることができます。
 
diff --git a/files/ja/web/html/element/input/week/index.md b/files/ja/web/html/element/input/week/index.md
index 3a8b33c9cbea2f..42d1cfc6b17bc6 100644
--- a/files/ja/web/html/element/input/week/index.md
+++ b/files/ja/web/html/element/input/week/index.md
@@ -69,7 +69,7 @@ Edge の `week` コントロールはもう少し凝っており、年と週を
 
 ## 値
 
-文字列で、入力欄に入力された年と週を表します。この入力型で使われる日時値の形式は、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats#week_strings)で説明しています。
+文字列で、入力欄に入力された年と週を表します。この入力型で使われる日時値の形式は、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[週文字列](/ja/docs/Web/HTML/Date_and_time_formats#週文字列)で説明しています。
 
 次のように [`value`](/ja/docs/Web/HTML/Element/input#value) 属性に値を入れることで、既定値を設定することができます。
 

From 5e1a9cd7412b63f7157c0c388f63e7243f34f01e Mon Sep 17 00:00:00 2001
From: Mikhail Bokov <mixail.bokov9@gmail.com>
Date: Thu, 22 Jun 2023 22:22:29 +0700
Subject: [PATCH 041/146] fix(ru): typo in "HTTP Authentication" page (#13896)

---
 files/ru/web/http/authentication/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ru/web/http/authentication/index.md b/files/ru/web/http/authentication/index.md
index 0bb418d931bc9c..3de27e550e127f 100644
--- a/files/ru/web/http/authentication/index.md
+++ b/files/ru/web/http/authentication/index.md
@@ -10,7 +10,7 @@ original_slug: Web/HTTP/Аутентификация
 ---
 {{HTTPSidebar}}
 
-HTTP предоставляет набор инструментов для котнроля доступа к ресурсам и аутентификации. Самой
+HTTP предоставляет набор инструментов для контроля доступа к ресурсам и аутентификации. Самой
 распространённой схемой HTTP аутентификации является "Базовая" (Basic) аутентификация. Данное руководство описывает
 основные возможности HTTP аутентификации и показывает способы ограничения доступа к вашему серверу с её
 использованием.

From c29cbebd6be06b41dee2d322641c3dfcc6bdb16c Mon Sep 17 00:00:00 2001
From: MikeCAT <mikecat@users.noreply.github.com>
Date: Mon, 19 Jun 2023 20:29:16 +0900
Subject: [PATCH 042/146] Fix NDEFReader typo

---
 files/ja/web/api/ndefreader/reading_event/index.md      | 2 +-
 files/ja/web/api/ndefreader/readingerror_event/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/ja/web/api/ndefreader/reading_event/index.md b/files/ja/web/api/ndefreader/reading_event/index.md
index cd9b7eec33695b..6d9ca15dd2ac28 100644
--- a/files/ja/web/api/ndefreader/reading_event/index.md
+++ b/files/ja/web/api/ndefreader/reading_event/index.md
@@ -23,7 +23,7 @@ onreading = event => { };
 
 ## 例
 
-次の例は、 `onreading` と `onreadinger` の両方のイベントハンドラーを使用してイベントを処理する方法を示しています。
+次の例は、 `onreading` と `onreadingerror` の両方のイベントハンドラーを使用してイベントを処理する方法を示しています。
 
 ```js
 const ndef = new NDEFReader();
diff --git a/files/ja/web/api/ndefreader/readingerror_event/index.md b/files/ja/web/api/ndefreader/readingerror_event/index.md
index 38d481c94d6e5a..5a53cfed9eef5d 100644
--- a/files/ja/web/api/ndefreader/readingerror_event/index.md
+++ b/files/ja/web/api/ndefreader/readingerror_event/index.md
@@ -23,7 +23,7 @@ onreadingerror = event => { };
 
 ## 例
 
-次の例は、 `onreading` と `onreadinger` の両方のイベントハンドラーを使用してイベントを処理する方法を示しています。
+次の例は、 `onreading` と `onreadingerror` の両方のイベントハンドラーを使用してイベントを処理する方法を示しています。
 
 ```js
 const ndef = new NDEFReader();

From 7d18c258b260674e5bbfdd13c57d20688b62e2a4 Mon Sep 17 00:00:00 2001
From: MikeCAT <mikecat@users.noreply.github.com>
Date: Mon, 19 Jun 2023 20:40:08 +0900
Subject: [PATCH 043/146] Fix NDEFReader.scan()

---
 files/ja/web/api/ndefreader/index.md      | 2 +-
 files/ja/web/api/ndefreader/scan/index.md | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/ja/web/api/ndefreader/index.md b/files/ja/web/api/ndefreader/index.md
index b8c1b691c52fcc..afdfaf31a28972 100644
--- a/files/ja/web/api/ndefreader/index.md
+++ b/files/ja/web/api/ndefreader/index.md
@@ -19,7 +19,7 @@ slug: Web/API/NDEFReader
 _`NDEFReader` インターフェイスは、親インターフェイスである {{domxref("EventTarget")}} からメソッドを継承しています。_
 
 - {{DOMxRef("NDEFReader.scan", "NDEFReader.scan()")}} {{Experimental_Inline}}
-  - : 読み取り機器をアクティブにして {{jsxref("Promise")}} を返します。このプロミスは NFC タグが読み取られれば解決し、ハードウェアまたは権限のエラーが発生したときは拒否されます。このメソッドは、 "nfc" の権限が事前に許可されていない場合は、許可を問い合わせるプロンプトを起動します。
+  - : 読み取り機器をアクティブにして {{jsxref("Promise")}} を返します。このプロミスは NFC タグの読み取りを開始したときに解決し、ハードウェアまたは権限のエラーが発生したときは拒否されます。このメソッドは、 "nfc" の権限が事前に許可されていない場合は、許可を問い合わせるプロンプトを起動します。
 - {{DOMxRef("NDEFReader.write", "NDEFReader.write()")}} {{Experimental_Inline}}
   - : NDEF メッセージをタグに書き込む操作を行い、 {{jsxref("Promise")}} を返します。このプロミスは、タグへのメッセージの書き込みが完了した場合は解決し、ハードウェアまたは権限のエラーが発生したときは拒否されます。このメソッドは、 "nfc" の権限が事前に許可されていない場合は、許可を問い合わせるプロンプトを起動します。
 
diff --git a/files/ja/web/api/ndefreader/scan/index.md b/files/ja/web/api/ndefreader/scan/index.md
index b9e85da7d23870..5130ab55885cb5 100644
--- a/files/ja/web/api/ndefreader/scan/index.md
+++ b/files/ja/web/api/ndefreader/scan/index.md
@@ -5,7 +5,7 @@ slug: Web/API/NDEFReader/scan
 
 {{securecontext_header}}{{SeeCompatTable}}{{APIRef()}}
 
-`scan()` は {{DOMxRef("NDEFReader")}} インターフェイスのメソッドで、読み取り機器を起動し、 {{jsxref("Promise")}} を返します。このプロミスは NFC タグが読み取れたときに解決し、ハードウェアや権限のエラーが発生したときは拒否されます。このメソッドは、 "nfc" の権限が事前に許可されていない場合は、許可を問い合わせるプロンプトを起動します。
+`scan()` は {{DOMxRef("NDEFReader")}} インターフェイスのメソッドで、読み取り機器を起動し、 {{jsxref("Promise")}} を返します。このプロミスは NFC タグの読み取りを開始したときに解決し、ハードウェアや権限のエラーが発生したときは拒否されます。このメソッドは、 "nfc" の権限が事前に許可されていない場合は、許可を問い合わせるプロンプトを起動します。
 
 ## 構文
 
@@ -23,7 +23,7 @@ var readerPromise = NDEFReader.scan(options);
 
 ### 返値
 
-{{JSxRef("Promise")}} で、 NFC アダプターのスケジュール済みの読み取り操作が終わると直ちに解決します。
+{{JSxRef("Promise")}} で、 NFC アダプターで読み取り操作のスケジューリングが終わると直ちに解決します。
 
 ## 例外
 

From 9f7318a860f2b07d3364c21ee4240881ab36967d Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Jun 2023 00:08:24 +0900
Subject: [PATCH 044/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../element/input/datetime-local/index.md     | 178 ++++++++++--------
 1 file changed, 97 insertions(+), 81 deletions(-)

diff --git a/files/ja/web/html/element/input/datetime-local/index.md b/files/ja/web/html/element/input/datetime-local/index.md
index 5a1e9114a333d1..0ece65d810fe0b 100644
--- a/files/ja/web/html/element/input/datetime-local/index.md
+++ b/files/ja/web/html/element/input/datetime-local/index.md
@@ -2,7 +2,7 @@
 title: <input type="datetime-local">
 slug: Web/HTML/Element/input/datetime-local
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
@@ -19,50 +19,6 @@ l10n:
 
 一部のブラウザーでは、テキストのみの入力要素を表示し、結果をサーバーに送信する前に妥当な日付/時刻値であることを検証するものもありますが、予期しない動作をすることがあるので、この動作に頼るべきではありません。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>
-        (ローカルタイムゾーンでの) 日付と時刻を表す文字列、または空欄。
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#step"><code>step</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td>
-        <code>list</code>, <code>value</code>, <code>valueAsNumber</code>.
-      </td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}},
-        {{domxref("HTMLInputElement.stepDown", "stepDown()")}},
-        {{domxref("HTMLInputElement.stepUp", "stepUp()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 入力欄に入力された日付の値を表す文字列です。この入力型で使われる日付と時刻の値の形式は、[ローカル日時文字列](/ja/docs/Web/HTML/Date_and_time_formats#ローカル日時文字列)で説明されています。
@@ -88,7 +44,7 @@ l10n:
 
 ```js
 const dateControl = document.querySelector('input[type="datetime-local"]');
-dateControl.value = '2017-06-01T08:30';
+dateControl.value = "2017-06-01T08:30";
 ```
 
 JavaScript の {{jsxref("Date")}} では、数値の日付情報を適切な書式化された文字列に変換するために使用することができるメソッドがいくつか提供されています。例えば {{jsxref("Date.toISOString()")}} メソッドは UTC の日付/時刻を、そのタイムゾーンを表す接尾辞 "`Z`" とともに返します。"`Z`" を取り除くと、 `datetime-local` 入力が期待する形式の値を提供することができます。
@@ -251,7 +207,7 @@ input:valid + span::after {
 }
 ```
 
-> **警告:** HTML のフォーム検証は、入力されたデータが正しい形式であることを保証するスクリプトの代用にはなりません。 HTML を調整して検証をくぐり抜けたり、完全に削除したりすることはとても簡単にできます。 HTML を完全にバイパスし、サーバーに直接データを送信することも可能です。サーバー側のコードが受信したデータの検証に失敗した場合、不適切な形式のデータ (または大きすぎるデータ、誤った種類のデータなど) が送信された場合に障害が発生するおそれがあります。
+> **警告:** HTML のフォーム検証は、入力されたデータが正しい形式であることを保証するスクリプトの代用にはなりません。HTML を調整して検証をくぐり抜けたり、完全に削除したりすることはとても簡単にできます。HTML を完全にバイパスし、サーバーに直接データを送信することも可能です。サーバー側のコードが受信したデータの検証に失敗した場合、不適切な形式のデータ (または大きすぎるデータ、誤った種類のデータなど) が送信された場合に障害が発生するおそれがあります。
 
 ## ブラウザーの互換性の扱い
 
@@ -329,15 +285,15 @@ input:valid + span::after {
 
 ブラウザーに依存しない方法によってフォームで日付を扱う最善の方法は、現時点では年月日を別々なコントロール ({{htmlelement("select")}} 要素が一般的です。以下の実装を見てください) にするか、 [jQuery date picker](https://jqueryui.com/datepicker/) や [jQuery timepicker plugin](https://timepicker.co/) のような JavaScript ライブラリを使用することです。
 
-## 2038 年問題 (主にサーバー側)
+## 2038 年問題（主にサーバー側）
 
 JavaScript は日付を格納するとき、すべての数値と同様に、倍精度浮動小数点を使用しますので、 JavaScript のコードは整数への変換やビット操作が行われない限り、2038 年問題に悩まされることはありません。ビット操作演算は、 32 ビットの符号付き 2 の補数で演算を行っているので影響を受ける可能性があります。
 
 問題はサーバー側で、 2^31 - 1 よりも大きな日付値を格納する場合です。この問題を解決するには、すべての日付を符号なしの 32 ビット整数、符号付きの 64 ビット整数、または倍精度の浮動小数点のいずれかでサーバーに格納する必要があります。サーバーが PHP で書かれている場合は、PHP 8 または 7 にアップグレードし、ハードウェアを x86_64 または IA64 にアップグレードするだけで解決できるかもしれません。他のハードウェアで行き詰っている場合は、 32 ビット仮想マシン内で 64 ビットハードウェアをエミュレートすることもできますが、ほとんどの仮想マシンはこの種の仮想化をサポートしていないため、安定性が損なわれ、性能が大きく低下する可能性があります。
 
-## 10000 年問題 (主にクライアント側)
+## 10000 年問題（主にクライアント側）
 
-多くのサーバーでは、日付を文字列ではなく数値として保存します。 10000 年以降は、これらの数字は以前よりも少し大きくなるだけなので、多くのサーバーでは 10000 年以降をフォームで送信しても問題が発生することはありません。
+多くのサーバーでは、日付は文字列ではなく数値として格納されます。数値は固定された大きさで、（エンディアンを除けば）形式にとらわれません。10,000 年以降は、これらの数字は以前よりも少し大きくなるだけなので、多くのサーバーでは 10,000 年以降をフォームで送信しても問題が発生することはありません。
 
 問題はクライアント側の問題です。年に 4 桁以上の数字を持つ日付の解析です。
 
@@ -350,12 +306,12 @@ JavaScript は日付を格納するとき、すべての数値と同様に、倍
 
 ```js
 function setValue(element, date) {
-  const isoString = date.toISOString()
+  const isoString = date.toISOString();
   element.value = isoString.substring(0, isoString.indexOf("T") + 6);
 }
 ```
 
-もしこれがあなたの死後何世紀も経ってから起こるのであれば、なぜ 10000 年問題を心配するのかでしょうか。その通り、あなたはすでに死んでいるので、あなたのソフトウェアを使っている企業は、システムを十分に知っている他のコーダーが入ってきてそれを修正することなく、あなたのソフトウェアを使うと行き詰まってしまうからです。
+もしこれがあなたの死後何世紀も経ってから起こるのであれば、なぜ 10,000 年問題を心配するのかでしょうか。その通り、あなたはすでに死んでいるので、あなたのソフトウェアを使っている企業は、システムを十分に知っている他のコーダーが入ってきてそれを修正することなく、あなたのソフトウェアを使うと行き詰まってしまうからです。
 
 ## 例
 
@@ -369,7 +325,7 @@ HTML は次のようになります。
 <form>
   <div class="nativeDateTimePicker">
     <label for="party">希望するパーティーの日時を選択して下さい。</label>
-    <input type="datetime-local" id="party" name="bday">
+    <input type="datetime-local" id="party" name="bday" />
     <span class="validity"></span>
   </div>
   <p class="fallbackLabel">希望するパーティーの日時を選択して下さい。</p>
@@ -419,7 +375,7 @@ HTML は次のようになります。
 </form>
 ```
 
-月は (常に同じなので) ハードコーディングされていますが、年と日の値は、現在の年、および現在選択されている年と月によってそれぞれ動的に生成されます (どのように動作するかについての詳細な説明は、以下のコードのコメントを参照してください)。時と分についても、とても多いので動的に生成するようにしました。
+月は（常に同じなので）ハードコーディングされていますが、年と日の値は、現在の年、および現在選択されている年と月によってそれぞれ動的に生成されます（どのように動作するかについての詳細な説明は、以下のコードのコメントを参照してください）。時と分についても、とても多いので動的に生成するようにしました。
 
 ```css hidden
 div {
@@ -452,35 +408,35 @@ input:valid + span::after {
 
 ```js
 // 変数を定義
-const nativePicker = document.querySelector('.nativeDateTimePicker');
-const fallbackPicker = document.querySelector('.fallbackDateTimePicker');
-const fallbackLabel = document.querySelector('.fallbackLabel');
+const nativePicker = document.querySelector(".nativeDateTimePicker");
+const fallbackPicker = document.querySelector(".fallbackDateTimePicker");
+const fallbackLabel = document.querySelector(".fallbackLabel");
 
-const yearSelect = document.querySelector('#year');
-const monthSelect = document.querySelector('#month');
-const daySelect = document.querySelector('#day');
-const hourSelect = document.querySelector('#hour');
-const minuteSelect = document.querySelector('#minute');
+const yearSelect = document.querySelector("#year");
+const monthSelect = document.querySelector("#month");
+const daySelect = document.querySelector("#day");
+const hourSelect = document.querySelector("#hour");
+const minuteSelect = document.querySelector("#minute");
 
 // 最初はフォールバックを非表示にする
-fallbackPicker.style.display = 'none';
-fallbackLabel.style.display = 'none';
+fallbackPicker.style.display = "none";
+fallbackLabel.style.display = "none";
 
 // 新しい日付入力が文字列入力にフォールバックされるかどうか
-const test = document.createElement('input');
+const test = document.createElement("input");
 
 try {
-  test.type = 'datetime-local';
+  test.type = "datetime-local";
 } catch (e) {
   console.log(e.description);
 }
 
 // もし文字列入力になるならば、 if () {} ブロックの中のコードを実行する
-if (test.type === 'text') {
+if (test.type === "text") {
   // ネイティブの日付選択を隠してフォールバック版を表示
-  nativePicker.style.display = 'none';
-  fallbackPicker.style.display = 'block';
-  fallbackLabel.style.display = 'block';
+  nativePicker.style.display = "none";
+  fallbackPicker.style.display = "block";
+  fallbackLabel.style.display = "block";
 
   // 日と年を動的に生成する
   //  (月は常に同じなのでハードコーディング)
@@ -501,9 +457,19 @@ function populateDays(month) {
   let dayNum;
 
   // 31 か 30 日か
-  if (['1', '3', '5', '7', '8', '10', '12'].includes(month)) {
+  if (
+    [
+      "1",
+      "3",
+      "5",
+      "7",
+      "8",
+      "10",
+      "12",
+    ].includes(month)
+  ) {
     dayNum = 31;
-  } else if (['4', '6', '9', '11'].includes(month)) {
+  } else if (["4", "6", "9", "11"].includes(month)) {
     dayNum = 30;
   } else {
   // 2 月の場合は、閏年かどうかを計算する
@@ -514,7 +480,7 @@ function populateDays(month) {
 
   // 日付の <select> に正しい数の新しい <option> 要素を
   for (let i = 1; i <= dayNum; i++) {
-    const option = document.createElement('option');
+    const option = document.createElement("option");
     option.textContent = i;
     daySelect.appendChild(option);
   }
@@ -549,7 +515,7 @@ function populateYears() {
 
   // 今年から 100 年前までの年が <select> で選択できるようにする
   for (let i = 0; i <= 100; i++) {
-    const option = document.createElement('option');
+    const option = document.createElement("option");
     option.textContent = year - i;
     yearSelect.appendChild(option);
   }
@@ -558,8 +524,8 @@ function populateYears() {
 function populateHours() {
   // populate the hours <select> with the 24 hours of the day
   for (let i = 0; i <= 23; i++) {
-    const option = document.createElement('option');
-    option.textContent = (i < 10) ? `0${i}` : i;
+    const option = document.createElement("option");
+    option.textContent = i < 10 ? `0${i}` : i;
     hourSelect.appendChild(option);
   }
 }
@@ -567,8 +533,8 @@ function populateHours() {
 function populateMinutes() {
   // populate the minutes <select> with the 60 hours of each minute
   for (let i = 0; i <= 59; i++) {
-    const option = document.createElement('option');
-    option.textContent = (i < 10) ? `0${i}` : i;
+    const option = document.createElement("option");
+    option.textContent = i < 10 ? `0${i}` : i;
     minuteSelect.appendChild(option);
   }
 }
@@ -577,11 +543,11 @@ function populateMinutes() {
 // 再実行して日数を調整する
 yearSelect.onchange = () => {
   populateDays(monthSelect.value);
-}
+};
 
 monthSelect.onchange = () => {
   populateDays(monthSelect.value);
-}
+};
 
 //日数を保存
 let previousDay;
@@ -590,11 +556,61 @@ let previousDay;
 // 使い方は populateDays() を参照
 daySelect.onchange = () => {
   previousDay = daySelect.value;
-}
+};
 ```
 
 > **メモ:** 53 週ある年もあることを忘れないでください ([年あたりの週数](https://en.wikipedia.org/wiki/ISO_week_date#Weeks_per_year)を参照)。商品のアプリを開発するときはこれを念頭に置いておく必要があります。
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>
+        （ローカルタイムゾーンでの）日付と時刻を表す文字列、または空欄。
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#step"><code>step</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td>
+        <code>list</code>, <code>value</code>, <code>valueAsNumber</code>.
+      </td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}},
+        {{domxref("HTMLInputElement.stepDown", "stepDown()")}},
+        {{domxref("HTMLInputElement.stepUp", "stepUp()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"><code>対応するロールなし</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From e76c319a1a2031b9fe8f5f2c435cc702d59e86cb Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Jun 2023 01:07:01 +0900
Subject: [PATCH 045/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/email/index.md  | 134 ++++++++++--------
 1 file changed, 72 insertions(+), 62 deletions(-)

diff --git a/files/ja/web/html/element/input/email/index.md b/files/ja/web/html/element/input/email/index.md
index c379729895748a..84b495b77e8c19 100644
--- a/files/ja/web/html/element/input/email/index.md
+++ b/files/ja/web/html/element/input/email/index.md
@@ -2,7 +2,7 @@
 title: <input type="email">
 slug: Web/HTML/Element/input/email
 l10n:
-  sourceCommit: 7594b50698a76ce79209b159835e615052915723
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
@@ -13,56 +13,6 @@ l10n:
 
 入力値はフォームの送信前に自動的に検証され、空欄または正しい形式のメールアドレス (またはメールアドレスのリスト) のどちらかであることが確認されます。 CSS の {{cssxref(":valid")}} および {{cssxref(":invalid")}} 擬似クラスが自動的に適用され、フィールド上の現在の値が妥当なメールアドレスであるかどうかを視覚的に示します。
 
-`email` 型に対応していないブラウザーでは、 `email` 入力欄は標準の {{HTMLElement("input/text", "text")}} 入力欄で代替されます。
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>
-        メールアドレスを表す文字列、または空欄
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#minlength"><code>minlength</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#multiple"><code>multiple</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#name"><code>name</code></a>, <a href="/ja/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#required"><code>required</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#size"><code>size</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#type"><code>type</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>list</code> および <code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 {{HTMLElement("input")}} 要素の [`value`](/ja/docs/Web/HTML/Element/input#value) 属性には文字列が入り、メールアドレスの構文に合うかどうかが自動的に検証されます。具体的には、検証に通ることができる値の書式には 3 種類があります。
@@ -101,7 +51,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 ### pattern
 
-`pattern` 属性は、指定する場合は正規表現であり、入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) が[制約検証](/ja/docs/Web/HTML/Constraint_validation)に合格するためにはこれと一致しなければなりません。これは {{jsxref("RegExp")}} 型で使用される JavaScript の妥当な正規表現である必要があり、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_Expressions)で記述されています。正規表現がコンパイルされるときに `'u'` フラグが指定されるので、パターンは ASCII ではなく Unicode コードポイントの並びとして扱われます。パターンのテキストをスラッシュで囲んではいけません。
+`pattern` 属性は、指定する場合は正規表現であり、入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) が[制約検証](/ja/docs/Web/HTML/Constraint_validation)に合格するためにはこれと一致しなければなりません。これは {{jsxref("RegExp")}} 型で使用される JavaScript の妥当な正規表現である必要があり、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_expressions)で記述されています。正規表現がコンパイルされるときに `'u'` フラグが指定されるので、パターンは ASCII ではなく Unicode コードポイントの並びとして扱われます。パターンのテキストをスラッシュで囲んではいけません。
 
 指定されたパターンがないかか無効である場合は、正規表現は適用されず、この属性は完全に無視されます。
 
@@ -115,7 +65,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 コントロールの内容がある書字方向 ({{Glossary("LTR")}} または {{Glossary("RTL")}}) であるものの、プレイスホルダーを逆の方向に表示する必要がある場合、 Unicode 双方向アルゴリズム書式文字を使用してプレイスホルダーの中で書字方向を上書きすることができます。詳しくは、[双方向テキストでの Unicode コードの使い方（英語）](https://www.w3.org/International/questions/qa-bidi-unicode-controls)を参照してください。
 
-> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[\<input>: 入力欄 (フォーム入力) 要素](/ja/docs/Web/HTML/Element/input)の[プレイスホルダーはアクセシブルではない](/ja/docs/Web/HTML/Element/input#プレイスホルダーはアクセシブルではない)を参照してください。
+> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[`<input>` のラベル](/ja/docs/Web/HTML/Element/input#ラベル)を参照してください。
 
 ### readonly
 
@@ -157,7 +107,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 <input id="emailAddress" type="email" multiple />
 ```
 
-{{ EmbedLiveSample('Allowing_multiple_e-mail_addresses', 600, 40) }}
+{{ EmbedLiveSample('Allowing multiple email addresses', 600, 40) }}
 
 入力欄は単一のメールアドレスが入力された時や、任意の数のメールアドレスをカンマ区切りで入力した場合、その中にホワイトスペース文字がある場合も有効として扱われるようになります。
 
@@ -208,7 +158,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 `size` は入力されたメールアドレスの長さ制限からは独立しており、フィールドを小さい空間に収めることができますが、より長いメールアドレス文字列が入力できます。入力されたメールアドレスの最小文字数は [`minlength`](/ja/docs/Web/HTML/Element/input#minlength) 属性を使用して、同様に入力されたメールアドレスの最大文字数は [`maxlength`](/ja/docs/Web/HTML/Element/input#maxlength) を使用して設定することができます。
 
-以下の例は 32 文字の幅で、内容は 3 文字より短くなったり、64文字より長くなったりしないようにする必要があるメールアドレス入力ボックスを生成します。
+以下の例は 32 文字の幅で、内容は 3 文字より短くなったり、64 文字より長くなったりしないようにする必要があるメールアドレス入力ボックスを生成します。
 
 ```html
 <input type="email" size="32" minlength="3" maxlength="64" />
@@ -256,10 +206,10 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 ### 基本的な検証
 
-`email` 入力型に対応しているブラウザーは、自動的に検証を行い、インターネットのメールアドレスの標準の書式に一致するテキストのみが入力ボックスに入力されることを保証します。この仕様を実装しているブラウザーは、以下の正規表現に相当するアルゴリズムを使っているはずです。
+ブラウザーは自動的に検証を行い、インターネットのメールアドレスの標準の書式に一致するテキストのみが入力ボックスに入力されることを保証します。ブラウザーは、以下の正規表現に相当するアルゴリズムを使用します。
 
 ```js
-/^[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])?)*$/
+/^[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])?)*$/;
 ```
 
 フォーム検証の仕組みと、 {{cssxref(":valid")}} や {{cssxref(":invalid")}} 擬似クラスを使用して、現在の値が有効かどうかに基づいて入力欄のスタイルを設定する方法については、[フォームデータの検証](/ja/docs/Learn/Forms/Form_validation)を参照してください。
@@ -336,7 +286,7 @@ label::after {
 
 このままでは、少なくとも正当な電子メールアドレスを検証していることになります。しかし、もう一歩踏み込んで、メールアドレスが実際に "_username_@beststartupever.com" という形式であることを確認したいのです。そこで [`pattern`](/ja/docs/Web/HTML/Element/input#pattern) を使用することにします。ここでは、 `pattern` を `.+@beststartupever.com` に設定しました。この正規表現は単純ですが、少なくとも 1 つの任意の文字、そして "@" の後にドメイン名 "beststartupever.com" が続く文字列を要求します。
 
-これは、有効な電子メールアドレスの適切なフィルタリングにはほど遠いことに注意してください。 " @beststartupever.com" （先頭のスペースに注意）や "@@beststartupever.com" のような有効ではない表現も許可してしまいます。しかし、ブラウザーは指定されたテキストに対して、標準のメールアドレスフィルターとカスタムパターンの両方を実行します。その結果、「これが有効な電子メールアドレスに似ていることを確認し、もしそうなら、それが beststartupever.com のアドレスであることも確認する」という検証を行うことになります。
+これは、有効な電子メールアドレスの適切なフィルタリングにはほど遠いことに注意してください。" @beststartupever.com"（先頭のスペースに注意）や "@@beststartupever.com" のような有効ではない表現も許可してしまいます。しかし、ブラウザーは指定されたテキストに対して、標準のメールアドレスフィルターとカスタムパターンの両方を実行します。その結果、「これが有効な電子メールアドレスに似ていることを確認し、もしそうなら、それが beststartupever.com のアドレスであることも確認する」という検証を行うことになります。
 
 [`title`](/ja/docs/Web/HTML/Global_attributes#title) 属性を `pattern` と併用することをお勧めします。その場合、 `title` でパターンを説明する必要があります。つまり、他の情報ではなく、データがどのような形式を取るべきかを説明してください。これは、 `title` が検証エラーメッセージの一部として表示されたり、読み上げられたりする可能性があるからです。例えば、ブラウザーが「入力された値がフィールドに指定された書式と異なります。」というメッセージの後に、あなたが指定した `title` を表示するかもしれません。もし `title` が "メールアドレス" のようなものであれば、結果は「入力された値がフィールドに指定された書式と異なります。メールアドレス」というメッセージになり、あまり良いものではなくなります。
 
@@ -348,12 +298,12 @@ label::after {
 
 ## 例
 
-ここでは、 ID が `emailAddress` のメール入力があり、最大 256 文字までの長さが許可されています。入力ボックス自体は物理的に 64 文字の幅があり、フィールドが空のときは常にプレースホルダーとして `user@example.gov` というテキストが表示されます。さらに、 [`multiple`](/ja/docs/Web/HTML/Attributes/multiple) 属性を使用すると、[複数のメールアドレスの許可](#複数のメールアドレスの許可)で説明したように、ユーザーがカンマで区切ってゼロ個以上の電子メールアドレスを入力できるようにボックスを構成しています。最後の仕上げとして、 [`list`](/ja/docs/Web/HTML/Attributes/list) 属性は、 {{HTMLElement("datalist")}} その {{HTMLElement("option")}} が、ユーザーが選択できる値の候補を指定する {{HTMLElement("datalist")}} の ID を含んでいます。
+ここでは、 ID が `emailAddress` のメール入力があり、最大 256 文字までの長さが許可されています。入力ボックス自体は物理的に 64 文字の幅があり、フィールドが空のときは常にプレースホルダーとして `user@example.gov` というテキストが表示されます。さらに、 [`multiple`](/ja/docs/Web/HTML/Attributes/multiple) 属性を使用すると、[複数のメールアドレスの許可](#複数のメールアドレスの許可)で説明したように、ユーザーがカンマで区切ってゼロ個以上の電子メールアドレスを入力できるようにボックスを構成しています。最後の仕上げとして、 [`list`](/ja/docs/Web/HTML/Element/input#list) 属性は、 {{HTMLElement("datalist")}} その {{HTMLElement("option")}} が、ユーザーが選択できる値の候補を指定する {{HTMLElement("datalist")}} の ID を含んでいます。
 
 それに加えて、 {{HTMLElement("label")}} 要素を使用してメールアドレスの入力ボックスのラベルを作成し、 [`for`](/ja/docs/Web/HTML/Element/label#for) 属性で `emailAddress` という {{HTMLElement("input")}} 要素の ID を参照するようになっています。このように 2 つの要素を関連付けることで、ラベルをクリックすると input 要素にフォーカスが当たります。
 
 ```html
-<label for="emailAddress">メールアドレス</label><br/>
+<label for="emailAddress">メールアドレス</label><br />
 <input
   id="emailAddress"
   type="email"
@@ -374,6 +324,66 @@ label::after {
 
 {{EmbedLiveSample('Examples', 600, 80)}}
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>
+        メールアドレスを表す文字列、または空欄
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#minlength"><code>minlength</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#multiple"><code>multiple</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#name"><code>name</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#required"><code>required</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#size"><code>size</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#type"><code>type</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>list</code> および <code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td>
+        <code>list</code> 属性がない場合:
+        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></code><br />
+        <code>list</code> 属性がある場合:
+        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}
@@ -390,12 +400,12 @@ label::after {
 - [`<input type="url">`](/ja/docs/Web/HTML/Element/input/url)
 - 属性:
 
-  - [`list`](/ja/docs/Web/HTML/Attributes/list)
+  - [`list`](/ja/docs/Web/HTML/Element/input#list)
   - [`minlength`](/ja/docs/Web/HTML/Attributes/minlength)
   - [`maxlength`](/ja/docs/Web/HTML/Attributes/maxlength)
   - [`multiple`](/ja/docs/Web/HTML/Attributes/multiple)
   - [`pattern`](/ja/docs/Web/HTML/Attributes/pattern)
-  - [`placeholder`](/ja/docs/Web/HTML/Attributes/placeholder)
+  - [`placeholder`](/ja/docs/Web/HTML/Element/input#placeholder)
   - [`readonly`](/ja/docs/Web/HTML/Attributes/readonly)
   - [`size`](/ja/docs/Web/HTML/Attributes/size)
 

From 289609deaadd7bd0e7db1a912a5c103b6cd849a3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Jun 2023 01:34:12 +0900
Subject: [PATCH 046/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/input/file/index.md | 140 +++++++++---------
 1 file changed, 74 insertions(+), 66 deletions(-)

diff --git a/files/ja/web/html/element/input/file/index.md b/files/ja/web/html/element/input/file/index.md
index 8a29fd5bfe9d20..4af1aef4c3cbbf 100644
--- a/files/ja/web/html/element/input/file/index.md
+++ b/files/ja/web/html/element/input/file/index.md
@@ -2,62 +2,18 @@
 title: <input type="file">
 slug: Web/HTML/Element/input/file
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
 
-{{HTMLElement("input")}} 要素の **`type="file"`** 型は、ユーザーが一つまたは複数のファイルを端末のストレージから選択することができるようにします。選択されると、ファイルは[フォーム投稿](/ja/docs/Learn/Forms)を使用してサーバーにアップロードしたり、 JavaScript コードと[ファイル API](/ja/docs/Web/API/File_API/Using_files_from_web_applications) を使用して操作したりすることができます。
+{{HTMLElement("input")}} 要素の **`type="file"`** 型は、ユーザーが一つまたは複数のファイルを端末のストレージから選択することができるようにします。選択されると、ファイルは[フォーム投稿](/ja/docs/Learn/Forms)を使用してサーバーにアップロードしたり、JavaScript コードと[ファイル API](/ja/docs/Web/API/File_API/Using_files_from_web_applications) を使用して操作したりすることができます。
 
 {{EmbedInteractiveExample("pages/tabbed/input-file.html", "tabbed-shorter")}}
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#value">値</a></strong></td>
-      <td>
-        選択されたファイルのパスを表す文字列です。
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応する共通属性</strong></td>
-      <td><a href="/ja/docs/Web/HTML/Element/input#required"><code>required</code></a></td>
-    </tr>
-    <tr>
-      <td><strong>追加の属性</strong></td>
-      <td>
-        <a href="#accept" aria-current="page"><code>accept</code></a>,
-        <a href="#capture" aria-current="page"><code>capture</code></a>,
-        <a href="#multiple" aria-current="page"><code>multiple</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>files</code> および <code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
-ファイル入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) 属性には、選択されたファイルへのパスを表す文字列が入ります。ファイルが選択されていない場合は、値は空文字列 (`""`) になります。ユーザーが複数のファイルを選択すると、 `value` は選択されたファイルのリストのうち最初のファイルを表します。その他のファイルは [input 要素の `HTMLInputElement.files` プロパティ](/ja/docs/Web/API/File_API/Using_files_from_web_applications#選択されたファイルについての情報の取得)を使って得ることができます。
+ファイル入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) 属性には、選択されたファイルへのパスを表す文字列が入ります。ファイルが選択されていない場合は、値は空文字列 (`""`) になります。ユーザーが複数のファイルを選択すると、`value` は選択されたファイルのリストのうち最初のファイルを表します。その他のファイルは [input 要素の `HTMLInputElement.files` プロパティ](/ja/docs/Web/API/File_API/Using_files_from_web_applications#選択されたファイルについての情報の取得)を使って得ることができます。
 
 > **メモ:** 文字列には[常に `C:\fakepath\` の接頭辞が付き](https://html.spec.whatwg.org/multipage/input.html#fakepath-srsly)、ファイルの実際のパスにはなりません。疑わしいソフトウェアがユーザーのファイル構造を推測することを防止するためです。
 
@@ -75,7 +31,7 @@ l10n:
 <input
   type="file"
   id="docpicker"
-  accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" />
+  accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" />
 ```
 
 ### capture
@@ -144,7 +100,7 @@ div {
 
 ユーザーの端末やオペレーティングシステムに関わらず、ファイル入力欄にはユーザーがファイルを選択することができるファイル選択ダイアログを開くボタンがあります。
 
-上記のように、 [`multiple`](/ja/docs/Web/HTML/Element/input/file#multiple) 属性を含めると、複数のファイルを一度に選択することができることを指定します。ユーザーはファイル選択ダイアログから、プラットフォームが許す方法 (例えば、 <kbd>Shift</kbd> または <kbd>Control</kbd> を押しながらクリック) によって、複数のファイルを選択できます。ユーザーに `<input>` あたり 1 つのファイルを選択させたい場合は、 `multiple` 属性を省略してください。
+上記のように、 [`multiple`](#multiple) 属性を含めると、複数のファイルを一度に選択することができることを指定します。ユーザーはファイル選択ダイアログから、プラットフォームが許す方法（例えば、 <kbd>Shift</kbd> または <kbd>Control</kbd> を押しながらクリック）によって、複数のファイルを選択できます。ユーザーに `<input>` あたり 1 つのファイルを選択させたい場合は、 `multiple` 属性を省略してください。
 
 ### 選択されたファイルの情報の取得
 
@@ -159,11 +115,11 @@ div {
 - `lastModifiedDate` {{deprecated_inline}}
   - : ファイルが最後に変更された日時を表す {{jsxref("Date")}} オブジェクトです。_これは非推奨であり使うべきではありません。代わりに `lastModified` を使用してください。_
 - `size`
-  - : バイト数によるファイルの長さです。
+  - : バイト数によるファイルサイズです。
 - `type`
   - : ファイルの [MIME タイプ](/ja/docs/Web/HTTP/Basics_of_HTTP/MIME_types)です。
 - `webkitRelativePath` {{non-standard_inline}}
-  - : ディレクトリ選択ダイアログ (つまり、 [`webkitdirectory`](/ja/docs/Web/HTML/Element/input/file#webkitdirectory) 属性が設定されている `file` ダイアログ) で選択されたベースディレクトリからのファイルの相対パスを表す文字列です。_これは標準外なので使用するには注意してください。_
+  - : ディレクトリ選択ダイアログ (つまり、 [`webkitdirectory`](#webkitdirectory) 属性が設定されている `file` ダイアログ) で選択されたベースディレクトリからのファイルの相対パスを表す文字列です。_これは標準外なので使用するには注意してください。_
 
 > **メモ:** 最近のブラウザーはすべて、 `HTMLInputElement.files` の値を取得だけではなく設定もできるようになっています。これが最も後に追加されたのは Firefox で、バージョン 57 で追加されました (see [Firefox バグ 1384030](https://bugzil.la/1384030))。
 
@@ -171,7 +127,7 @@ div {
 
 ふつう、ユーザーが自由な形式のファイルを選択できるようにはしたくないでしょう。代わりに、特定の形式のファイルを選択させたいでしょう。例えば、ファイル入力欄でユーザーにプロフィールファイルをアップロードさせるのであれば、おそらく {{Glossary("JPEG")}} または {{Glossary("PNG")}} のようなウェブに互換性がある画像形式を選択させたいでしょう。
 
-受付可能なファイル形式は [`accept`](/ja/docs/Web/HTML/Element/input/file#accept) 属性で、受け付けるファイルの拡張子または MIME タイプいくつか例を示します。
+受付可能なファイル形式は [`accept`](#accept) 属性で、受け付けるファイルの拡張子または MIME タイプいくつか例を示します。
 
 - `accept="image/png"` または `accept=".png"` — PNG ファイルを受け付けます。
 - `accept="image/png, image/jpeg"` または `accept=".png, .jpg, .jpeg"` — PNG または JPEG ファイルを受け付けます。
@@ -320,8 +276,8 @@ form button:active {
 スクリプトの最初の行で、フォームの入力欄自体と `.preview` クラスが設定された {{htmlelement("div")}} 要素の参照を取得します。次に {{htmlelement("input")}} 要素を非表示にします。 — これは、ファイル入力欄が概して醜く、スタイル付けをするのが難しく、ブラウザー間でデザインに一貫性がないからです。 {{htmlelement("label")}} をクリックすることで `input` 要素をアクティブ化することができるので、 `input` 要素を見かけは非表示にしてラベルをボタンらしくしたほうが、ユーザーがファイルをアップロードしたいときの操作が分かります。
 
 ```js
-const input = document.querySelector('input');
-const preview = document.querySelector('.preview');
+const input = document.querySelector("input");
+const preview = document.querySelector(".preview");
 
 input.style.opacity = 0;
 ```
@@ -331,7 +287,7 @@ input.style.opacity = 0;
 次に、[イベントリスナー](/ja/docs/Web/API/EventTarget/addEventListener)を入力欄に追加して、選択された値の変化 (この場合、ファイルが選択されたこと) を監視します。イベントリスナーは独自の `updateImageDisplay()` 関数を呼び出します。
 
 ```js
-input.addEventListener('change', updateImageDisplay);
+input.addEventListener("change", updateImageDisplay);
 ```
 
 `updateImageDisplay()` 関数が呼び出されるたびに、以下のことを行います。
@@ -343,32 +299,34 @@ input.addEventListener('change', updateImageDisplay);
 - 独自の `validFileType()` 関数を使用して、ファイルが正しい形式 (つまり、 `accept` 属性で指定された画像形式) であるかどうかをチェックします。
 - そうであるなら、次のことを行います。
 
-  - ファイルの名前とファイルの長さを、前述の `<div>` (`file.name` および `file.size` で取得) 内のリストアイテムに出力します。独自の `returnFileSize()` 関数はファイルの長さを バイト/KB/MB のうち適切な形式で返します (既定でブラウザーは長さを絶対的なバイトで返します)。
+  - ファイルの名前とファイルサイズを、前述の `<div>` (`file.name` および `file.size` で取得) 内のリストアイテムに出力します。独自の `returnFileSize()` 関数はファイルサイズを バイト/KB/MB のうち適切な形式で返します (既定でブラウザーは長さを絶対的なバイトで返します)。
   - {{domxref("URL.createObjectURL", "URL.createObjectURL(curFiles[i])")}} を呼び出して、画像のプレビューのサムネイルを生成します。次に、新しい {{htmlelement("img")}} を生成し、その [`src`](/ja/docs/Web/HTML/Element/img#src) をサムネイルに設定することで、リスト項目にも画像を挿入します。
 
 - ファイル形式が無効である場合、リストのアイテム内にメッセージを表示して、ユーザーに別なファイル形式を選択する必要があることを伝えます。
 
 ```js
 function updateImageDisplay() {
-  while(preview.firstChild) {
+  while (preview.firstChild) {
     preview.removeChild(preview.firstChild);
   }
 
   const curFiles = input.files;
   if (curFiles.length === 0) {
-    const para = document.createElement('p');
-    para.textContent = 'アップロードするファイルが選択されていません';
+    const para = document.createElement("p");
+    para.textContent = "アップロードするファイルが選択されていません";
     preview.appendChild(para);
   } else {
-    const list = document.createElement('ol');
+    const list = document.createElement("ol");
     preview.appendChild(list);
 
     for (const file of curFiles) {
-      const listItem = document.createElement('li');
-      const para = document.createElement('p');
+      const listItem = document.createElement("li");
+      const para = document.createElement("p");
       if (validFileType(file)) {
-        para.textContent = `ファイル名: ${file.name}, ファイルの長さ: ${returnFileSize(file.size)}.`;
-        const image = document.createElement('img');
+        para.textContent = `ファイル名: ${file.name}, ファイルサイズ: ${returnFileSize(
+          file.size
+        )}.`;
+        const image = document.createElement("img");
         image.src = URL.createObjectURL(file);
 
         listItem.appendChild(image);
@@ -398,7 +356,7 @@ const fileTypes = [
   "image/svg+xml",
   "image/tiff",
   "image/webp",
-  "image/x-icon"
+  "image/x-icon",
 ];
 
 function validFileType(file) {
@@ -406,7 +364,7 @@ function validFileType(file) {
 }
 ```
 
-`returnFileSize()` 関数は数値 (現在のファイルの `size` プロパティから取得したバイト数) を取り、バイト/KB/MB のうち適切な形式で返します。
+`returnFileSize()` 関数は数値（現在のファイルの `size` プロパティから取得したバイト数）を取り、バイト/KB/MB のうち適切な形式で返します。
 
 ```js
 function returnFileSize(number) {
@@ -424,6 +382,56 @@ function returnFileSize(number) {
 
 {{EmbedLiveSample('Examples', '100%', 200)}}
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#value">値</a></strong></td>
+      <td>
+        選択されたファイルのパスを表す文字列です。
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応する共通属性</strong></td>
+      <td><a href="/ja/docs/Web/HTML/Element/input#required"><code>required</code></a></td>
+    </tr>
+    <tr>
+      <td><strong>追加の属性</strong></td>
+      <td>
+        <a href="#accept" aria-current="page"><code>accept</code></a>,
+        <a href="#capture" aria-current="page"><code>capture</code></a>,
+        <a href="#multiple" aria-current="page"><code>multiple</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>files</code> および <code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"><code>no corresponding role</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 679ca18f95b4e9fc1c601260fd6cb7d09beed0db Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Jun 2023 01:35:51 +0900
Subject: [PATCH 047/146] =?UTF-8?q?=E3=83=AA=E3=83=B3=E3=82=AF=E3=82=92?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/input/file/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ja/web/html/element/input/file/index.md b/files/ja/web/html/element/input/file/index.md
index 4af1aef4c3cbbf..fe4cc18d4f34e2 100644
--- a/files/ja/web/html/element/input/file/index.md
+++ b/files/ja/web/html/element/input/file/index.md
@@ -300,7 +300,7 @@ input.addEventListener("change", updateImageDisplay);
 - そうであるなら、次のことを行います。
 
   - ファイルの名前とファイルサイズを、前述の `<div>` (`file.name` および `file.size` で取得) 内のリストアイテムに出力します。独自の `returnFileSize()` 関数はファイルサイズを バイト/KB/MB のうち適切な形式で返します (既定でブラウザーは長さを絶対的なバイトで返します)。
-  - {{domxref("URL.createObjectURL", "URL.createObjectURL(curFiles[i])")}} を呼び出して、画像のプレビューのサムネイルを生成します。次に、新しい {{htmlelement("img")}} を生成し、その [`src`](/ja/docs/Web/HTML/Element/img#src) をサムネイルに設定することで、リスト項目にも画像を挿入します。
+  - {{domxref("URL.createObjectURL_static", "URL.createObjectURL(curFiles[i])")}} を呼び出して、画像のプレビューのサムネイルを生成します。次に、新しい {{htmlelement("img")}} を生成し、その [`src`](/ja/docs/Web/HTML/Element/img#src) をサムネイルに設定することで、リスト項目にも画像を挿入します。
 
 - ファイル形式が無効である場合、リストのアイテム内にメッセージを表示して、ユーザーに別なファイル形式を選択する必要があることを伝えます。
 

From b402359d7efed06b119f32e796f81fe85a2fd99f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Jun 2023 01:43:09 +0900
Subject: [PATCH 048/146] =?UTF-8?q?2023/03/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/hidden/index.md | 72 ++++++++++---------
 1 file changed, 39 insertions(+), 33 deletions(-)

diff --git a/files/ja/web/html/element/input/hidden/index.md b/files/ja/web/html/element/input/hidden/index.md
index ce504bab49fcc9..4fb39d12c6a6ed 100644
--- a/files/ja/web/html/element/input/hidden/index.md
+++ b/files/ja/web/html/element/input/hidden/index.md
@@ -2,44 +2,13 @@
 title: <input type="hidden">
 slug: Web/HTML/Element/input/hidden
 l10n:
-  sourceCommit: 7594b50698a76ce79209b159835e615052915723
+  sourceCommit: fa8a44b8bff24a4032181c4fd155c459c0dc9161
 ---
 
 {{HTMLSidebar}}
 
 {{HTMLElement("input")}} 要素の **`hidden`** 型は、フォームの送信時にユーザーが見たり変更したりすることができないデータをウェブ開発者が含めることができます。例えば、現在注文中又は編集中の ID や、一意のセキュリティトークンなどに利用できます。隠し入力欄はページの表示で完全に非表示になり、ページの中で表示させる方法はありません。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#value">値</a></strong></td>
-      <td>
-        サーバーに送り返したい隠しデータの値を表す文字列です。
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>なし。</td>
-    </tr>
-    <tr>
-      <td><strong>対応する共通属性</strong></td>
-      <td><a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a></td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>なし。</td>
-    </tr>
-  </tbody>
-</table>
-
 > **メモ:** {{domxref("HTMLElement/input_event", "input")}} および {{domxref("HTMLElement/change_event", "change")}} の各イベントは、この入力型には適用されません。隠し入力欄は JavaScript (`hiddenInput.focus()` など) を使用してもフォーカスを与えることはできません。
 
 ## 値
@@ -86,7 +55,7 @@ l10n:
 
 ## 例
 
-以前に作成した編集フォーム ([編集された内容の追跡](#tracking_edited_content)を参照) に、隠し入力欄を使用して編集するレコードの ID を記憶する簡単なバージョンを実装する方法を見てみましょう。
+以前に作成した編集フォーム（[編集された内容の追跡](#tracking_edited_content)を参照）に、隠し入力欄を使用して編集するレコードの ID を記憶する簡単なバージョンを実装する方法を見てみましょう。
 
 編集フォームの HTML はこのようになっているかもしれません。
 
@@ -159,6 +128,43 @@ textarea {
 
 隠し入力欄は全く表示されなくても、データは送信されています。
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#value">値</a></strong></td>
+      <td>
+        サーバーに送り返したい隠しデータの値を表す文字列です。
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>なし。</td>
+    </tr>
+    <tr>
+      <td><strong>対応する共通属性</strong></td>
+      <td><a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a></td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>なし。</td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"><code>対応するロールなし</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 7b7368af413a235b3f9d09ee4702ae37ea2b09ec Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Fri, 23 Jun 2023 22:25:49 +0800
Subject: [PATCH 049/146] [zh-cn] update resize event of window (#13905)

---
 .../web/api/window/resize_event/index.md      | 174 ++++++------------
 1 file changed, 60 insertions(+), 114 deletions(-)

diff --git a/files/zh-cn/web/api/window/resize_event/index.md b/files/zh-cn/web/api/window/resize_event/index.md
index 87eed891df7977..e034f3c35a6e51 100644
--- a/files/zh-cn/web/api/window/resize_event/index.md
+++ b/files/zh-cn/web/api/window/resize_event/index.md
@@ -1,151 +1,97 @@
 ---
-title: resize
+title: Window：resize 事件
 slug: Web/API/Window/resize_event
 ---
 
-文档视图调整大小时会触发 **resize** 事件。
+{{APIRef}}
 
-## 基本信息
+文档视图（窗口）调整大小时会触发 **`resize`** 事件。
 
-- 规范
-  - : [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize), [CSSOM View](http://www.w3.org/TR/cssom-view/#resizing-viewports)
-- 接口
-  - : UIEvent
-- 是否冒泡
-  - : 否
-- 是否可取消默认
-  - : 否
-- 事件目标
-  - : defaultView (window)
-- 默认行为
-  - : None
+这个事件不可取消，不会冒泡。
 
-## 属性
+在一些早期的浏览器中，可以在任何 HTML 元素上注册 `resize` 事件处理器。现在仍然可以设置 `onresize` 属性或使用 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 在任何元素上设置一个处理器。然而，`resize` 事件只在 {{domxref("Window", "window")}} 对象（即由 {{domxref("document.defaultView")}} 返回）上触发。只有在 `window` 对象上注册的处理器才能接收 `resize` 事件。
 
-| Property                              | Type                                             | Description                                                                                   |
-| ------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------------------------------------- |
-| `target` {{readonlyInline}}     | [`EventTarget`](/zh-CN/docs/Web/API/EventTarget) | The event target (the topmost target in the DOM tree).                                        |
-| `type` {{readonlyInline}}       | [`DOMString`](/zh-CN/docs/Web/API/DOMString)     | The type of event.                                                                            |
-| `bubbles` {{readonlyInline}}    | [`Boolean`](/zh-CN/docs/Web/API/Boolean)         | Whether the event normally bubbles or not.                                                    |
-| `cancelable` {{readonlyInline}} | [`Boolean`](/zh-CN/docs/Web/API/Boolean)         | Whether the event is cancellable or not.                                                      |
-| `view` {{readonlyInline}}       | [`WindowProxy`](/zh-CN/docs/Web/API/WindowProxy) | [`document.defaultView`](/zh-CN/docs/Web/API/Document/defaultView) (`window` of the document) |
-| `detail` {{readonlyInline}}     | `long` (`float`)                                 | 0.                                                                                            |
+虽然现在 `resize` 事件只针对窗口触发，但你可以使用 [ResizeObserver](/zh-CN/docs/Web/API/ResizeObserver) API 获得其他元素的尺寸调整通知。
 
-## 案例
+如果对你的应用程序来说，调整大小事件被触发了太多次，请参阅[优化 window.onresize](https://web.archive.org/web/20220714020647/https://bencentra.com/code/2015/02/27/optimizing-window-resize.html) 来控制事件触发的时间。
 
-由于 resize 事件可以以较高的速率触发，因此事件处理程序不应该执行计算开销很大的操作 (如 DOM 修改)。相反，建议使用[requestAnimationFrame](/zh-CN/docs/DOM/window.requestAnimationFrame), [setTimeout](/zh-CN/docs/Web/API/WindowTimers/setTimeout) or [customEvent](/zh-CN/docs/Web/API/CustomEvent), 比如：
+## 语法
 
-### requestAnimationFrame + customEvent
+在像 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 这样的方法中使用事件名称，或者设置事件处理器属性。
 
 ```js
-;(function() {
-    var throttle = function(type, name, obj) {
-        obj = obj || window;
-        var running = false;
-        var func = function() {
-            if (running) { return; }
-            running = true;
-             requestAnimationFrame(function() {
-                obj.dispatchEvent(new CustomEvent(name));
-                running = false;
-            });
-        };
-        obj.addEventListener(type, func);
-    };
-
-    /* init - you can init any event */
-    throttle("resize", "optimizedResize");
-})();
-
-// handle event
-window.addEventListener("optimizedResize", function() {
-    console.log("Resource conscious resize callback!");
-});
+addEventListener("resize", (event) => {});
+
+onresize = (event) => {};
 ```
 
-### requestAnimationFrame
+## 事件类型
 
-```js
-var optimizedResize = (function() {
+{{domxref("UIEvent")}}。继承自 {{domxref("Event")}}。
 
-    var callbacks = [],
-        running = false;
+{{InheritanceDiagram("UIEvent")}}
 
-    // fired on resize event
-    function resize() {
+## 事件属性
 
-        if (!running) {
-            running = true;
+_本接口也从其父接口 {{domxref("Event")}} 继承属性。_
 
-            if (window.requestAnimationFrame) {
-                window.requestAnimationFrame(runCallbacks);
-            } else {
-                setTimeout(runCallbacks, 66);
-            }
-        }
+- {{domxref("UIEvent.detail")}} {{ReadOnlyInline}}
+  - : 根据事件类型不同，返回一个带有事件细节的 `long` 值。
+- {{domxref("UIEvent.sourceCapabilities")}} {{experimental_inline}} {{ReadOnlyInline}}
+  - : 返回 `InputDeviceCapabilities` 接口的一个实例，它提供了生成触摸事件相关的物理设备信息。
+- {{domxref("UIEvent.view")}} {{ReadOnlyInline}}
+  - : 返回一个 {{glossary("WindowProxy")}}，其中包含产生该事件的视图。
+- {{domxref("UIEvent.which")}} {{deprecated_inline}} {{Non-standard_inline}} {{ReadOnlyInline}}
+  - : 返回被按下的数字键的 `keyCode`，或被按下的字母数字键的字符代码（`charCode`）。
 
-    }
+## 示例
 
-    // run the actual callbacks
-    function runCallbacks() {
+### 窗口大小记录器
 
-        callbacks.forEach(function(callback) {
-            callback();
-        });
+以下示例报告了每次改变窗口大小时，窗口的尺寸。
 
-        running = false;
-    }
+#### HTML
 
-    // adds callback to loop
-    function addCallback(callback) {
+```html
+<p>缩放浏览器窗口以触发 <code>resize</code> 事件</p>
+<p>窗口高度：<span id="height"></span></p>
+<p>窗口宽度：<span id="width"></span></p>
+```
 
-        if (callback) {
-            callbacks.push(callback);
-        }
+#### JavaScript
 
-    }
+```js
+const heightOutput = document.querySelector("#height");
+const widthOutput = document.querySelector("#width");
 
-    return {
-        // public method to add additional callback
-        add: function(callback) {
-            if (!callbacks.length) {
-                window.addEventListener('resize', resize);
-            }
-            addCallback(callback);
-        }
-    }
-}());
+function reportWindowSize() {
+  heightOutput.textContent = window.innerHeight;
+  widthOutput.textContent = window.innerWidth;
+}
 
-// start process
-optimizedResize.add(function() {
-    console.log('Resource conscious resize callback!')
-});
+window.onresize = reportWindowSize;
 ```
 
-### setTimeout
-
-```js
-(function() {
+#### 结果
 
-  window.addEventListener("resize", resizeThrottler, false);
+{{EmbedLiveSample("窗口大小记录器")}}
 
-  var resizeTimeout;
-  function resizeThrottler() {
-    // ignore resize events as long as an actualResizeHandler execution is in the queue
-    if ( !resizeTimeout ) {
-      resizeTimeout = setTimeout(function() {
-        resizeTimeout = null;
-        actualResizeHandler();
+> **备注：** 这里的例子是在 {{HTMLElement("iframe")}} 中输出的，所以报告的宽度和高度值是针对 `<iframe>` 的，而不是本页面所在的窗口。特别是，很难调整窗口的大小，以便看到报告高度的不同。
+>
+> [在示例本身窗口查看示例](https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Web/API/Window/resize_event/_sample_.window_size_logger.html)更容易观察到效果。
 
-       // The actualResizeHandler will execute at a rate of 15fps
-       }, 66);
-    }
-  }
+### addEventListener 等价形式
 
-  function actualResizeHandler() {
-    // handle the resize event
-    ...
-  }
+你也可以使用 [`addEventListener()`](/zh-CN/docs/Web/API/EventTarget/addEventListener) 方法设定事件处理器：
 
-}());
+```js
+window.addEventListener("resize", reportWindowSize);
 ```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}

From f92b179d09f360585c046f827858ece47349e3fa Mon Sep 17 00:00:00 2001
From: Franci5co <23215166+Franci5co5aoco@users.noreply.github.com>
Date: Fri, 23 Jun 2023 20:07:43 +0200
Subject: [PATCH 050/146] [es] Fix decrement suffix description (#13906)

---
 files/es/web/javascript/reference/operators/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/es/web/javascript/reference/operators/index.md b/files/es/web/javascript/reference/operators/index.md
index 9cb774c44d54e3..be2b33438b6975 100644
--- a/files/es/web/javascript/reference/operators/index.md
+++ b/files/es/web/javascript/reference/operators/index.md
@@ -64,7 +64,7 @@ Operadores de incremento sufijo/prefijo y decremento sufijo/prefijo.
 - {{jsxref("Operators/Increment", "A++")}}
   - : Operador de incremento sufijo.
 - {{jsxref("Operators/Decrement", "A--")}}
-  - : Operador de incremento sufijo.
+  - : Operador de decremento sufijo.
 - {{jsxref("Operators/Increment", "++A")}}
   - : Operador de incremento prefijo.
 - {{jsxref("Operators/Decrement", "--A")}}

From ad6bc2e3e347b67deefd3e62fc0b4a814c4d5626 Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Sat, 24 Jun 2023 10:00:46 +0800
Subject: [PATCH 051/146] =?UTF-8?q?Update=20=E2=80=98how=20whitespace=20is?=
 =?UTF-8?q?=20handled'=20in=20DOM=20(#13895)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../document_object_model/whitespace/index.md | 465 ++++++++++++++----
 .../whitespace/whitespace_tree.png            | Bin 5610 -> 0 bytes
 2 files changed, 377 insertions(+), 88 deletions(-)
 delete mode 100644 files/zh-cn/web/api/document_object_model/whitespace/whitespace_tree.png

diff --git a/files/zh-cn/web/api/document_object_model/whitespace/index.md b/files/zh-cn/web/api/document_object_model/whitespace/index.md
index d1afa21ebfbac2..b507ce3a10bd5a 100644
--- a/files/zh-cn/web/api/document_object_model/whitespace/index.md
+++ b/files/zh-cn/web/api/document_object_model/whitespace/index.md
@@ -1,41 +1,337 @@
 ---
-title: DOM 中的空白符
+title: HTML、CSS 和 DOM 中的空白符是如何处理的
 slug: Web/API/Document_Object_Model/Whitespace
 ---
 
-#### 问题说明
+{{DefaultAPISidebar("DOM")}}
 
-[DOM](zh_tw/DOM) 中的空白符会让处理节点结构时增加不少麻烦。在 Mozilla 的软件中，原始文件里所有空白符都会在 DOM 中出现（不包括标签内含的空白符）。这样的处理方式有其必要之处，一方面编辑器中可迳行排列文字、二方面 [CSS](zh_tw/CSS) 里的 `white-space: pre` 也才能发挥作用。如此一来就表示：
+在 [DOM](/zh-CN/docs/Web/API/Document_Object_Model) 中，空白符的存在会导致布局问题，并使内容树的操作变得困难，这取决于它的位置。这篇文章探讨了什么时候会出现困难，并研究了如何缓解由此产生的问题。
 
-- 有些空白符会自成一个文本节点。
-- 有些空白符会与其他文本节点合成为一个文本节点。
+## 什么是空白符？
 
-换句话说，下面这段 HTML 代码对应的 DOM 节点结构会如附图所示，其中“\n”代表换行符：
+空白符是指任何仅由空格、制表符或换行符（准确地说，是 CRLF 序列、回车或换行）组成的文本串。这些字符允许你以一种使你自己和其他人容易阅读的方式来格式化你的代码。事实上，我们的大部分源代码都充满了这些空白字符，我们只倾向于在生产构建步骤中去掉它，以减少代码下载量。
 
+### HTML 会大幅度忽略空白符吗？
+
+就 HTML 而言，空白符基本上是被忽略的——单词之间的空白被视为一个字符，而元素的开始和结束以及元素之外的空白则被忽略。以下面这个最小的示例为例：
+
+```html-nolint
+<!DOCTYPE html>
+
+  <h1>      Hello      World!     </h1>
 ```
-<!-- My document -->
-<html>
-<head>
-  <title>My Document</title>
-</head>
+
+这段源代码在 `DOCTYPE` 后面有几个换行符，在 `<h1>` 元素前后和里面有很多空格字符，但浏览器似乎根本不在乎，只是显示“Hello World!”，好像这些字符根本不存在：
+
+{{EmbedLiveSample('HTML 会大幅度忽略空白符吗？')}}
+
+这是为了使空白字符不影响你的页面布局。在元素周围和内部创造空间是 CSS 的工作。
+
+### 空白符发生了什么？
+
+然而，它们不会就这样消失。
+
+任何在原始文档中的 HTML 元素之外的空白字符都会在 DOM 中表现出来。这在内部是需要的，以便编辑器可以保留文档的格式。这意味着：
+
+- 会有一些文本节点只包含空白，而且
+- 有些文本节点会在开头或结尾有空白。
+
+以下列文档为例：
+
+```html
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8" />
+    <title>My Document</title>
+  </head>
+  <body>
+    <h1>Header</h1>
+    <p>Paragraph</p>
+  </body>
+</html>
+```
+
+其 DOM 树类似于这样：
+
+![代表单个 HTML 文档的 DOM 树](dom-string.png)
+
+在 DOM 中保留空白字符在很多方面都是有用的，但在某些地方，这使得某些布局更难实现，并给那些想在 DOM 中迭代节点的开发者带来了问题。我们将在后面讨论这些问题，以及一些解决方案。
+
+### CSS 如何处理空白符？
+
+大多数空白字符会被忽略，但不是所有的都会被忽略。在前面的示例中，“Hello”和“World!”之间的一个空格在浏览器中渲染时仍然存在。浏览器引擎中有一些规则来决定哪些空白字符是有用的，哪些是没用的——这些规则至少在 [CSS 文本模块第 3 级](https://www.w3.org/TR/css-text-3/)中作了部分说明，特别是关于 [CSS `white-space` 属性](https://www.w3.org/TR/css-text-3/#white-space-property)和[空白符处理细节](https://www.w3.org/TR/css-text-3/#white-space-processing)的部分，但我们也在下面提供一个更简单的解释。
+
+#### 示例
+
+让我们看看其他示例，为了使它看起来更简单，我们添加了一个注释，将所有的空格显示为“◦”，所有的制表符显示为“⇥”，所有的换行符显示为“⏎”：
+
+这个示例
+
+```html-nolint
+<h1>   Hello
+        <span> World!</span>   </h1>
+
+<!--
+<h1>◦◦◦Hello◦⏎
+⇥⇥⇥⇥<span>◦World!</span>⇥◦◦</h1>
+-->
+```
+
+会在浏览器中像这样渲染：
+
+{{EmbedLiveSample('示例')}}
+
+#### 解释
+
+`<h1>` 元素只包含行内元素，实际上包含：
+
+- 一个文本节点（包含一些空格，单词“Hello”和一些制表符）。
+- 一个行内元素（`<span>`，包含一个空格和单词“Hello”）。
+- 另外一个文本节点（只包含制表符和空格）。
+
+正因为如此，它建立了所谓的[行内格式化上下文](/zh-CN/docs/Web/CSS/Inline_formatting_context)。这是浏览器引擎可能使用的布局渲染上下文之一。
+
+在这个上下文中，空白符的处理可以总结如下：
+
+1. 首先，换行前后的所有空格和制表符都会被忽略，所以，如果我们拿之前的示例标记：
+
+   ```html-nolint
+   <h1>◦◦◦Hello◦⏎
+   ⇥⇥⇥⇥<span>◦World!</span>⇥◦◦</h1>
+   ```
+
+   然后应用这条规则，会得到：
+
+   ```html-nolint
+   <h1>◦◦◦Hello⏎
+   <span>◦World!</span>⇥◦◦</h1>
+   ```
+
+2. 然后，所有制表符视作空格字符，所以这个示例会变为：
+
+   ```html-nolint
+   <h1>◦◦◦Hello⏎
+   <span>◦World!</span>◦◦◦</h1>
+   ```
+
+3. 然后，换行符被转化为空格符：
+
+   ```html-nolint
+   <h1>◦◦◦Hello◦<span>◦World!</span>◦◦◦</h1>
+   ```
+
+4. 之后，任何紧跟在另一个空格之后的空格（甚至跨越两个独立的行内元素）都会被忽略，所以我们会得到：
+
+   ```html-nolint
+   <h1>Hello◦<span>World!</span></h1>
+   ```
+
+5. 最后，元素开头和结尾的空格序列被删除，所以我们最终得到了：
+
+   ```html-nolint
+   <h1>Hello◦<span>World!</span></h1>
+   ```
+
+这就是为什么人们在访问网页时，会看到“Hello World!”这句话很好地写在页面的顶部，而不是一个奇怪的缩进的“Hello”，但在下面一行有一个更奇怪的缩进的“World!”。
+
+> **备注：** 从版本 52 开始，[Firefox 开发者工具](https://firefox-source-docs.mozilla.org/devtools-user/index.html)支持高亮文本节点，使得观察包含节点中包含的空白字符变得更加容易。纯的空白符节点会有一个“whitespace”标记。
+
+### 在块格式化上下文的空白符
+
+上面我们只是看了包含行内元素的元素，以及行内格式化上下文。如果一个元素至少包含一个块元素，那么它就会建立所谓的[块格式化上下文](zh-CN/docs/Web/Guide/CSS/Block_formatting_context)。
+
+这种情况下，空白符的处理方式非常不同。
+
+#### 示例
+
+让我们看看一个示例来解释发生了什么。我们已经像以前一样标记了空白字符。
+
+我们有三个文本节点，一个在第一个 `<div>` 之前，一个在 2 个 `<div>` 之间，还有一个在第二个 `<div>` 之后。
+
+```html-nolint
 <body>
-  <h1>Header</h1>
-  <p>
-    Paragraph
-  </p>
+  <div>  Hello  </div>
+
+   <div>  World!   </div>
 </body>
-</html>
+
+<!--
+<body>⏎
+⇥<div>◦◦Hello◦◦</div>⏎
+⏎
+◦◦◦<div>◦◦World!◦◦</div>◦◦⏎
+</body>
+-->
 ```
 
-![](whitespace_tree.png)
+它会像这样渲染：
 
-这么一来，要使用 DOM 游走于节点结构间又不想要无用的空白符时，会有点困难。
+{{EmbedLiveSample('示例_2')}}
 
-#### 助你一臂之力
+#### 解释
 
-以下的 JavaScript 代码定义了许多函数，能够让你在处理 DOM 中的空白符时轻松点：
+我们可以将这里的空白符处理方式总结如下（不同的浏览器在具体行为上可能有一些细微的差别，但这基本上是可行的）：
+
+1. 因为我们在块格式化上下文内，所有部分必须是一个块，所以我们的 3 个文本节点也会组成各自的“块”，就像这 2 个 `<div>` 一样。块占据了可用的全部宽度，并且相互堆叠，这意味着，从上面的示例开始：
+
+   ```html-nolint
+   <body>⏎
+   ⇥<div>◦◦Hello◦◦</div>⏎
+   ⏎
+   ◦◦◦<div>◦◦World!◦◦</div>◦◦⏎
+   </body>
+   ```
+
+   我们会得到一个由多个“块”组成的布局：
+
+   ```html
+   <block>⏎⇥</block>
+   <block>◦◦Hello◦◦</block>
+   <block>⏎◦◦◦</block>
+   <block>◦◦World!◦◦</block>
+   <block>◦◦⏎</block>
+   ```
+
+2. 然后通过对这些块应用行内格式化背景下的空白处理规则来进一步简化：
+
+   ```html
+   <block></block>
+   <block>Hello</block>
+   <block></block>
+   <block>World!</block>
+   <block></block>
+   ```
+
+3. 我们现在拥有的 3 个空块不会在最终的布局中占据任何空间，因为它们不包含任何东西，所以我们最终将只有 2 个块在页面中占据空间。人们在浏览网页时，会看到“Hello”和“World!”这两个词分别出现在两行上，就像你所期望的那样，两个 `<div>` 被排列出来。浏览器引擎基本上忽略了在源代码中添加的所有空白符处。
 
+## 在行内和行内块元素之间的空格
+
+让我们继续看看由于空白符可能产生的几个问题，以及如何解决这些问题。首先，我们来看看在行内和行内块元素之间的空格会发生什么。事实上，我们在第一个示例中已经看到了这一点，当时我们描述了在行内格式化背景下是如何处理空白的。
+
+我们说过，存在可以忽略大多数字符，但分词的字符仍然存在的规则。当你只是处理像 `<p>` 这样只包含 `<em>`、`<strong>`、`<span>` 等行级元素的块级元素时，通常没有必要关心这个问题，因为布局中的额外空白符有助于分隔句子中的单词。
+
+当你开始使用行内块元素时，情况会变得更加有趣。这些元素的行为就像外面的行内元素和里面的块，通常用于显示更复杂的 UI，而不仅仅是文本，并排在同一行，例如导航菜单项。
+
+因为它们是块，许多人期望它们会有这样的行为，但实际上它们并没有。如果相邻的行内元素之间有格式化的空白，这将导致布局中的空白，就像文本中的单词之间的空白一样。
+
+### 示例
+
+考虑这个示例，当然，我们像之前的示例一样包含了显示出所有空白字符的 HTML 注释。
+
+```css
+.people-list {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.people-list li {
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  background: #f06;
+  border: 1px solid;
+}
+```
+
+```html
+<ul class="people-list">
+  <li></li>
+
+  <li></li>
+
+  <li></li>
+
+  <li></li>
+
+  <li></li>
+</ul>
+
+<!--
+<ul class="people-list">⏎
+◦◦<li></li>⏎
+⏎
+◦◦<li></li>⏎
+⏎
+◦◦<li></li>⏎
+⏎
+◦◦<li></li>⏎
+⏎
+◦◦<li></li>⏎
+</ul>
+-->
 ```
+
+这个示例将渲染为这样：
+
+{{EmbedLiveSample('示例_3')}}
+
+根据使用情况（是头像列表，还是水平导航按钮？），你可能不希望块之间包含空隙。你可能希望元素的两边彼此平齐，并且能够自己控制任何间距。
+
+Firefox 开发者工具 HTML 检查器将突出显示文本节点，并准确显示这些元素所占用的面积。如果你想知道是什么原因造成的问题，并可能认为你在那里有一些额外的内边距或其他东西，那就很有用了！
+
+![使用 Firefox 开发者工具 HTML 检查器显示块之间的空白符的示例](whitespace-devtools.png)
+
+### 解决方案
+
+有一些方法来解决这个问题：
+
+使用[弹性盒子](/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox)来创建项目的水平列表，而不是尝试 `inline-block` 解决方案。这可以为你处理一切，而且绝对是首选的解决方案：
+
+```css
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+```
+
+如果你确实需要依赖于 `inline-block`，你可以将列表的 [`font-size`](/zh-CN/docs/Web/CSS/font-size) 设置为 0。这只有在你的区块不是用 em 确定大小（em 基于 `font-size`，所以区块大小最终也会是 0）的情况下才有效。rem 在这里是更好的选择：
+
+```css
+ul {
+  font-size: 0;
+  /* … */
+}
+
+li {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  /* … */
+}
+```
+
+或者，你可以在列表项中设置负内边距：
+
+```css
+li {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  margin-right: -0.25rem;
+}
+```
+
+你也可以通过把你的列表项放在源文件的同一行来解决这个问题，这将导致首先不创建空白节点：
+
+```html-nolint
+<li></li><li></li><li></li><li></li><li></li>
+```
+
+## DOM 遍历与空白符
+
+当试图在 JavaScript 中进行 [DOM](/zh-CN/docs/Web/API/Document_Object_Model) 操作时，你也可能因为空白节点而遇到问题。例如，如果你有一个对父节点的引用，并想用 [`Node.firstChild`](/zh-CN/docs/Web/API/Node/firstChild) 来影响它的第一个元素子节点，如果在打开的父标签之后有一个意外的空白节点，你将不会得到你所期望的结果。文本节点会被选中，而不是你想影响的元素。
+
+再比如，如果你有一个特定的元素子集，你想根据它们是否为空（没有子节点）来做一些事情，你可以使用类似 [`Node.hasChildNodes()`](/zh-CN/docs/Web/API/Node/hasChildNodes) 的东西来检查每个元素是否为空，但同样，如果任何目标元素包含文本节点，你可能会得到错误的结果。
+
+## 空白符辅助函数
+
+以下的 JavaScript 代码定义了许多函数，能够让你在处理 DOM 中的空白符时轻松点：
+
+```js
 /**
  * 以下所谓的“空白符”代表：
  *  "\t" TAB \u0009（制表符）
@@ -43,45 +339,43 @@ slug: Web/API/Document_Object_Model/Whitespace
  *  "\r" CR  \u000D（回车符）
  *  " "  SPC \u0020（真正的空格符）
  *
- * 不包括 JavaScript 的“\s”，因为那代表如不断行字符等其他字符。
+ * 不使用 JavaScript 的“\s”，因为它包含不断行空白字符等其他字符。
  */
 
 
 /**
  * 测知某节点的文字内容是否全为空白。
  *
- * @参数   nod  |CharacterData| 类的节点（如  |Text|、|Comment| 或 |CDATASection|）。
- * @传回值      若 |nod| 的文字内容全为空白则传回 true，否则传回 false。
+ * @param   nod  |CharacterData| 类的节点（如 |Text|、|Comment| 或 |CDATASection|）。
+ * @return      若 |nod| 的文字内容全为空白则返回 true，否则返回 false。
  */
-function is_all_ws( nod )
-{
-  // Use ECMA-262 Edition 3 String and RegExp features
-  return !(/[^\t\n\r ]/.test(nod.data));
+function is_all_ws(nod) {
+  return !/[^\t\n\r ]/.test(nod.textContent);
 }
 
 
 /**
- * 测知是否该略过某节点。
+ * 测知是否应在遍历时略过某节点。
  *
- * @参数   nod  DOM1 |Node| 对象
- * @传回值      若 |Text| 节点内仅有空白符或为 |Comment| 节点时，传回 true，
- *              否则传回 false。
+ * @param   nod  DOM1 |Node| 对象
+ * @return      若 |Text| 节点内仅有空白符或为 |Comment| 节点时，传回 true，
+ *              否则返回 false。
  */
-
-function is_ignorable( nod )
-{
-  return ( nod.nodeType == 8) || // 注释节点
-         ( (nod.nodeType == 3) && is_all_ws(nod) ); // 仅含空白符的文字节点
+function is_ignorable(nod) {
+  return (
+    nod.nodeType === 8 || // 注释节点
+    (nod.nodeType === 3 && is_all_ws(nod))
+  ); // 所有字符都是空白字符的文本节点
 }
 
 /**
  * 此为会跳过空白符节点及注释节点的 |previousSibling| 函数
- *（ |previousSibling| 是 DOM 节点的特性值，为该节点的前一个节点。）
+ *（|previousSibling| 是 DOM 节点的特性值，为该节点的前一个节点。）
  *
- * @参数   sib  节点。
- * @传回值      有两种可能：
- *               1) |sib| 的前一个“非空白、非注释”节点（由 |is_ignorable| 测知。）
- *               2) 若该节点前无任何此类节点，则传回 null。
+ * @param   sib 节点引用。
+ * @return      有两种可能：
+ *               1) |sib| 的最近前一个“不可忽略节点”，由 |is_ignorable| 决定。或
+ *               2) 若该节点前无任何此类节点，则返回 null。
  */
 function node_before( sib )
 {
@@ -94,33 +388,35 @@ function node_before( sib )
 /**
  * 此为会跳过空白符节点及注释节点的 |nextSibling| 函数
  *
- * @参数   sib  节点。
- * @传回值      有两种可能：
- *               1) |sib| 的下一个“非空白、非注释”节点。
- *               2) 若该节点后无任何此类节点，则传回 null。
+ * @param   sib  节点引用。
+ * @return      有两种可能：
+ *               1) |sib| 的最近后一个“不可忽略节点”，由 |is_ignorable| 决定。或
+ *               2) 若该节点后无任何此类节点，则返回 null。
  */
-function node_after( sib )
-{
+function node_after(sib) {
   while ((sib = sib.nextSibling)) {
-    if (!is_ignorable(sib)) return sib;
+    if (!is_ignorable(sib)) {
+      return sib;
+    }
   }
   return null;
 }
 
 /**
  * 此为会跳过空白符节点及注释节点的 |lastChild| 函数
- *（ lastChild| 是 DOM 节点的特性值，为该节点之中最后一个子节点。）
+ *（|lastChild| 是 DOM 节点的特性值，为该节点之中最后一个子节点。）
  *
- * @参数   par  节点。
- * @传回值      有两种可能：
- *               1) |par| 中最后一个“非空白、非注释”节点。
- *               2) 若该节点中无任何此类子节点，则传回 null。
+ * @param   par  节点引用。
+ * @return      有两种可能：
+ *               1) |par| 中最后一个“不可忽略的子节点”，由 |is_ignorable| 决定。或
+ *               2) 若该节点中无任何此类子节点，则返回 null。
  */
-function last_child( par )
-{
-  var res=par.lastChild;
+function last_child(par) {
+  let res = par.lastChild;
   while (res) {
-    if (!is_ignorable(res)) return res;
+    if (!is_ignorable(res)) {
+      return res;
+    }
     res = res.previousSibling;
   }
   return null;
@@ -129,38 +425,39 @@ function last_child( par )
 /**
  * 此为会跳过空白符节点及注释节点的 |firstChild| 函数
  *
- * @参数   par  节点。
+ * @param   par  节点引用。
  * @传回值      有两种可能：
- *               1) |par| 中第一个“非空白、非注释”节点。
- *               2) 若该节点中无任何此类子节点，则传回 null。
+ *               1) |par| 中第一个“不可忽略的子节点”，由 |is_ignorable| 决定。或
+ *               2) 若该节点中无任何此类子节点，则返回 null。
  */
-function first_child( par )
-{
-  var res=par.firstChild;
+function first_child(par) {
+  let res = par.firstChild;
   while (res) {
-    if (!is_ignorable(res)) return res;
+    if (!is_ignorable(res)) {
+      return res;
+    }
     res = res.nextSibling;
   }
   return null;
 }
 
 /**
- * 此为传回值不包含文字节点资料的首尾所有空白符、
+ * 此为返回不包含文字节点的首尾所有空白符、
  * 并将两个以上的空白符缩减为一个的 |data| 函数。
- *（ data 是 DOM 文字节点的特性值，为该文字节点中的资料。）
+ *（|data| 是 DOM 文字节点的特性值，为该文字节点中的文本。）
  *
- * @参数   txt 欲传回其中资料的文字节点
- * @传回值     文字节点的内容，其中空白符已依前述方式处理。
+ * @param   txt 欲返回其中数据的文字节点
+ * @return     文字节点的内容，其中空白符已依前述方式处理。
  */
-function data_of( txt )
-{
-  var data = txt.data;
-  // Use ECMA-262 Edition 3 String and RegExp features
+function data_of(txt) {
+  let data = txt.textContent;
   data = data.replace(/[\t\n\r ]+/g, " ");
-  if (data.charAt(0) == " ")
+  if (data[0] === " ") {
     data = data.substring(1, data.length);
-  if (data.charAt(data.length - 1) == " ")
+  }
+  if (data[data.length - 1] === " ") {
     data = data.substring(0, data.length - 1);
+  }
   return data;
 }
 ```
@@ -169,21 +466,13 @@ function data_of( txt )
 
 下面的代码演示了上面这些工具函数的使用方法。具体操作是，遍历一个子节点全部为元素节点的元素，找到所包含的第一个节点为一个文本内容为“`This is the third paragraph`”的文本节点的那个子元素，并修改该子元素的 class 属性及其第一个文本节点的文字内容。
 
-```
-var cur = first_child(document.getElementById("test"));
-while (cur)
-{
-  if (data_of(cur.firstChild) == "This is the third paragraph.")
-  {
-      cur.className = "magic";
-      cur.firstChild.data = "This is the magic paragraph.";
+```js
+let cur = first_child(document.getElementById("test"));
+while (cur) {
+  if (data_of(cur.firstChild) === "This is the third paragraph.") {
+    cur.className = "magic";
+    cur.firstChild.textContent = "This is the magic paragraph.";
   }
   cur = node_after(cur);
 }
 ```
-
-#### 原文资讯
-
-- 作者：[L. David Baron](http://dbaron.org)
-- 最后更新：January 1, 2003
-- 版权资讯：© 1998-2005 by individual mozilla.org contributors; 内容部份以 [创意公用](http://www.mozilla.org/foundation/licensing/website-content.html)方式授权。
diff --git a/files/zh-cn/web/api/document_object_model/whitespace/whitespace_tree.png b/files/zh-cn/web/api/document_object_model/whitespace/whitespace_tree.png
deleted file mode 100644
index 1ecb1e598faf8029e7f63c6cf7df08eee70892de..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5610
zcmZu#c{r4h_Z@roBr0SL$x@cFCd)9{hB1?E?0hV}_I=;CHiQ~AmTWU-vM(<ok&q=t
z-YjD+*^Q;5B>DCI|M$;5=iKMs=ef`M>pb@^+WaObn*bXO2IDj~GQhxK^Z*P-r^Lwc
zuk&K?v*|xz^wLA=!C(#9?0;OD{%N`p%uRh*?R%m1f8q?<?3Url$;m$oJAwVflf?hQ
zr84Ug7>qC6*g)@ABz3FEC%F6?$J;$lId3kQnv1%g=K=lU=#jI>9>Xr8(L<ltXlr^z
z)i@vT{5N+w<0~o3nHS{;ezLazf69!hppllMjP8WSkOObGZ)4-PsN)_Qb70I9FEx65
z$rbdG2Wa9)Jg^@XeoUajOvuO9z+)WoAQ}j)g2K@Z3aut1<;;(9GT>XGFZx7lb6QTr
z*xMQm`w`l<VRX-rm~P3y4{FB#Bp)}DwXeYW!HhJ|_UW5Up6NRZ@ZMI6)0ZH7vK9M2
zWqpky_U?#wFQSulV%?Q)*)c7a{5uAlZQ`sco|K8(_fdeS-Da-n3mX?`l3*SUc&%hz
z1Id8}Boe)2d3`~HwIR*3pMyXx$J{3;eFnYRgxTRt?EHjJb!m`UsB3g$K~P|}Gm5r?
zuEKpM*JN`?ddGl&Ph6cG^mCuX^Qi&^yFSB|WD|K3(w)tH-ed$Vi&G~<{6Khvc1NN^
ztK5q>5tVbJ@YMD(3F)?)<92&(feyRU_a^C66*-O^qb7|*9OD94wAXRLeUDOGN^^@D
zs)O0vQ>9F6+}!oQQ)CRSeYsQy%a8)!TEm|~_PJF<Z1Q?F&of_(m033^`YMpD8<ySU
zQ*nLxaDWlKC(qy)-$j|a7a&r3FgNv0%>sS2Vo8rsJPYnv39j}V0}Ibp@i=c_;cljv
z8$ID(&D2#^BWH$JoP<~cb<%Z7AU|<7tVCaybU+922G``&s~+`ipFM~@&vA}>z2v2~
zF()A`&W>$Kw(k?bUa|XUhU%yzwK$!I)^4;AQ(r`AFtw!hAB$AYjdk#vF@FAunj@cF
z=ooC-M9cb~dU$xa`0>0MqFL303NKr{2ytjSBWQ`>2jW495-?&#=F9EaJo$bT>aRj~
z1k5cTud)K#zAt~b5Gj<5>66VY-7towKRuB$HLQlBW#JZsJ6tc)=zZ^PiW$~~kSW4v
zN#MDQbx1!Xvn;$i|3&37&e_QCqe%fJ2|)|Sb-a;M?Cxb&f!9}1Kk3s|PG~?<2u=kP
zKXw-z!1kOT)~9;HdJ>5lx1O@g2)_-STmy{WF0!2-BW%N4|0=td`lyu{RGLA1KHq|&
z_-#h8<6@*GM0kuFzH{Arrw*Jr?0mgX9wE!AUmN<};MhIKcv<Hp7`HjI{O`Q)6jc5e
z;v!Iw!5&0UI;IKNpS;UX*5ibnqlK=tbAX$NaAKv1#O3`uH>Tkq4_EhBq=MKlDnX)U
zs_`&T5?#>stF>N<R;!MIdXY6&$6f^!gw4q<m)GykJLXYU%}2%R8ciiM4Qc-5^$ab;
z8XM@hY7Ll1Rjmnk1YFVKHrjM++l#L<+kzocl;1jHX^=~>$MG)pg9&>hHrE(va^K8&
zFhSbhP&P~_ENy&;;@yBuk+~Hz>KS6>uGf8V1wHQBZtFu_u}HW?;Zy<FQ^<U3{NP1?
zO{Y|<z{BJEG!h5Ag8wSI6vrDL?_NP3yl?qtGCKk-Yi}6d^KcIrl{3vNe9Jr6wye?S
z=~W3O7X3T3+3lx6{q&=q_Z`i@MkOwJs@uvW#zmZSK;nK8x_&JddXzszeD%57LJO~=
z%wKQ|jv9Hn8GDHjZ(*k3JY?0(j}Ij}EKj_+n6b&3CLtT3wb7ctx+hx}Iaj-DW@(Ui
z>ubIb$82S4vA)q4t<Hko99Eqd?0)Eya+br#y%o}$>zx<hdw#LWah7U;U8soD&RR9C
zH<U<^geCpVW-R*f(|_;0X|IHpIH_dZ<%XUA0QuIURxc~|k#XJ$m)nz}9$2O+jX{ek
zY2+MhsH(vw`oCtyROvy^+(G%Nh`f6|xqF{uT_SUk_=2|s_KTlxl77f3XtWg+buzB7
z@VyGfWF^ZqdaIx>@rt$m#t+C1S>2KnR8_*?R`mayYpSHQ7en$-JO_tac>60K-84tZ
zH#Fut1iRMupW=eY8lO~W$%FioxmCBe0_iH=$wyfl`+e&@lfq~*7&IT6Ego6CaRvI=
znk3O=S^$iEsO4&kg>tJDSIGPGs>DO0Q}LKw-i|3!I%Dqf{9E7C)ABD4QHlg=yYnY>
zin8UB7y~}>3^deohP9JBfy68fVr|I-eu&dwBThvuSy6YkN+${*5Gq(q02k4;xrNd$
z6W<+JOKZzhW>^};jPiqj<n`uE((@PJ7(ISA%5RBqAWSnpDQ#(MIpBmueejp+*G~aH
z3h6`8CcYW30_qVrdKUfV^LNnJLn~<bCCYw^X;!o7XQJxHOWLws7Gb2s_ngRY3=ott
z*>CSPK9i{kjM6_N$a7v(9tXqQ2mcIWuu3VdXyt=PGWYUG{Bv_cmK2|TVYo{1nSP~7
zdiFW;FymUn1qjM$Fz^p3nP?pxp`C|gS(D00$w{x4Et}%V_<}NGMdd$_IEBHLPf$0J
znH5mAs8$|yYcajE{hmB2pO{-dG3~SI8{zTnS_4_e#wFpMAi2$z^8CLvOTiBCZxYe7
zp%nUag$`lvvxsTZC_4*p)x9$WXvxE+72`O0*9>|+tm$W!F3SKozZS#*HbnVG3*kmU
ziR#bDZb(3mVS6yLgb^O6^RUeG26v3>_fqwB(5~j`?uui4O#llsoOh-NV@|fW(z8@v
z*7D`}h`>|5g*!Ol{?QW)NMAp6s00F~ll4(1MHf5%44F(_ndBeOsQF>;_CDn?+b=f2
zUX7Xusdlws#-q#0>xsa?Z9fNT@yx2ikMXF!Wxs2lKF+U%yU?bQ)@nry;jr#8YIm7x
zl8s17L2zf1NKTiupHZ{_Sf;9JO@RYotG<EuQI<NJ=}%k6LZ0B=Rxg}Jkbb}$M`pM^
z`M=&C%TVo9;}H{uXZ%;@JEFIGS(V`>H*d*;LF*eZ?vQ7dB&~@(-zxL7aIKoc3KBYV
zScOTmBAFhrL9vH@NmT*;d`D4pN^L2al#=lCw3u3p8fi+~eeumdmmXpbnK-Ni6riK%
zF(^LlTTz@-XxiIpaYsh6Z$6gX`LpMqM-i+%k0sBCSK<jv9ri$$vn~(#ar(dG%ab=<
z6`kJbuRrF=aZrnFG;2Lv5WN^)|7X+`>+>Z|#_QSZkg|F~-R>Ci{Aba)HnDQoulall
zpQe)}>R|IvYi>O{h;TwNf-VV(P--Zp=E&@W577)5?(YP#*Vi&kx$}-~UdZ^YhWU?H
z_>IUUz~*T;jzZ!x{RklqMVgF*WXs>JA$OQt&YY!#dtLn{*>I@3S+BY1)VtE95A-Y)
zhG=BAA&e#!n1pukj@I{RqihWMHJd7Tdi9#8C4M*6=6t>rAkSH>Gb45?)e2#?uih~`
zF!ExcrG+6KBL+9Veb^gp>Xp@ZRXa$;AM?_ni=#Gv;-OmJoutmlL~J>^Phl}N*mUK`
zX^EcWsq5nEx{Nc^(M&n!RiycuIf-9k+5(N--JZ^0C7%$5rryV#*43sH*lv5_p}c|V
zTB)_)mE5rN2-FZKVu~HTE?g70!esD-rhfP$T%sYO)?e+m5{J~At-!KBz!;fle1Cu0
zAh0<}D>ey*QBrfyurb4wYZgYhF0rQkCFXn$nLp?t+p-<Y@yx$8^xrZF)qRs47&kXf
zKtl=r8(&z)>lWhsepC)$6>5|7WibO7{I7h;r&LnNyM4jD>$p?qVYdNoy(hC=y9Zs~
z{u)3K-a4-wnXTv4c5nIp2tB?rqj@os8O8bM5&ie(e2-Bj<^sW#muCKYem{jk9xbTn
zt7Sg+et-@ad??*N;Wp_}D)qIbW#HLUwq|Gp&bC7%`|j~Ib~mTwCn7R;W*d~tA5b)8
zY!i2uhAvA9mkeWk6C~AkgV*l-NIwf+W`N<B+Flxrs=%RlqOv#otDyz6hYURSGVG5P
zK^N(Fx$YNn-i7Y?iu8Fk{!jdUGYQ_L4KuH9a*`H3E{l4RmZJ=?__r=wMm}Y7LSD-j
zxKZ{fYQLfWIO*wg6%$=El?u;tj+nLf>DH}6p*t9c0=0s2<kq{#h55E2B^fLMnnevP
zj|kr#rHGW7tk4$YD92>Npkhe99;=F(?T^k?D6~FioU+E?QZAaGIwE0Pc!Kn+kPl77
zBQig-)<3}Cr%ka{;&BD$JhRn7%4UIDERzHlmD|tCkld0{bwQdRlb;Hyg7HDKGzEay
z*v|zmp?&7Jriz7&)~I>@C3HYaEFBoR&}do{#${zl8T-lR`>0win`Yh$P2VUy?~b<5
zzS2)QTy5h<FJ>8Nz$f_Y-K#@Qi)f`@=mIxD7c(pp#){$re@I<@O&5G;w&mX%hpsm;
zjtjZ{R8}Cu(lmDam)11f2Fv>nB{Jt}b4exg(+xc)=#sNw{qQO5^>;D)18W>z(qxd~
zK2?<q4ytZ7Y2!@wBr*!84;LX{!Jo4jRXA<jg*9-bDUqPITTyxM1<o{D>|WNuO^>f9
zTiUmLjGN*o@8->ybi(<rUjtg2ghF_If1R=NWj`AF<`vLT&%F04S%e6E11C!Qa+pXD
zQ}OCk$d#hwZ&qKB*+k~>t*PHbamfOowUrc8<r2K?oW;1<)bY3&b@;r-*vP9$D_DY(
z^UA98=Tktqw+D;u_Eo5X!fMX**@5vjt8ve!7Ly*`;CkPRlf8P6KBe8;Df1(beR(ho
z%VCJ3OG5MWtMZCs2u)srWbw}*EZ>+{XRDr1rQawvVH&YWZxEN?RAVRWov=WE5|N&>
z{o80o9X_e1F7Yq#>>%nB+`{#7MjP$mqVq&Hn%W1>MzIS*Ocvh2Y3w+n<RNuDPqarP
z*Xdh8wJ$}yt7!D-26ca9W}X~H)N`*{Un|)sU8bHBNendOXC8ZF5>V{CBXoNjn$UCB
zMTtV`Rp{{pnOuLDxlJ%jbcP<7`WGw+UC58zbwsJ`pyIECJoX&q{yFVYsN&{`Ox{`S
zX3pKeygn$jqv+zo;yg%1`XX=h0KDOtL>smrsC`Xd?do@_s`3Yd>}qF!ycKM6P7!u&
z`Xtq2(#MZV26alvVEl#B2yBxV($&?8dp*;1s)d+{E4c8+7vks6z;5mfPyH!Q>?-N!
zj9jmOU9Hqa=6s?fPSGO}<R7upOv$Wbq6<CF;>Lb6{7IiKv3~(iXhrt;8Bvb(rHi5-
zOl~aNb0_lxA<E}i>)oZL46hay=j~l`W;FV8?gxgQ$ecrM7n}UZ=&*t<`ImE@#aefz
zz6t;)oWYW=dZ>Fh*nkgRVSrS*?%}OA*(YKHLYDxTJivWNDmY1?{!Meq!B=i2`+s@8
zjQxp1Nz0Je>CpT!0UkwH%vCUOMd#+o0CK4Afjwe+Y2o9)A)bWrZmD*@dr@M+5c<Kk
zsdLPV<pz@TrzP)j?)JdfVe)$8Bb$AAh&0!#PaKq7{g8+xU$9$6az;};xZBbN1VH{r
z8J6e%zC|m4=)Uf=LOC4ol?3br-vj}H^6-Rp!%%KP*g*M&gLZ${v@ihU0Bx<}x!{@4
zN|>_*G=LtLrG;K|K#$amme^Kg0=){T;QG-QilK~U?t`-($x86N0hlWCvT_~KCs!uH
z<*Py`gbzTcWD013esvEiJTEOqE}EK`-fBD6n93rq_RN03j5EQL?^PK?W_jr8w$k%}
z-R9dHKth22h+LsqsF8m+>+^Y|V=3&oN0?;^-hiS3FQ9Sh$$Nu6pAr`RhjCt270q&J
zWtTpEz)b!=&2)Ky@+v)05&qK&Rn+%x3whR)Y*>>JVCl})yF#*L3+dN_YBdgZh|D*V
z!l8+TL9ZWvfc3pI{b4IIyR(L<E{hQx28$ikF!^bc@kHyW6~%Y(aw#((pb)_Ib2oP=
zLRpKV*o3)H-Ha2DTa3Q@=$|W|C=^+bc<WJuC${|X4EVuefM;j(^zW$ivvK%%rSdDF
z{$^TpKF*_6%KAwE;gvs8O5m?$Y-|44y-?e>Eqwtm%{i#BZlwvM1Lw|mkg+qI8CZCg
zX;LvE*9cNRx6F(oY8tTQ7h+`Lg(gjS+#MWFW138B6L#IJOXw|IriuQ1YeUln%(mn7
zf2Jltby(Ts+fgxr@*58<YTuWqBhXq)zYbc-LHFj0Ah%Cf_!|z3$VGe~SaavD<)7=Q
zV0=ee?D+9gq<msZ)FvQi(|j}bQM-4n)iZR$YGm}G5nY7K+_2h#LR{T~U2WlGe((3{
zbUX$Av9|1y@7v?Xcz>^Y7ea2*o9uLJT^0CQNiol3KH%DQkio78LrXi115B4R**qp(
zW2RDZRCad}_<7&dVBj4FKY8I~Ed}X*NLZ7+4)6RdR*V_{@QWiz2oUBCzf{#3Z-C0?
z{kEZq^p;f^pp@!NmcS8%?TR)D8CkSDTHM1I(|BecFWf}M@<E}?t)vO9AZ1A9<*HAy
z0GCOPG(Xy-ulBycP<96L^=?0;DK6uw{T(9A0t<szu@bfRQ{c5k|1958d0_WGR2^PO
zB+Wp{(x1ZvALoqu%`ul~Fs*h{!cra1fW>|svciZCFVw3PL0VQd?K++HYYk2Kk?TT<
zr+~NhFLO7qRm5(!5ir+w6*OeYIVDuaoOxkxP?@ueFaJ;{8QY;hI-F%VV(cSYipP*M
z(Gheo6|zP`F!W%G>$+^Cj_cmr9TX}b!ey=-S5_i5g1=**5<O>rytAm?>Gi4Bmi;XQ
zl-1eEDZx)sL(8o~=a(nVPE98jY`***c?v+bw^K?lI1iIOii$H0=^WmDc5b0ezj@dU
z1zrXelwfNW_^{}*Z8@P&cqipHJ;+2a&<ChJo$izwa6>m5uAe3#TtZ?(Y4k_!9aA)F
zRH#Y7S)RN8RwU&4pBa#Zy1u+xkEQpL$lJ-$$I@H6VbFj3y3^~%wMAkk>-Q78Oll%W
zPD8!~F7{;HmiVM03b7HAMX<APSaTh#>0dN?5rPHG-Cu>Hevv!1^_N~f)g6&Md)Zod
zO^uwi={fbEzwz}k#0W>AN|z`0FB|x(hH$jq*n6MAdNbz_hM!3kB6-@l*pI`CanD9W
z66g5W3uV~@S>QAes|gS1`3bcsD^;eO<r9DAOB+}PB9J2D2ehm-ESc{+u7f$&ph0&p
z?q$S0$77uk)O~@EbxUqsNfVt#56Y2c?+y8?1}<EA@<lM3!_DLE%I}o|=YuOu)+E93
zsEmu8NT2fXo^JKB?jFm#8g&}-KV-A+N~DV!@+L)_<sH&Cm<#*wn17<@9d5ooPC^x^
g`ceOX(s#g39U4dd*>MT^-&5Au(A=O_-zE9~0E6hqga7~l


From 6e85802dedfc081e967fe6f608895a2290eed6e3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Jun 2023 01:57:08 +0900
Subject: [PATCH 052/146] =?UTF-8?q?2023/03/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/image/index.md  | 95 ++++++++++---------
 1 file changed, 51 insertions(+), 44 deletions(-)

diff --git a/files/ja/web/html/element/input/image/index.md b/files/ja/web/html/element/input/image/index.md
index 2804774d64306e..46af8e80fe7e2e 100644
--- a/files/ja/web/html/element/input/image/index.md
+++ b/files/ja/web/html/element/input/image/index.md
@@ -2,7 +2,7 @@
 title: <input type="image">
 slug: Web/HTML/Element/input/image
 l10n:
-  sourceCommit: 7594b50698a76ce79209b159835e615052915723
+  sourceCommit: fa8a44b8bff24a4032181c4fd155c459c0dc9161
 ---
 
 {{HTMLSidebar}}
@@ -11,45 +11,6 @@ l10n:
 
 {{EmbedInteractiveExample("pages/tabbed/input-image.html", "tabbed-standard")}}
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#value">値</a></strong></td>
-      <td>なし — `value` 属性は指定しないでください。</td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>なし</td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#alt"><code>alt</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#src"><code>src</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#width"><code>width</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#height"><code>height</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#formaction"><code>formaction</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#formenctype"><code>formenctype</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#formmethod"><code>formmethod</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#formmethod"><code>formnovalidate</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#formtarget"><code>formtarget</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td>なし</td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td>{{domxref("HTMLInputElement")}}</td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>なし</td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 `<input type="image">` 要素は `value` 属性を受け付けません。表示する画像へのパスを `src` 属性で指定します。
@@ -66,7 +27,7 @@ l10n:
 
 > **メモ:** `alt` 属性は技術的には省略可能ですが、コンテンツの利用性を最大化するために常に設定してください。
 
-`<input type="image">` の `alt` 属性は、機能的には {{HTMLElement("img")}} 要素における [`alt`](/ja/docs/Web/HTML/Element/img#alt) 属性と同様に動作します。
+`<input type="image">` 要素の `alt` 属性は、機能的には {{HTMLElement("img")}} 要素における [`alt`](/ja/docs/Web/HTML/Element/img#alt) 属性と同様に動作します。
 
 ### formaction
 
@@ -79,7 +40,7 @@ l10n:
 文字列で、フォームのデータをサーバーに送信する際に使われるエンコーディング方法を識別します。許されている値は 3 つです。
 
 - `application/x-www-form-urlencoded`
-  - : これは既定値で、フォームのデータを {{jsxref("encodeURI", "encodeURI()")}} などのアルゴリズムを使って URL エンコーディングした後で送信します。
+  - : これは既定値で、フォームのデータを {{jsxref("encodeURI", "encodeURI()")}} などのアルゴリズムを使って [URL エンコーディング](https://ja.wikipedia.org/wiki/パーセントエンコーディング)した後で送信します。
 - `multipart/form-data`
   - : データを管理するために {{domxref("FormData")}} API を使用し、複数のファイルをサーバーに送信することができます。フォームに {{HTMLElement("input")}} 要素の [`type`](/ja/docs/Web/HTML/Element/input#type) が `file` のもの ([`<input type="file">`](/ja/docs/Web/HTML/Element/input/file)) が含まれている場合は、このエンコーディング型を*使わなければなりません*。
 - `text/plain`
@@ -210,7 +171,7 @@ l10n:
 
 画像をクリックしてフォームを送信すると、 `?x=52&y=55` のようなデータが引数として URL に付加されるのがわかります。画像入力に [`name`](/ja/docs/Web/HTML/Element/input#name) 属性がある場合、指定した名前はすべての属性の先頭に付くことに注意してください。したがって、`name` が `position` である場合、返される座標は URL で `?position.x=52&position.y=55` という書式となります。もちろん、これは他のすべての属性にも当てはまります。
 
-これらは、マウスでクリックしてフォームを送信した画像の X と Y の座標で、 (0,0) が画像の左上となります。これらは、画像の中でクリックされた位置が重要である場合、例えば、地図がクリックされると、クリックされた座標がサーバーに送信されるような場合に利用することができます。サーバー側のコードは、クリックされた場所を特定し、その近くの場所についての情報を返します。
+これらは、マウスでクリックしてフォームを送信した画像の X と Y の座標で、 (0,0) が画像の左上となり、画像のクリック以外で送信が発生した場合の既定値もこれになります。これらは、画像の中でクリックされた位置が重要である場合、例えば、地図がクリックされると、クリックされた座標がサーバーに送信されるような場合に利用することができます。サーバー側のコードは、クリックされた場所を特定し、その近くの場所についての情報を返します。
 
 上記の例では、サーバー側のコードで、送信された座標からどの色がクリックされたかを調べ、人々が投票した好きな色の集計を行うことができます。
 
@@ -271,7 +232,7 @@ label {
 
 この例では、前の例を応用して画像のための空間を確保し、 {{cssxref("object-fit")}} と {{cssxref("object-position")}} で実際の画像の大きさと位置を調整しています。
 
-#### 実行例
+#### 例
 
 {{EmbedLiveSample("Adjusting_the_image_position_and_scaling", 600, 300)}}
 
@@ -323,6 +284,51 @@ label {
 
 ここでは、 `object-position` は画像を要素の右上隅に描画するように設定され、 `object-fit` は `contain` に設定されています。これは、画像の縦横比を変えずに要素のボックス内に収まる最大の大きさで描画することを意味しています。画像で覆われていない領域では、要素の灰色の背景がまだ見えていることに注意してください。
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#value">値</a></strong></td>
+      <td>なし — <code>value</code> 属性は指定しないでください。</td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>なし</td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#alt"><code>alt</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#src"><code>src</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#width"><code>width</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#height"><code>height</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#formaction"><code>formaction</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#formenctype"><code>formenctype</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#formmethod"><code>formmethod</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#formmethod"><code>formnovalidate</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#formtarget"><code>formtarget</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td>なし</td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td>{{domxref("HTMLInputElement")}}</td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>なし</td>
+    </tr>
+     <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="/ja/docs/Web/Accessibility/ARIA/Roles/button_role"><code>button</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}
@@ -334,5 +340,6 @@ label {
 ## 関連情報
 
 - {{HTMLElement("input")}} および実装している {{domxref("HTMLInputElement")}} インターフェイス
+- HTML の {{HTMLElement("img")}} 要素
 - `<input>` 要素の枠内における画像の位置と大きさの指定: {{cssxref("object-position")}} および {{cssxref("object-fit")}}
 - [CSS プロパティの互換性](/ja/docs/Learn/Forms/Property_compatibility_table_for_form_controls)

From cdddcdda8f79e261f9672e86c637049f4f7d226c Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Jun 2023 23:54:50 +0900
Subject: [PATCH 053/146] =?UTF-8?q?2023/06/15=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/html/element/input/password/index.md  | 128 +++++++++---------
 1 file changed, 67 insertions(+), 61 deletions(-)

diff --git a/files/ja/web/html/element/input/password/index.md b/files/ja/web/html/element/input/password/index.md
index 0fd6757709f9dc..1c05c199147dc6 100644
--- a/files/ja/web/html/element/input/password/index.md
+++ b/files/ja/web/html/element/input/password/index.md
@@ -2,7 +2,7 @@
 title: <input type="password">
 slug: Web/HTML/Element/input/password
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: 35f56647dea855306800c124d99c4cd0962505dd
 ---
 
 {{HTMLSidebar}}
@@ -18,64 +18,13 @@ l10n:
 どちらの手法も、ユーザーが意図したとおりのパスワードが入力されたかどうかを調べるのに役立ちますが、モバイル端末では特に難しい場合があります。
 
 > **メモ:** パスワードのような機密情報が含まれているフォーム（ログインフォームなど）は、 HTTPS で送信するべきです。
-> 現在では多くのブラウザーで、安全ではないログインフォームの場合に警告を行う仕組みが実装されています。詳細は[安全でないパスワード](/ja/docs/Web/Security/Insecure_passwords)を参照してください。
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>
-        パスワードを表す文字列、または空欄
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#inputmode"><code>inputmode</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#minlength"><code>minlength</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#required"><code>required</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#size"><code>size</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td>
-        <code>selectionStart</code>, <code>selectionEnd</code>,
-        <code>selectionDirection</code>, <code>value</code>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}},
-        {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}},
-        {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
+> 多くのブラウザーで、安全ではないログインフォームに対して警告を行う仕組みが実装されています。詳細は[安全でないパスワード](/ja/docs/Web/Security/Insecure_passwords)を参照してください。
 
 ## 値
 
 [`value`](/ja/docs/Web/HTML/Element/input#value) 属性は、パスワードを入力するために使われているテキスト編集コントロールの、現在の内容である文字列を格納します。ユーザーが何も入力していない場合、この値は空文字列 (`""`) です。[`required`](/ja/docs/Web/HTML/Element/input#required) プロパティが指定されている場合、パスワード編集ボックスが妥当となるためには、空文字列以外の値を含まなければなりません。
 
-[`pattern`](/ja/docs/Web/HTML/Element/input#pattern) 属性が指定されている場合、`password` コントロールの内容は、その値が検証をパスした場合のみ、妥当とみなされます。詳細は[検証](#検証)を参照してください。
+[`pattern`](/ja/docs/Web/HTML/Element/input#pattern) 属性が指定されている場合、`password` コントロールの内容は、その値が検証に合格した場合のみ、妥当とみなされます。詳細は[検証](#検証)を参照してください。
 
 > **メモ:** 改行文字の LF (U+000A) と CR (U+000D) は `password` の値には許容されません。パスワードコントロールに値がセットされるとき、LF および CR は値から取り除かれます。
 
@@ -85,19 +34,19 @@ l10n:
 
 ### maxlength
 
-ユーザーがパスワード入力欄に入力することができる（UTF-16 コード単位での）最大文字数です。 0 以上の整数値である必要があります。 `maxlength` が指定されていないか、無効な値が指定されていると、パスワード入力欄には最大文字数が設定されません。この値は `minlength` の値以上である必要もあります。
+ユーザーがパスワード入力欄に入力することができる（UTF-16 コード単位での）最大文字数です。 0 以上の整数値である必要があります。`maxlength` が指定されていないか、無効な値が指定されていると、パスワード入力欄には最大文字数が設定されません。この値は `minlength` の値以上である必要もあります。
 
 フィールドに入力されたテキストの長さが UTF-16 コード単位で `maxlength` の長さを超えていると、その入力欄は[制約検証](/ja/docs/Web/HTML/Constraint_validation)に失敗します。
 
 ### minlength
 
-ユーザーがパスワード入力欄に入力することができる (UTF-16 コード単位での) 最小文字数です。これは非負の整数値で、 `maxlength` で指定された値以下である必要があります。 `minlength` が指定されていないか、無効な値が指定されていると、パスワード入力欄には最小文字数が設定されません。
+ユーザーがパスワード入力欄に入力することができる (UTF-16 コード単位での) 最小文字数です。これは非負の整数値で、`maxlength` で指定された値以下である必要があります。`minlength` が指定されていないか、無効な値が指定されていると、パスワード入力欄には最小文字数が設定されません。
 
 入力欄のテキストの長さが UTF-16 コード単位で `minlength` の長さよりも短いと、その入力欄は[制約検証](/ja/docs/Web/HTML/Constraint_validation)に失敗します。
 
 ### pattern
 
-`pattern` 属性は、指定する場合は正規表現であり、入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) が[制約検証](/ja/docs/Web/HTML/Constraint_validation)に合格するためにはこれと一致しなければなりません。これは {{jsxref("RegExp")}} 型で使用される JavaScript の妥当な正規表現である必要があり、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_Expressions)で記述されています。正規表現がコンパイルされるときに `'u'` フラグが指定されるので、パターンは ASCII ではなく Unicode コードポイントの並びとして扱われます。パターンのテキストをスラッシュで囲んではいけません。
+`pattern` 属性は、指定する場合は正規表現であり、入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) が[制約検証](/ja/docs/Web/HTML/Constraint_validation)に合格するためにはこれと一致しなければなりません。これは {{jsxref("RegExp")}} 型で使用される JavaScript の妥当な正規表現である必要があり、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_expressions)で記述されています。正規表現がコンパイルされるときに `'u'` フラグが指定されるので、パターンは ASCII ではなく Unicode コードポイントの並びとして扱われます。パターンのテキストをスラッシュで囲んではいけません。
 
 指定されたパターンがないかか無効である場合は、正規表現は適用されず、この属性は完全に無視されます。
 
@@ -111,7 +60,7 @@ l10n:
 
 コントロールの内容がある書字方向 ({{Glossary("LTR")}} または {{Glossary("RTL")}}) であるものの、プレイスホルダーを逆の方向に表示する必要がある場合、 Unicode 双方向アルゴリズム書式文字を使用してプレイスホルダーの中で書字方向を上書きすることができます。詳しくは、[双方向テキストでの Unicode コードの使い方（英語）](https://www.w3.org/International/questions/qa-bidi-unicode-controls)を参照してください。
 
-> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[\<input>: 入力欄 (フォーム入力) 要素](/ja/docs/Web/HTML/Element/input)の[プレイスホルダーはアクセシブルではない](/ja/docs/Web/HTML/Element/input#プレイスホルダーはアクセシブルではない)を参照してください。
+> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[`<input>` のラベル](/ja/docs/Web/HTML/Element/input#ラベル)を参照してください。
 
 ### readonly
 
@@ -140,7 +89,7 @@ l10n:
 
 {{EmbedLiveSample("A_simple_password_input", 600, 40)}}
 
-### オートコンプリートを許可する
+### オートコンプリートの許可
 
 パスワードを自動的に入力するため、ユーザーのパスワードマネージャを許可するには、[`autocomplete`](/ja/docs/Web/HTML/Element/input#autocomplete) 属性を指定します。パスワードの場合、通常は次のいずれかの値をとります。
 
@@ -217,7 +166,7 @@ l10n:
 ```js
 document.getElementById("selectAll").onclick = () => {
   document.getElementById("userPassword").select();
-}
+};
 ```
 
 #### 結果
@@ -282,13 +231,70 @@ const current = document.getElementById("current");
 
 ssn.oninput = (event) => {
   current.textContent = ssn.value;
-}
+};
 ```
 
 #### 結果
 
 {{EmbedLiveSample("Requesting_a_Social_Security_number", 600, 60)}}
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>
+        パスワードを表す文字列、または空欄
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#inputmode"><code>inputmode</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#minlength"><code>minlength</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#required"><code>required</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#size"><code>size</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td>
+        <code>selectionStart</code>, <code>selectionEnd</code>,
+        <code>selectionDirection</code>, <code>value</code>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}},
+        {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}},
+        {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"><code>対応するロールなし</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 6b40709fb385241e0edd75c06fce6c21c1fc204b Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Jun 2023 00:39:08 +0900
Subject: [PATCH 054/146] =?UTF-8?q?2023/04/05=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/search/index.md | 115 ++++++++++--------
 1 file changed, 61 insertions(+), 54 deletions(-)

diff --git a/files/ja/web/html/element/input/search/index.md b/files/ja/web/html/element/input/search/index.md
index 6304d544e3955d..45da8ff33cd438 100644
--- a/files/ja/web/html/element/input/search/index.md
+++ b/files/ja/web/html/element/input/search/index.md
@@ -2,7 +2,7 @@
 title: <input type="search">
 slug: Web/HTML/Element/input/search
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: d85a7ba8cca98c2f6cf67a0c44f0ffd467532f20
 ---
 
 {{HTMLSidebar}}
@@ -11,53 +11,6 @@ l10n:
 
 {{EmbedInteractiveExample("pages/tabbed/input-search.html", "tabbed-standard")}}
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>
-        検索フィールドに入っている値を表す文字列。
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#minlength"><code>minlength</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#required"><code>required</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#size"><code>size</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}},
-        {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}},
-        {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 [`value`](/ja/docs/Web/HTML/Element/input#value) 属性は、テキスト入力欄に入力された現在のテキストの値が入っている文字列です。 JavaScript では {{domxref("HTMLInputElement.value")}} プロパティを使ってこれを受け取ることができます。
@@ -66,11 +19,11 @@ l10n:
 searchTerms = mySearch.value;
 ```
 
-入力欄に検証の制約がない場合（詳しくは[検証](#検証)を参照)、値は任意の文字列又は空文字列（`""`) になることがあります。
+入力欄に検証の制約がない場合（詳しくは[検証](#検証)を参照)、値は任意の文字列又は空文字列 (`""`) になることがあります。
 
 ## 追加の属性
 
-型に関係なくすべての {{HTMLElement("input")}} 要素を操作する属性に加え、 `search` 型の入力欄は次の属性にも対応しています。
+型に関係なくすべての {{HTMLElement("input")}} 要素を操作する属性に加え、`search` 型の入力欄は次の属性にも対応しています。
 
 ### list
 
@@ -90,7 +43,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 ### pattern
 
-`pattern` 属性は、指定する場合は正規表現であり、入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) が[制約検証](/ja/docs/Web/HTML/Constraint_validation)に合格するためにはこれと一致しなければなりません。これは {{jsxref("RegExp")}} 型で使用される JavaScript の妥当な正規表現である必要があり、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_Expressions)で記述されています。正規表現がコンパイルされるときに `'u'` フラグが指定されるので、パターンは ASCII ではなく Unicode コードポイントの並びとして扱われます。パターンのテキストをスラッシュで囲んではいけません。
+`pattern` 属性は、指定する場合は正規表現であり、入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) が[制約検証](/ja/docs/Web/HTML/Constraint_validation)に合格するためにはこれと一致しなければなりません。これは {{jsxref("RegExp")}} 型で使用される JavaScript の妥当な正規表現である必要があり、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_expressions)で記述されています。正規表現がコンパイルされるときに `'u'` フラグが指定されるので、パターンは ASCII ではなく Unicode コードポイントの並びとして扱われます。パターンのテキストをスラッシュで囲んではいけません。
 
 指定されたパターンがないかか無効である場合は、正規表現は適用されず、この属性は完全に無視されます。
 
@@ -104,7 +57,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 コントロールの内容がある書字方向（{{Glossary("LTR")}} または {{Glossary("RTL")}}) であるものの、プレイスホルダーを逆の方向に表示する必要がある場合、 Unicode 双方向アルゴリズム書式文字を使用してプレイスホルダーの中で書字方向を上書きすることができます。詳しくは、[双方向テキストでの Unicode コードの使い方（英語）](https://www.w3.org/International/questions/qa-bidi-unicode-controls)を参照してください。
 
-> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[\<input>: 入力欄（フォーム入力) 要素](/ja/docs/Web/HTML/Element/input)の[プレイスホルダーはアクセシブルではない](/ja/docs/Web/HTML/Element/input#プレイスホルダーはアクセシブルではない)を参照してください。
+> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[`<input>` のラベル](/ja/docs/Web/HTML/Element/input#ラベル)を参照してください。
 
 ### readonly
 
@@ -344,7 +297,7 @@ input:valid ~ span::after {
 
 加えて、何も検索語を入力せずに送信しようとすると、ブラウザーがメッセージを表示します。以下のものは Firefox の例です。
 
-![form field with attached message that says Please fill out this field](firefox-required-message.png)
+![このフィールドは入力必須です。と言うメッセージが添付されたフォームフィールド](firefox-required-message.png)
 
 入力欄の中に無効な異なるデータ型を持つフォームを送信しようとすれば、下記の例のように、異なるメッセージが表示されるでしょう。
 
@@ -399,7 +352,7 @@ This renders like so:
 
 ### パターンの指定
 
-[`pattern`](/ja/docs/Web/HTML/Element/input#pattern) 属性を使用して、入力値が妥当と判断されるために一致しなければならない正規表現を指定することができます（入力値を検証するために正規表現を使うための短期コースは[正規表現による検証](/ja/docs/Learn/Forms/Form_validation#validating_against_a_regular_expression)をご覧ください)。
+[`pattern`](/ja/docs/Web/HTML/Element/input#pattern) 属性を使用して、入力値が妥当と判断されるために一致しなければならない正規表現を指定することができます（入力値を検証するために正規表現を使うための短期コースは[正規表現による検証](/ja/docs/Learn/Forms/Form_validation#validating_against_a_regular_expression)をご覧ください）。
 
 例を見てみましょう。製品 ID の検索フォームを提供し、 ID はすべてが2文字の英字に続いて4桁の番号です。以下の例でそれに対応します。
 
@@ -447,6 +400,60 @@ input:valid ~ span::after {
 
 [website-aria-roles](https://github.com/mdn/learning-area/tree/main/accessibility/aria/website-aria-roles) の例ので使用した検索フォーム（[ライブで見る](https://mdn.github.io/learning-area/accessibility/aria/website-aria-roles/)）が良い例です。
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>
+        検索フィールドに入っている値を表す文字列。
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#minlength"><code>minlength</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#required"><code>required</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#size"><code>size</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}},
+        {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}},
+        {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}
+      </td>
+    </tr>
+     <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><code>list</code> 属性がない場合: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/searchbox_role">searchbox</a></code></td>
+      <td><code>list</code> 属性がある場合: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From f82fed2afa02973a2f5df2b4117f2d6e3fc6c9aa Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 15:39:35 +0900
Subject: [PATCH 055/146] =?UTF-8?q?Web/HTML/Element/input/week=20=E3=82=92?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20(#13855)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

2023/06/13 時点の英語版に同期

Co-authored-by: potappo <potappo@gmail.com>
---
 files/ja/web/html/element/input/week/index.md | 148 +++++++++---------
 1 file changed, 74 insertions(+), 74 deletions(-)

diff --git a/files/ja/web/html/element/input/week/index.md b/files/ja/web/html/element/input/week/index.md
index 42d1cfc6b17bc6..5e9c5dc10442e1 100644
--- a/files/ja/web/html/element/input/week/index.md
+++ b/files/ja/web/html/element/input/week/index.md
@@ -2,7 +2,7 @@
 title: <input type="week">
 slug: Web/HTML/Element/input/week
 l10n:
-  sourceCommit: e1f571eced916f60ca387ecb562271f6235beb5c
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
@@ -13,63 +13,11 @@ l10n:
 
 コントロールのユーザーインターフェイスは、ブラウザーによって様々です。現時点ではブラウザー間の対応は限定的で、 Chrome/Opera と Microsoft Edge のみが対応しています。対応していないブラウザーでは、このコントロールは単純な [`<input type="text">`](/ja/docs/Web/HTML/Element/input/text) に格下げされます。
 
-Chrome/Opera では、 `week` コントロールは週と年の値を埋めるスロット、もっと視覚的に選択するためのポップアップカレンダーインターフェイス、コントロールの値を消去するための "X" ボタンを提供します。
-
 ![「2017年第01週」と書かれた入力欄。 2017 の背景は、フォーカスリングと同じ青色です。入力欄には、×やクリア、上下の小さな矢印がついたスピナー、大きな下矢印の 3 つのアイコンがあります。 2017 年 1 月に設定された入力の下には、カレンダーがポップアップで表示されている。カレンダーの最初の列は週番号が 1、2、3、4、5、6 と並んでいる。その右側に一か月分のカレンダーがある。第 1 週と 1 月 2 日～ 8 日がある行はハイライトされています。月と同じ行に、次の月と前の月を右と左に移動するボタンがあります。](week-control-chrome.png)
 
-Edge の `week` コントロールはもう少し凝っており、年と週を選ぶスライドするリールが開きます。
-
-!['week 01, 2017' と書かれた入力。下に2列のポップアップが開いている。左列には、第 48 週から第 52 週まで、第 01 週から第 05 週までと続く、週のリストが掲載されている。右辺には、 2012 年から 2022 年までの年号が並んでいる。 01 週と 2017 年は真ん中で、青背景で強調されている。一番下には、チェックマークと X ボタンがある。](week-control-edge.png)
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>
-        年と週を表す文字列、または空欄
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#step"><code>step</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td>
-        <code>value</code>, <code>valueAsDate</code>,
-        <code>valueAsNumber</code>, <code>list</code>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}},
-        {{domxref("HTMLInputElement.stepDown", "stepDown()")}},
-        {{domxref("HTMLInputElement.stepUp", "stepUp()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
-文字列で、入力欄に入力された年と週を表します。この入力型で使われる日時値の形式は、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[週文字列](/ja/docs/Web/HTML/Date_and_time_formats#週文字列)で説明しています。
+文字列で、入力欄に入力された年と週を表します。この入力型で使われる日時値の形式は、[週文字列](/ja/docs/Web/HTML/Date_and_time_formats#週文字列)で説明しています。
 
 次のように [`value`](/ja/docs/Web/HTML/Element/input#value) 属性に値を入れることで、既定値を設定することができます。
 
@@ -86,7 +34,7 @@ Edge の `week` コントロールはもう少し凝っており、年と週を
 
 ```js
 const weekControl = document.querySelector('input[type="week"]');
-weekControl.value = '2017-W45';
+weekControl.value = "2017-W45";
 ```
 
 ## 追加の属性
@@ -113,7 +61,7 @@ weekControl.value = '2017-W45';
 
 ### step
 
-`step` 属性は値が吸着する粒度を指定する数値、または後述する特殊な値 `any` です。刻みの基準値に等しい値（指定されていれば [`min`](#min)、そうでなければ [`value`](/ja/docs/Web/HTML/Element/input#value)、どちらも設定されていなければ適切な既定値）のみが妥当となります。
+`step` 属性は、値が遵守しなければならない粒度を指定する数値、または下記で記述する特別な値 `any` です。ステップの基準となる値（[`min`](#min) を指定した場合は [`value`](/ja/docs/Web/HTML/Element/input#value)、それ以外の場合は適切な既定値）と同じ値のみが有効となります。
 
 文字列値の `any` は、刻みがなく、どの値でも許可されることを意味します（[`min`](#min) や [`max`](#max) など、他の制約には制限されます）。
 
@@ -201,7 +149,7 @@ input:valid + span::after {
 
 ### 週の値を必須にする
 
-加えて、 [`required`](/ja/docs/Web/HTML/Element/input#required) 属性を使用して、週の入力を必須にすることができます。結果として、対応しているブラウザーでは週の入力欄が空欄の場合にエラーを表示します。
+加えて、[`required`](/ja/docs/Web/HTML/Element/input#required) 属性を使用して、週の入力を必須にすることができます。結果として、対応しているブラウザーでは週の入力欄が空欄の場合にエラーを表示します。
 
 例を見てみましょう。週の最小値と最大値を設定し、かつフィールドを必須に設定しています。
 
@@ -238,7 +186,7 @@ input:valid + span::after {
 
 前述のように、現時点で week 入力欄を利用する上で一番の問題はブラウザーの互換性です。デスクトップでは Safari と Firefox は対応しておらず、 IE の古いバージョンも対応していません。
 
-Android や iOS のようなモバイルプラットフォームは、このような入力型が実に有効であり、タッチスクリーン環境で実に簡単に値を選択できる専用のユーザーインターフェイスコントロールを提供します。例えば、 Android 版 Chrome の `week` 選択は、次のようになっています。
+Android や iOS のようなモバイルプラットフォームは、このような入力型が完全になっており、タッチスクリーン環境で実に簡単に値を選択できる専用のユーザーインターフェイスコントロールを提供します。例えば、 Android 版 Chrome の `week` 選択は、次のようになっています。
 
 ![モーダルポップアップ。ヘッダーには「週の設定」と書かれている。 2 列あり、左は 2017 が不透明で表示されています。右側は真ん中の 36 が不透明で、その上の 35 と下の 37 が半透明であります。他にオプションはありません。下部には 3 つのテキストリンクまたはボタンがあり、左に「削除」、右に「キャンセル」「設定」と記載されています。](week-chrome-android.png)
 
@@ -326,32 +274,32 @@ input:valid + span::after {
 
 ```js
 // 変数を定義
-const nativePicker = document.querySelector('.nativeWeekPicker');
-const fallbackPicker = document.querySelector('.fallbackWeekPicker');
-const fallbackLabel = document.querySelector('.fallbackLabel');
+const nativePicker = document.querySelector(".nativeWeekPicker");
+const fallbackPicker = document.querySelector(".fallbackWeekPicker");
+const fallbackLabel = document.querySelector(".fallbackLabel");
 
-const yearSelect = document.querySelector('#year');
-const weekSelect = document.querySelector('#fallbackWeek');
+const yearSelect = document.querySelector("#year");
+const weekSelect = document.querySelector("#fallbackWeek");
 
 // 最初はフォールバックを非表示にする
-fallbackPicker.style.display = 'none';
-fallbackLabel.style.display = 'none';
+fallbackPicker.style.display = "none";
+fallbackLabel.style.display = "none";
 
 // 新しい日付入力が文字列入力にフォールバックされるかどうか
-const test = document.createElement('input');
+const test = document.createElement("input");
 
 try {
-  test.type = 'week';
+  test.type = "week";
 } catch (e) {
   console.log(e.description);
 }
 
-// もし文字列入力になるならば、 if() {} ブロックの中のコードを実行する
-if(test.type === 'text') {
+// もし文字列入力になるならば、 if () {} ブロックの中のコードを実行する
+if (test.type === "text") {
   // ネイティブの日付選択を隠してフォールバック版を表示
-  nativePicker.style.display = 'none';
-  fallbackPicker.style.display = 'block';
-  fallbackLabel.style.display = 'block';
+  nativePicker.style.display = "none";
+  fallbackPicker.style.display = "block";
+  fallbackLabel.style.display = "block";
 
   // 週を動的に生成する
   populateWeeks();
@@ -360,8 +308,8 @@ if(test.type === 'text') {
 function populateWeeks() {
   // 週の選択肢を 52 週で生成
   for (let i = 1; i <= 52; i++) {
-    const option = document.createElement('option');
-    option.textContent = (i < 10) ? `0${i}` : i;
+    const option = document.createElement("option");
+    option.textContent = i < 10 ? `0${i}` : i;
     weekSelect.appendChild(option);
   }
 }
@@ -369,6 +317,58 @@ function populateWeeks() {
 
 > **メモ:** 53 週ある年もあることを忘れないでください（[年あたりの週数](https://en.wikipedia.org/wiki/ISO_week_date#Weeks_per_year)を参照）。商品のアプリを開発するときはこれを念頭に置いておく必要があります。
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>
+        年と週を表す文字列、または空欄
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#step"><code>step</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td>
+        <code>value</code>, <code>valueAsDate</code>,
+        <code>valueAsNumber</code>, <code>list</code>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}},
+        {{domxref("HTMLInputElement.stepDown", "stepDown()")}},
+        {{domxref("HTMLInputElement.stepUp", "stepUp()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"><code>対応するロールなし</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 1157cd1d2ee941ac859dec564c585b28d3c27db1 Mon Sep 17 00:00:00 2001
From: Akkia <AkkiaS7@outlook.com>
Date: Sat, 24 Jun 2023 15:01:55 +0800
Subject: [PATCH 056/146] [zh-CN] selector_tasks translate (#13918)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../selectors/selectors_tasks/index.md        | 42 ++++++++++++-------
 1 file changed, 26 insertions(+), 16 deletions(-)

diff --git a/files/zh-cn/learn/css/building_blocks/selectors/selectors_tasks/index.md b/files/zh-cn/learn/css/building_blocks/selectors/selectors_tasks/index.md
index 112c7625cd0e0f..d6d9dc5b8248bf 100644
--- a/files/zh-cn/learn/css/building_blocks/selectors/selectors_tasks/index.md
+++ b/files/zh-cn/learn/css/building_blocks/selectors/selectors_tasks/index.md
@@ -1,5 +1,5 @@
 ---
-title: 'Test your skills: Selectors'
+title: 测试你的技能：选择器
 slug: Learn/CSS/Building_blocks/Selectors/Selectors_Tasks
 ---
 
@@ -7,9 +7,9 @@ slug: Learn/CSS/Building_blocks/Selectors/Selectors_Tasks
 
 这个任务的目的是帮助你理解 CSS 里的选择器。
 
-> **备注：** 你可以 在下面那些交换编辑器中尝试解决问题，然而 把代码下载然后使用一个在线工具比如 [CodePen](https://codepen.io/), [jsFiddle](https://jsfiddle.net/), or [Glitch](https://glitch.com/) 去解决这些问题可能对你更有作用。
+> **备注：** 你可以在下面的交互式编辑器中尝试解决问题，然而把代码下载然后使用一个在线工具比如 [CodePen](https://codepen.io/)、[jsFiddle](https://jsfiddle.net/) 或 [Glitch](https://glitch.com/) 去解决这些问题可能对你更有作用。
 >
-> 如果你卡住了，可以向我们寻求帮助 — 请参阅本页底部的[Assessment or further help](#assessment_or_further_help) 部分。
+> 如果你卡住了，可以向我们寻求帮助——请参阅本页底部的[打分评估或进一步帮助](#打分评估或进一步帮助)部分。
 
 ## 选择器一
 
@@ -21,11 +21,13 @@ slug: Learn/CSS/Building_blocks/Selectors/Selectors_Tasks
 
 ![Text with the CSS applied for the solution to task 1.](selectors1.jpg)
 
-Try updating the live code below to recreate the finished example:
+尝试更新下面的实时代码，以重现完整的示例：
 
 {{EmbedGHLiveSample("css-examples/learn/tasks/selectors/type.html", '100%', 700)}}
 
-> **备注：** 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/master/learn/tasks/selectors/type-download.html)，然后在本地或在线编辑器中练习。
+> **标注：**
+>
+> 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/main/learn/tasks/selectors/type-download.html)，然后在本地或在线编辑器中练习。
 
 ## 选择器二
 
@@ -38,11 +40,13 @@ Try updating the live code below to recreate the finished example:
 
 ![Text with the CSS applied for the solution to task 2.](selectors2.jpg)
 
-Try updating the live code below to recreate the finished example:
+尝试更新下面的实时代码，以重现完整的示例：
 
 {{EmbedGHLiveSample("css-examples/learn/tasks/selectors/class-id.html", '100%', 800)}}
 
-> **备注：** 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/master/learn/tasks/selectors/class-id-download.html)，然后在本地或在线编辑器中练习。
+> **标注：**
+>
+> 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/main/learn/tasks/selectors/class-id-download.html)，然后在本地或在线编辑器中练习。
 
 ## 选择器三
 
@@ -54,11 +58,13 @@ Try updating the live code below to recreate the finished example:
 
 ![Text with the CSS applied for the solution to task 3.](selectors3.jpg)
 
-Try updating the live code below to recreate the finished example:
+尝试更新下面的实时代码，以重现完整的示例：
 
 {{EmbedGHLiveSample("css-examples/learn/tasks/selectors/pseudo.html", '100%', 800)}}
 
-> **备注：** 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/master/learn/tasks/selectors/pseudo-download.html)，然后在本地或在线编辑器中练习。
+> **标注：**
+>
+> 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/main/learn/tasks/selectors/pseudo-download.html)，然后在本地或在线编辑器中练习。
 
 ## 选择器四
 
@@ -69,27 +75,31 @@ Try updating the live code below to recreate the finished example:
 
 ![Text with the CSS applied for the solution to task 4.](selectors4.jpg)
 
-Try updating the live code below to recreate the finished example:
+尝试更新下面的实时代码，以重现完整的示例：
 
 {{EmbedGHLiveSample("css-examples/learn/tasks/selectors/combinators.html", '100%', 800)}}
 
-> **备注：** 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/master/learn/tasks/selectors/combinators-download.html)，然后在本地或在线编辑器中练习。
+> **标注：**
+>
+> 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/main/learn/tasks/selectors/combinators-download.html)，然后在本地或在线编辑器中练习。
 
 ## 选择器五
 
 在最后一个任务中，使用属性选择器添加 CSS 以执行以下操作：
 
-- Target the `<a>` element with a `title` attribute and make the border pink (`border-color: pink`).
-- Target the `<a>` element with an `href` attribute that contains the word `contact` somewhere in its value and make the border orange (`border-color: orange`).
-- Target the `<a>` element with an `href` value starting with `https` and give it a green border (`border-color: green`).
+- 选择带有 `title` 属性的 `<a>` 元素，将其边框颜色设置为粉色（`border-color: pink`）。
+- 选择带有 `href` 属性且属性值中包含 `contact` 的 `<a>` 元素，将其边框颜色设置为橙色（`border-color: orange`）。
+- 选择 `href` 属性值以 `https` 开头的 `<a>` 元素，将其边框颜色设置为绿色（`border-color: green`）。
 
 ![Four links with different color borders.](selectors-attribute.png)
 
-Try updating the live code below to recreate the finished example:
+尝试更新下面的实时代码，以重现完整的示例：
 
 {{EmbedGHLiveSample("css-examples/learn/tasks/selectors/attribute-links.html", '100%', 800)}}
 
-> **备注：** 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/master/learn/tasks/selectors/attribute-links-download.html)，然后在本地或在线编辑器中练习。
+> **标注：**
+>
+> 如需提交测评或进一步练习，[下载本任务的初始文件](https://github.com/mdn/css-examples/blob/main/learn/tasks/selectors/attribute-links-download.html)，然后在本地或在线编辑器中练习。
 
 ## 打分评估或进一步帮助
 

From 0438b2080e82d5d81947bc0cc7c3a053f1dd00a8 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Jun 2023 02:41:04 +0900
Subject: [PATCH 057/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/kbd/index.md | 168 +++++++++++++------------
 1 file changed, 89 insertions(+), 79 deletions(-)

diff --git a/files/ja/web/html/element/kbd/index.md b/files/ja/web/html/element/kbd/index.md
index b1c652db2b21bd..a270012cd6b9ef 100644
--- a/files/ja/web/html/element/kbd/index.md
+++ b/files/ja/web/html/element/kbd/index.md
@@ -1,69 +1,17 @@
 ---
-title: '<kbd>: キーボード入力要素'
+title: "<kbd>: キーボード入力要素"
 slug: Web/HTML/Element/kbd
+l10n:
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
 
-**HTML のキーボード入力要素** (**`<kbd>`**) はキーボード、音声入力、その他の入力端末からのユーザーによる文字入力を表す行内の文字列の区間を表します。慣習的に、{{Glossary("user agent", "ユーザーエージェント")}}は既定で `<kbd>` 要素の中身を等幅フォントで表示しますが、 HTML 標準で規定されているものではありません。
+**`<kbd>`** は [HTML](/ja/docs/Web/HTML) の要素で、キーボード、音声入力、その他の入力端末からのユーザーによる文字入力を表す行内の文字列の区間を表します。慣習的に、{{Glossary("user agent", "ユーザーエージェント")}}は既定で `<kbd>` 要素の中身を等幅フォントで表示しますが、 HTML 標準で規定されているものではありません。
 
 {{EmbedInteractiveExample("pages/tabbed/kbd.html", "tabbed-shorter")}}
 
-`<kbd>` は {{HTMLElement("samp")}} (サンプル出力) 要素の中で様々な組み合わせの入れ子が行われ、様々な形の入力や視覚的な合図に基づいた入力を表現します。
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">
-        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a>
-      </th>
-      <td>
-        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
-          >フローコンテンツ</a
-        >,
-        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
-          >記述コンテンツ</a
-        >, 知覚可能コンテンツ
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている内容</th>
-      <td>
-        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
-          >記述コンテンツ</a
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている親要素</th>
-      <td>
-        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
-          >記述コンテンツ</a
-        >を受け入れるすべての要素
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">暗黙の ARIA ロール</th>
-      <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >対応するロールなし</a
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている ARIA ロール</th>
-      <td>すべて</td>
-    </tr>
-    <tr>
-      <th scope="row">DOM インターフェイス</th>
-      <td>{{domxref("HTMLElement")}}</td>
-    </tr>
-  </tbody>
-</table>
+`<kbd>` は {{HTMLElement("samp")}}（サンプル出力）要素の中で様々な組み合わせの入れ子が行われ、様々な形の入力や視覚的な合図に基づいた入力を表現します。
 
 ## 属性
 
@@ -73,9 +21,9 @@ slug: Web/HTML/Element/kbd
 
 他の要素 `<kbd>` と組み合わせることで、もっと具体的なシナリオを表現できる場合があります。
 
-- 他の `<kbd>` 要素の中で更に `<kbd>` 要素を使用すると、もっと大きい入力の中における、実際のキー入力またはその他の入力単位を表します。以下の[入力時のキー操作の表現](#representing_keystrokes_within_an_input)を参照してください。
-- {{HTMLElement("samp")}} 要素の中で `<kbd>` 要素を使用すると、システムからユーザーにエコーバックされた入力を表します。以下の[入力のエコーバック](#echoed_input)の例を参照してください。
-- 一方、 `<kbd>` 要素の中で `<samp>` 要素を使用すると、メニューやメニュー項目の名前、画面上に表示されているボタンの名前など、システムによって表示された文字列に基づく入力を表します。以下の[画面上に表示された入力の選択肢の表現](#representing_onscreen_input_options)を参照してください。
+- 他の `<kbd>` 要素の中で更に `<kbd>` 要素を使用すると、もっと大きい入力の中における、実際のキー入力またはその他の入力単位を表します。以下の[入力時のキー操作の表現](#入力時のキー操作の表現)を参照してください。
+- `<kbd>` 要素を {{HTMLElement("samp")}} 要素の中で使用すると、システムからユーザーにエコーバックされた入力を表します。以下の[入力のエコーバック](#入力のエコーバック)の例を参照してください。
+- 一方、 `<kbd>` 要素の中で `<samp>` 要素を使用すると、メニューやメニュー項目の名前、画面上に表示されているボタンの名前など、システムによって表示された文字列に基づく入力を表します。以下の[画面上に表示された入力の選択肢の表現](#画面上に表示された入力の選択肢の表現)を参照してください。
 
 > **メモ:** 専用のスタイルを定義して、 `<kbd>` 要素における既定のフォントの選択を上書きすることができますが、ユーザー設定によっては CSS より優先されることがあります。
 
@@ -84,10 +32,14 @@ slug: Web/HTML/Element/kbd
 ### 基本的な例
 
 ```html
-<p>コマンド "mycommand" のドキュメントを参照するには <kbd>help mycommand</kbd>
-コマンドを使用してください。</p>
+<p>
+  コマンド "mycommand" のドキュメントを参照するには <kbd>help mycommand</kbd>
+コマンドを使用してください。
+</p>
 ```
 
+#### 結果
+
 {{ EmbedLiveSample('Basic_example', 350, 80) }}
 
 ### 入力時のキー操作の表現
@@ -101,15 +53,17 @@ slug: Web/HTML/Element/kbd
 ##### HTML
 
 ```html
-<p>キーボードショートカットの
-<kbd><kbd>Ctrl</kbd>+<kbd>N</kbd></kbd> を使用して新規文書を作成することもできます。</p>
+<p>
+  キーボードショートカットの
+  <kbd><kbd>Ctrl</kbd>+<kbd>N</kbd></kbd> を使用して新規文書を作成することもできます。
+</p>
 ```
 
 ここでは外側の `<kbd>` 要素でキー入力操作全体を囲み、それぞれのキーの組み合わせを記述するために、それぞれのキーを囲んでいます。
 
 > **メモ:** 常にこのように囲む必要はありません。外側の `<kbd>` 要素を省略して簡略化しても構いません。言い換えれば、単に `<kbd>Ctrl</kbd>+<kbd>N</kbd>` と表現するのも完全に有効です。
 >
-> しかし、スタイルシートによっては、このように重ねて囲んだ方が便利だと感じられるかもしれません。
+> **メモ:** しかし、スタイルシートによっては、このように重ねて囲んだ方が便利だと感じられるかもしれません。
 
 ##### 結果
 
@@ -123,10 +77,10 @@ slug: Web/HTML/Element/kbd
 
 ##### CSS
 
-キーボードのキーを表示する際に適用できるスタイル、 `<kbd>` 要素の `key` を定義します。
+キーボードキーのレンダリング時に適用できる、入れ子になっている `<kbd>` 要素の新しいセレクター、`kbd>kbd` を追加します。
 
 ```css
-kbd.key {
+kbd > kbd {
   border-radius: 3px;
   padding: 1px 2px 0;
   border: 1px solid black;
@@ -138,7 +92,10 @@ kbd.key {
 それから HTML を更新して、このクラスを出力中のキーに使用するように表現します。
 
 ```html
-<p><kbd><kbd class="key">Ctrl</kbd>+<kbd class="key">N</kbd></kbd> を押して新規文書を作成することもできます。</p>
+<p>
+  <kbd><kbd>Ctrl</kbd>+<kbd>N</kbd></kbd>
+  を押して新規文書を作成することもできます。
+</p>
 ```
 
 ##### 結果
@@ -149,16 +106,20 @@ kbd.key {
 
 ### 入力のエコーバック
 
-{{HTMLElement("samp")}} 要素内で `<kbd>` 要素を使用すると、システムからエコーバックされた入力を表現することができます。
+`<kbd>` 要素を {{HTMLElement("samp")}} 要素内で使用すると、システムからエコーバックされた入力を表現することができます。
 
 ```html
-<p>構文エラーが発生すると、このツールは確認のために
-あなたが入力したコマンドを出力します。</p>
+<p>
+  構文エラーが発生すると、このツールは確認のために
+  あなたが入力したコマンドを出力します。
+</p>
 <blockquote>
   <samp><kbd>custom-git ad my-new-file.cpp</kbd></samp>
 </blockquote>
 ```
 
+##### 結果
+
 {{EmbedLiveSample("Echoed_input", 650, 100)}}
 
 ### 画面上に表示された入力の選択肢の表現
@@ -167,28 +128,77 @@ kbd.key {
 
 例えば、「ファイル」メニューの中の「新規文書」を選択する方法を HTML で表現すると、このようになります。
 
-```html
-<p>新規ファイルを作成するには、メニューの
-<kbd><kbd><samp>ファイル</samp></kbd>⇒<kbd><samp>新規文書</samp></kbd></kbd>
-を選択して下さい。</p>
+```html-nolint
+<p>
+  新規ファイルを作成するには、メニューの <kbd><kbd><samp>ファイル</samp></kbd>
+  ⇒<kbd><samp>新規文書</samp></kbd></kbd> を選択して下さい。
+</p>
 
-<p>新しいファイルの名前を入力したら、 <kbd><samp>OK</samp></kbd>
-ボタンを押して確認することを忘れないでください。</p>
+<p>
+  新しいファイルの名前を入力したら、 <kbd><samp>OK</samp></kbd>
+  ボタンを押して確認することを忘れないでください。
+</p>
 ```
 
-これはいくらか興味深い組み合わせです。メニューの選択肢を記述するために、入力全体を `<kbd>` 要素で囲んでいます。それからその中で、メニューとメニュー項目の名前を `<kbd>` 及び `<samp>` の中に入れ、画面上の部品を選択する入力であることを示しています。
+これはいくらか興味深い組み合わせです。メニューの選択肢を記述するために、入力全体を `<kbd>` 要素で囲んでいます。それからその中で、メニューとメニュー項目の名前を `<kbd>` および `<samp>` の中に入れ、画面上の部品を選択する入力であることを示しています。
 
 #### 結果
 
 {{EmbedLiveSample("Representing_onscreen_input_options", 650, 120)}}
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリー</a>
+      </th>
+      <td>
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ">フローコンテンツ</a>,
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>, 知覚可能コンテンツ
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている内容</th>
+      <td>
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">タグの省略</th>
+      <td>{{no_tag_omission}}</td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている親要素</th>
+      <td>
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>を受け入れるすべての要素
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">暗黙の ARIA ロール</th>
+      <td>
+        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">対応するロールなし</a>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている ARIA ロール</th>
+      <td>すべて</td>
+    </tr>
+    <tr>
+      <th scope="row">DOM インターフェイス</th>
+      <td>{{domxref("HTMLElement")}}</td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}
 
 ## ブラウザーの互換性
 
-{{Compat("html.elements.kbd")}}
+{{Compat}}
 
 ## 関連情報
 

From fb419c399aabf6caaf730010098d8712d1c4242c Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 01:08:25 +0900
Subject: [PATCH 058/146] =?UTF-8?q?2023/03/04=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5?=
 =?UTF-8?q?=E3=81=8D=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/texttrackcuelist/index.md | 41 ++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 files/ja/web/api/texttrackcuelist/index.md

diff --git a/files/ja/web/api/texttrackcuelist/index.md b/files/ja/web/api/texttrackcuelist/index.md
new file mode 100644
index 00000000000000..e22f8e9626f75e
--- /dev/null
+++ b/files/ja/web/api/texttrackcuelist/index.md
@@ -0,0 +1,41 @@
+---
+title: TextTrackCueList
+slug: Web/API/TextTrackCueList
+l10n:
+  sourceCommit: fe0ae190fa37469b28ebe39cb33013d89c3a69e6
+---
+
+{{APIRef("WebVTT")}}
+
+**`TextTrackCueList`** は配列風オブジェクトで、動的に更新される {{domxref("TextTrackCue")}} オブジェクトのリストを表します。
+
+このインターフェイスにはコンストラクターはありません。このオブジェクトのインスタンスを {{domxref('TextTrack.cues')}} で取得し、これが {{domxref("TextTrack")}} オブジェクト内のすべてのキューを返します。
+
+## インスタンスプロパティ
+
+- {{domxref('TextTrackCueList.length')}} {{ReadOnlyInline}}
+  - : `unsigned long` で、リスト内のキューの数です。
+
+## インスタンスメソッド
+
+- {{domxref('TextTrackCueList.getCueById()')}}
+  - : 渡された識別子を持つ最初の {{domxref('TextTrackCue')}} オブジェクトを返します。
+
+## 例
+
+{{domxref("HTMLMediaElement.textTracks")}} プロパティは、{{domxref("TextTrackList")}} オブジェクトを返します。これは、メディアにリンクされたテキストトラックごとに 1 つずつ、すべての {{domxref("TextTrack")}} オブジェクトを列挙します。次に {{domxref("TextTrack.cues")}} プロパティは、その具体的なトラックのキューを格納した `TextTrackCueList` を返します。
+
+```js
+const video = document.getElementById("video");
+video.onplay = () => {
+  console.log(video.textTracks[0].cues);
+};
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 8dc8a5d2582706ff7cf7387f7c21b6f8b7c1f5ef Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 01:19:49 +0900
Subject: [PATCH 059/146] =?UTF-8?q?2023/04/08=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5?=
 =?UTF-8?q?=E3=81=8D=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/texttrackcuelist/getcuebyid/index.md  | 57 ++++++++++++++++++
 .../web/api/texttrackcuelist/length/index.md  | 58 +++++++++++++++++++
 2 files changed, 115 insertions(+)
 create mode 100644 files/ja/web/api/texttrackcuelist/getcuebyid/index.md
 create mode 100644 files/ja/web/api/texttrackcuelist/length/index.md

diff --git a/files/ja/web/api/texttrackcuelist/getcuebyid/index.md b/files/ja/web/api/texttrackcuelist/getcuebyid/index.md
new file mode 100644
index 00000000000000..a9023f2755dc64
--- /dev/null
+++ b/files/ja/web/api/texttrackcuelist/getcuebyid/index.md
@@ -0,0 +1,57 @@
+---
+title: "TextTrackCueList: getCueById() メソッド"
+short-title: getCueById()
+slug: Web/API/TextTrackCueList/getCueById
+l10n:
+  sourceCommit: 0c8a320b035cf625c1df67713a94ead2e7f3aec6
+---
+
+{{APIRef("WebVTT")}}
+
+**`getCueById()`** は {{domxref("TextTrackCueList")}} インターフェイスのメソッドで、`TextTrackCueList` オブジェクトが表すリストの中で、識別子が `id` の値と一致する最初の {{domxref("VTTCue")}} を返す。
+
+## 構文
+
+```js-nolint
+getCueById(id)
+```
+
+### 引数
+
+- `id`
+  - : キューの識別子の文字列です。
+
+### 返値
+
+{{domxref("VTTCue")}} オブジェクトです。
+
+## 例
+
+{{domxref("TextTrack.cues")}} プロパティは、その具体的なトラックの現在のキューを格納した {{domxref("TextTrackCueList")}} を返します。`cues.getCueById("second")` を呼び出すと、{{domxref("VTTCue")}} のうち ID が "second" のものを返します。
+
+```
+WEBVTT
+
+first
+00:00:00.000 --> 00:00:00.999 line:80%
+Hildy!
+
+second
+00:00:01.000 --> 00:00:01.499 line:80%
+How are you?
+```
+
+```js
+const video = document.getElementById("video");
+video.onplay = () => {
+  console.log(video.textTracks[0].cues.getCueById("second")); // a VTTCue object;
+};
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/texttrackcuelist/length/index.md b/files/ja/web/api/texttrackcuelist/length/index.md
new file mode 100644
index 00000000000000..6e7b9b1d68ee4f
--- /dev/null
+++ b/files/ja/web/api/texttrackcuelist/length/index.md
@@ -0,0 +1,58 @@
+---
+title: "TextTrackCueList: length プロパティ"
+short-title: length
+slug: Web/API/TextTrackCueList/length
+l10n:
+  sourceCommit: 0c8a320b035cf625c1df67713a94ead2e7f3aec6
+---
+
+{{APIRef("WebVTT")}}
+
+**`length`** は {{domxref("TextTrackCueList")}} インターフェイスの読み取り専用プロパティで、リスト中のキューの数を返します。
+
+## 値
+
+`unsigned long` で、リスト中のキューの数を返します。
+
+## 例
+
+{{domxref("TextTrack.cues")}} プロパティは、特定のトラックの現在のキューを格納した {{domxref("TextTrackCueList")}} を返します。下記の WebVTT トラックを使用すると、`length` の値は 5 になります。
+
+```
+WEBVTT
+
+first
+00:00:00.000 --> 00:00:00.999  line:80%
+Hildy!
+
+second
+00:00:01.000 --> 00:00:01.499 line:80%
+How are you?
+
+third
+00:00:01.500 --> 00:00:02.999 line:80%
+Tell me, is the ruler of the universe in?
+
+fourth
+00:00:03.000 --> 00:00:04.299 line:80%
+Yes, they're in - in a bad humor
+
+fifth
+00:00:04.300 --> 00:00:06.000 line:80%
+Somebody must've stolen the crown jewels
+```
+
+```js
+const video = document.getElementById("video");
+video.onplay = () => {
+  console.log(video.textTracks[0].cues.length); // 5
+};
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From e878958c3c26e7ed84afddcff93f4456ddb0e3d5 Mon Sep 17 00:00:00 2001
From: potappo <potappo@gmail.com>
Date: Sat, 24 Jun 2023 16:25:43 +0900
Subject: [PATCH 060/146] =?UTF-8?q?=E6=96=87=E4=BD=93=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/texttrackcuelist/getcuebyid/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ja/web/api/texttrackcuelist/getcuebyid/index.md b/files/ja/web/api/texttrackcuelist/getcuebyid/index.md
index a9023f2755dc64..61146c1bb1d954 100644
--- a/files/ja/web/api/texttrackcuelist/getcuebyid/index.md
+++ b/files/ja/web/api/texttrackcuelist/getcuebyid/index.md
@@ -8,7 +8,7 @@ l10n:
 
 {{APIRef("WebVTT")}}
 
-**`getCueById()`** は {{domxref("TextTrackCueList")}} インターフェイスのメソッドで、`TextTrackCueList` オブジェクトが表すリストの中で、識別子が `id` の値と一致する最初の {{domxref("VTTCue")}} を返す。
+**`getCueById()`** は {{domxref("TextTrackCueList")}} インターフェイスのメソッドで、`TextTrackCueList` オブジェクトが表すリストの中で、識別子が `id` の値と一致する最初の {{domxref("VTTCue")}} を返します。
 
 ## 構文
 

From 2cd71a0b7fb0ada5cc372d2aeec68c1f3c8360bc Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 16:32:41 +0900
Subject: [PATCH 061/146] =?UTF-8?q?Web/HTML/Element/li=20=E3=82=92?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20(#13887)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 2023/04/13 時点の英語版に同期

* 助詞抜けを修正

---------

Co-authored-by: potappo <potappo@gmail.com>
---
 files/ja/web/html/element/li/index.md | 154 +++++++++++++-------------
 1 file changed, 80 insertions(+), 74 deletions(-)

diff --git a/files/ja/web/html/element/li/index.md b/files/ja/web/html/element/li/index.md
index f9be5dd780d0b3..da83079bbf89f2 100644
--- a/files/ja/web/html/element/li/index.md
+++ b/files/ja/web/html/element/li/index.md
@@ -1,14 +1,84 @@
 ---
-title: <li>
+title: "<li>: リスト項目要素"
 slug: Web/HTML/Element/li
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<li>` 要素**は、リストの項目を表すために用いられます。この要素は、その項目が属する順序付きリスト ({{HTMLElement("ol")}})、順序なしリスト ({{HTMLElement("ul")}})、メニュー ({{HTMLElement("menu")}}) のいずれかの子要素として配置する必要があります。メニュー要素および順序なしリスト内においては、リストの項目は通常、行頭文字伴って表示され、順序付きリスト内では、数字や文字による連番のリストマーカーを伴って表示されます。
+**`<li>`** は [HTML](/ja/docs/Web/HTML) の要素で、リストの項目を表すために用いられます。この要素は、その項目が属する順序付きリスト ({{HTMLElement("ol")}})、順序なしリスト ({{HTMLElement("ul")}})、メニュー ({{HTMLElement("menu")}}) のいずれかの子要素として配置する必要があります。メニュー要素および順序なしリスト内においては、リストの項目は通常、行頭文字を伴って表示されます。順序付きリスト内では、数字や文字による連番のリストマーカーを伴って表示されます。
 
 {{EmbedInteractiveExample("pages/tabbed/li.html", "tabbed-shorter")}}
 
+## 属性
+
+この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
+
+- `value`
+  - : これは整数値の属性で、{{HTMLElement("ol")}} 要素で定義されたリスト項目の序数値を示します。リストがローマ数字や文字で表示される場合であっても、この属性は数値のみが指定できます。続くリスト項目は、その番号から続いて採番されます。順序なしリスト ({{HTMLElement("ul")}}) やメニュー ({{HTMLElement("menu")}}) では **value** 属性は意味がありません。
+- `type` {{Deprecated_inline}} {{Non-standard_Inline}}
+
+  - : 文字の属性で、表示するリストマーカーの種類を指定します。
+
+    - `a`: 小文字
+    - `A`: 大文字
+    - `i`: 小文字のローマ数字
+    - `I`: 大文字のローマ数字
+    - `1`: 数字
+
+    もし親の {{HTMLElement("ol")}} 要素で使用されていた場合は、それよりも優先されます。
+
+    > **メモ:** この属性は非推奨になっています。代わりに CSS の {{cssxref("list-style-type")}} プロパティを使用してください。
+
+## 例
+
+もっと詳細な例は、 {{htmlelement("ol")}} と {{htmlelement("ul")}} のページを参照してください。
+
+### 番号付きリスト
+
+```html
+<ol>
+  <li>最初のリスト項目</li>
+  <li>二番目のリスト項目</li>
+  <li>三番目のリスト項目</li>
+</ol>
+```
+
+#### 結果
+
+{{EmbedLiveSample("Ordered_list")}}
+
+### カスタム値の付いた番号付きリスト
+
+```html
+<ol type="I">
+  <li value="3">third item</li>
+  <li>fourth item</li>
+  <li>fifth item</li>
+</ol>
+```
+
+#### 結果
+
+{{EmbedLiveSample("Ordered_list_with_a_custom_value")}}
+
+### 順序なしリスト
+
+```html
+<ul>
+  <li>最初のリスト項目</li>
+  <li>二番目のリスト項目</li>
+  <li>三番目のリスト項目</li>
+</ul>
+```
+
+#### 結果
+
+{{EmbedLiveSample("Unordered_list")}}
+
+## 技術的概要
+
 <table class="properties">
   <tbody>
     <tr>
@@ -56,12 +126,12 @@ slug: Web/HTML/Element/li
     <tr>
       <th scope="row">許可されている ARIA ロール</th>
       <td>
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitem_role">menuitem</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role">menuitemcheckbox</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role">menuitemradio</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/option_role">option</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/none_role">none</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role">presentation</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role">radio</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/separator_role">separator</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/tab_role">tab</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/treeitem_role">treeitem</a></code>
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitem_role"><code>menuitem</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role"><code>menuitemcheckbox</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role"><code>menuitemradio</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/option_role"><code>option</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/none_role"><code>none</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role"><code>presentation</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role"><code>radio</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/separator_role"><code>separator</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/tab_role"><code>tab</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/treeitem_role"><code>treeitem</code></a>
       </td>
     </tr>
     <tr>
@@ -71,77 +141,13 @@ slug: Web/HTML/Element/li
   </tbody>
 </table>
 
-## 属性
-
-この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
-
-- `value`
-
-  - : これは整数値の属性で、 {{HTMLElement("ol")}} 要素で定義されたリスト項目の序数値を示します。リストがローマ数字や文字で表示される場合であっても、この属性は数値のみが指定できます。続くリスト項目は、その番号から続いて採番されます。順序なしリスト ({{HTMLElement("ul")}}) やメニュー ({{HTMLElement("menu")}}) では **value** 属性は意味がありません。
-
-    > **メモ:** この属性は HTML4 で非推奨とされましたが、 HTML5 で再導入されました。
-
-- `type` {{Deprecated_inline}}
-
-  - : 文字の属性で、表示するリストマーカーの種類を指定します。
-
-    - `a`: 小文字
-    - `A`: 大文字
-    - `i`: 小文字のローマ数字
-    - `I`: 大文字のローマ数字
-    - `1`: 数字
-
-    もし親の {{HTMLElement("ol")}} 要素で使用されていた場合は、それよりも優先されます。
-
-    > **メモ:** この属性は非推奨になっています。代わりに CSS の {{cssxref("list-style-type")}} プロパティを使用してください。
-
-## 例
-
-もっと詳細な例は、 {{htmlelement("ol")}} と {{htmlelement("ul")}} のページを参照してください。
-
-### 番号付きリスト
-
-```html
-<ol>
-    <li>最初のリスト項目</li>
-    <li>二番目のリスト項目</li>
-    <li>三番目のリスト項目</li>
-</ol>
-```
-
-{{EmbedLiveSample("Ordered_list")}}
-
-### カスタム値の付いた番号付きリスト
-
-```html
-<ol type="I">
-    <li value="3">third item</li>
-    <li>fourth item</li>
-    <li>fifth item</li>
-</ol>
-```
-
-{{EmbedLiveSample("Ordered_list_with_a_custom_value")}}
-
-### 順序なしリスト
-
-```html
-<ul>
-    <li>最初のリスト項目</li>
-    <li>二番目のリスト項目</li>
-    <li>三番目のリスト項目</li>
-</ul>
-```
-
-{{EmbedLiveSample("Unordered_list")}}
-
 ## 仕様書
 
 {{Specifications}}
 
 ## ブラウザーの互換性
 
-{{Compat("html.elements.li")}}
+{{Compat}}
 
 ## 関連情報
 
@@ -149,5 +155,5 @@ slug: Web/HTML/Element/li
 - `<li>` の整形に便利な CSS プロパティ:
 
   - 箇条書き記号の表示を選択するための {{cssxref("list-style")}}
-  - 複雑な入れ子状リストを処理するのに使用できる [CSS counters](/ja/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters)
+  - 複雑な入れ子状リストを処理するのに使用できる [CSS counters](/ja/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters)
   - リスト項目のインデントの調整に用いることができる {{cssxref("margin")}}

From d06f1ebff2e9032a58a2df180fc96c0aa653ee66 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 16:41:07 +0900
Subject: [PATCH 062/146] =?UTF-8?q?Web/HTML/Element/main=20=E3=82=92?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20(#13899)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

2023/04/07 時点の英語版に同期
---
 files/ja/web/html/element/main/index.md | 57 ++++++++++++-------------
 1 file changed, 27 insertions(+), 30 deletions(-)

diff --git a/files/ja/web/html/element/main/index.md b/files/ja/web/html/element/main/index.md
index 02afea4da39188..08a1ca8953377c 100644
--- a/files/ja/web/html/element/main/index.md
+++ b/files/ja/web/html/element/main/index.md
@@ -1,11 +1,13 @@
 ---
 title: <main>
 slug: Web/HTML/Element/main
+l10n:
+  sourceCommit: ca65963b93e69591b9362bb2bfde56f93128e2cb
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<main>` 要素**は、文書の {{HTMLElement("body")}} の主要な内容を表します。主要な内容とは、文書の中心的な主題、またはアプリケーションの中心的な機能に直接関連または拡張した内容の範囲のことです。
+**`<main>`** は [HTML](/ja/docs/Web/HTML) の要素で、文書の {{HTMLElement("body")}} の主要なコンテンツを表します。メインコンテンツ領域は、文書の中心的なトピック、またはアプリケーションの中心的な機能に直接関連する、または展開されたコンテンツで構成されます。
 
 {{EmbedInteractiveExample("pages/tabbed/main.html","tabbed-shorter")}}
 
@@ -15,12 +17,12 @@ slug: Web/HTML/Element/main
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories"
-          >コンテンツカテゴリ</a
+        <a href="/ja/docs/Web/HTML/Content_categories"
+          >コンテンツカテゴリー</a
         >
       </th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
         >, 知覚可能コンテンツ
       </td>
@@ -28,7 +30,7 @@ slug: Web/HTML/Element/main
     <tr>
       <th scope="row">許可されている内容</th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
         >
       </td>
@@ -40,11 +42,10 @@ slug: Web/HTML/Element/main
     <tr>
       <th scope="row">許可されている親要素</th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
         >を受け入れる場所、但し<a
           href="https://html.spec.whatwg.org/multipage/grouping-content.html#hierarchically-correct-main-element"
-          id="the-main-element:hierarchically-correct-main-element"
           >階層的に正しい <code>main</code> 要素であること</a
         >。
       </td>
@@ -53,7 +54,7 @@ slug: Web/HTML/Element/main
       <th scope="row">暗黙の ARIA ロール</th>
       <td>
         <code
-          ><a href="/ja/docs/Web/Accessibility/ARIA/Roles/Main_role"
+          ><a href="/ja/docs/Web/Accessibility/ARIA/Roles/main_role"
             >main</a
           ></code
         >
@@ -78,7 +79,7 @@ slug: Web/HTML/Element/main
 
 `<main>` 要素の内容は、文書で固有のものにしてください。この内容はサイドバー、ナビゲーションリンク、著作権表示、サイトロゴ、検索フォームのような、文書のセットや文書のセクションにまたがって繰り返されるものを除くべきです。(もちろん、主な内容が検索フォームでない限り)
 
-`<main>` は文書のアウトラインに寄与しません。すなわち {{HTMLElement("body")}} や {{HTMLElement("h2")}} などの見出しとは異なり、 `<main>` はページの構造の {{glossary("DOM")}} の概念に影響を与えません。これは情報を与えるだけです。
+`<main>` は文書のアウトラインに寄与しません。すなわち {{HTMLElement("body")}} や {{HTMLElement("Heading_Elements", "h2")}} などの見出しとは異なり、`<main>` はページの構造の {{glossary("DOM")}} の概念に影響を与えません。これは情報を与えるだけです。
 
 ## 例
 
@@ -91,33 +92,37 @@ slug: Web/HTML/Element/main
 
   <article>
     <h2>Red Delicious</h2>
-    <p>These bright red apples are the most common found in many
-    supermarkets.</p>
-    <p>... </p>
-    <p>... </p>
+    <p>
+      These bright red apples are the most common found in many supermarkets.
+    </p>
+    <p>…</p>
+    <p>…</p>
   </article>
 
   <article>
     <h2>Granny Smith</h2>
-    <p>These juicy, green apples make a great filling for
-    apple pies.</p>
-    <p>... </p>
-    <p>... </p>
+    <p>These juicy, green apples make a great filling for apple pies.</p>
+    <p>…</p>
+    <p>…</p>
   </article>
 </main>
 
 <!-- 他のコンテンツ -->
 ```
 
+### 結果
+
+{{EmbedLiveSample('Examples')}}
+
 ## アクセシビリティの考慮
 
 ### ランドマーク
 
-`<main>` 要素は [`main` ランドマーク](/ja/docs/Web/Accessibility/ARIA/Roles/Main_role)ロールのように動作します。[ランドマーク](/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques#Landmark_roles)は、文書の長いセクションをすばやく識別して移動するための支援技術として使用することができます。 [古いブラウザーの互換性の確認](/ja/docs/Web/HTML/Element/main#Browser_compatibility)ができない限り、 `<main>` を `role="main"` の宣言付きで使用するべきです。
+`<main>` 要素は [`main` ランドマーク](/ja/docs/Web/Accessibility/ARIA/Roles/main_role)ロールのように動作します。[ランドマーク](/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques#landmark_roles)は、文書の長いセクションをすばやく識別して移動するための支援技術として使用することができます。 [古いブラウザーの互換性の確認](#browser_compatibility)ができない限り、 `<main>` を `role="main"` の宣言付きで使用するべきです。
 
 ### スキップナビゲーション
 
-スキップナビゲーションは、 "skipnav" とも呼ばれますが、支援技術のユーザーが繰り返されるコンテンツ (メインナビゲーション、情報バナー、等) の大きなセクションをすばやく飛ばすことができる技法です。これによって、ユーザーがページのメインコンテンツをより早くアクセスすることができます。
+スキップナビゲーションは、"skipnav" とも呼ばれますが、支援技術のユーザーが繰り返されるコンテンツ (メインナビゲーション、情報バナー、等) の大きなセクションをすばやく飛ばすことができる技法です。これによって、ユーザーがページのメインコンテンツをより早くアクセスすることができます。
 
 [`id`](/ja/docs/Web/HTML/Global_attributes#id) 属性を追加することで、 `<main>` 要素がスキップナビゲーションリンクのターゲットになることができます。
 
@@ -137,7 +142,7 @@ slug: Web/HTML/Element/main
 
 ### リーダーモード
 
-ブラウザーのリーダーモードでは、コンテンツをリーダーに特化したビューに変換するときに、[見出し](/ja/docs/Web/HTML/Element/Heading_Elements)や[コンテンツ区分要素](/ja/docs/Web/HTML/Element#Content_sectioning)と同様に `<main>` 要素の存在を探します。
+ブラウザーのリーダーモードでは、コンテンツをリーダーに特化したビューに変換するときに、[見出し](/ja/docs/Web/HTML/Element/Heading_Elements)や[コンテンツ区分要素](/ja/docs/Web/HTML/Element#content_sectioning)と同様に `<main>` 要素の存在を探します。
 
 - [Building websites for Safari Reader Mode and other reading apps.](https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9)
 
@@ -147,18 +152,10 @@ slug: Web/HTML/Element/main
 
 ## ブラウザーの互換性
 
-`<main>` は広く対応されています。 Internet Explorer 11 およびそれ以前については、アクセシビリティのために {{glossary("ARIA")}} の `"main"` ロールを `<main>` 要素に追加することが提案されています (JAWS のような、古い Internet Explorer との組み合わせで使用する読み上げソフトは、 `<main>` 要素の意味論的な意味を `role` 属性を含めることで理解できるでしょう)。
-
-```html
-<main role="main">
-  ...
-</main>
-```
-
-{{Compat("html.elements.main")}}
+{{Compat}}
 
 ## 関連情報
 
 - 基本構造の要素: {{HTMLElement("html")}}, {{HTMLElement("head")}}, {{HTMLElement("body")}}
 - セクション関連の要素: {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, {{HTMLElement("nav")}}
-- [ARIA: Main ロール](/ja/docs/Web/Accessibility/ARIA/Roles/Main_role)
+- [ARIA: Main ロール](/ja/docs/Web/Accessibility/ARIA/Roles/main_role)

From 852052b7eb0b420149087e3713cf152388f971d3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 16:47:56 +0900
Subject: [PATCH 063/146] =?UTF-8?q?Web/HTML/Element/mark=20=E3=82=92?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20(#13908)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

2023/04/13 時点の英語版に同期
---
 files/ja/web/html/element/mark/index.md | 159 ++++++++++++------------
 1 file changed, 82 insertions(+), 77 deletions(-)

diff --git a/files/ja/web/html/element/mark/index.md b/files/ja/web/html/element/mark/index.md
index b8643b049d067e..5cea7c07035ecf 100644
--- a/files/ja/web/html/element/mark/index.md
+++ b/files/ja/web/html/element/mark/index.md
@@ -1,67 +1,15 @@
 ---
-title: '<mark>: 文字列マーク要素'
+title: "<mark>: テキストマーク要素"
 slug: Web/HTML/Element/mark
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
 {{HTMLSidebar}}
 
-**HTML の文字列マーク要素** (**`<mark>`**) は、周囲の文脈の中でマークを付けた部分の関連性や重要性のために、参照や記述の目的で目立たせたり強調したりする文字列を表します。
+**`<mark>`** は [HTML](/ja/docs/Web/HTML) の要素で、周囲の文脈での関連性によって参照したり表記したりする目的でマーク付けされたり強調表示されたりするテキストを表します。
 
-{{EmbedInteractiveExample("pages/tabbed/mark.html", "tabbed-standard")}}
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">
-        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a>
-      </th>
-      <td>
-        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
-          >フローコンテンツ</a
-        >,
-        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
-          >記述コンテンツ</a
-        >, 知覚可能コンテンツ
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている内容</th>
-      <td>
-        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
-          >記述コンテンツ</a
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている親要素</th>
-      <td>
-        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
-          >記述コンテンツ</a
-        >を受け入れるすべての要素
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">暗黙の ARIA ロール</th>
-      <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >対応するロールなし</a
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている ARIA ロール</th>
-      <td>すべて</td>
-    </tr>
-    <tr>
-      <th scope="row">DOM インターフェイス</th>
-      <td>{{domxref("HTMLElement")}}</td>
-    </tr>
-  </tbody>
-</table>
+{{EmbedInteractiveExample("pages/tabbed/mark.html", "tabbed-shorter")}}
 
 ## 属性
 
@@ -73,7 +21,7 @@ slug: Web/HTML/Element/mark
 
 - 引用 ({{HTMLElement("q")}}) またはブロック引用 ({{HTMLElement("blockquote")}}) の中で使用される場合は、ふつう原文で特にマークされていなくても特別な関心事となる文字列、または原文の筆者が特に重要だと考えていなかったことでも、特別に精査が必要な部分を示します。本の中で興味のある部分が見つかったときに、蛍光ペンを使ってマークするようなものだと考えてください。
 - それ以外に、 `<mark>` はユーザーの現在の行動に関する文書中の部分を示します。これは例えば、検索操作で検索された語を示す場合などに使用されます。
-- `<mark>` を (ソースコードなどの) 構文の強調には使用しないで下さい。{{HTMLElement("span")}} 要素とそれに適用する適切な CSS を使用してください。
+- `<mark>` を（ソースコードなどの）構文の強調には使用しないで下さい。{{HTMLElement("span")}} 要素とそれに適用する適切な CSS を使用してください。
 
 > **メモ:** `<mark>` 要素と {{HTMLElement("strong")}} 要素を混同しないよう注意してください。 `<mark>` は*関連性*のあるコンテンツを表すために使用されますが、 `<strong>` は*重要性*のある文字列の区間を表します。
 
@@ -85,11 +33,10 @@ slug: Web/HTML/Element/mark
 
 ```html
 <blockquote>
-  It is a period of civil war. Rebel spaceships, striking from a
-  hidden base, have won their first victory against the evil
-  Galactic Empire. During the battle, <mark>Rebel spies managed
-  to steal secret plans</mark> to the Empire’s ultimate weapon,
-  the DEATH STAR, an armored space station with enough power to
+  It is a period of civil war. Rebel spaceships, striking from a hidden base,
+  have won their first victory against the evil Galactic Empire. During the
+  battle, <mark>Rebel spies managed to steal secret plans</mark> to the Empire's
+  ultimate weapon, the DEATH STAR, an armored space station with enough power to
   destroy an entire planet.
 </blockquote>
 ```
@@ -103,15 +50,17 @@ slug: Web/HTML/Element/mark
 この例では `<mark>` を使用して一節の中の検索結果をマークしています。
 
 ```html
-<p>It is a dark time for the Rebellion. Although the Death
-Star has been destroyed, <mark class="match">Imperial</mark>
-troops have driven the Rebel forces from their hidden base and
-pursued them across the galaxy.</p>
-
-<p>Evading the dreaded <mark class="match">Imperial</mark>
-Starfleet, a group of freedom fighters led by Luke Skywalker
-has established a new secret base on the remote ice world of
-Hoth.</p>
+<p>
+  It is a dark time for the Rebellion. Although the Death Star has been
+  destroyed, <mark class="match">Imperial</mark> troops have driven the Rebel
+  forces from their hidden base and pursued them across the galaxy.
+</p>
+
+<p>
+  Evading the dreaded <mark class="match">Imperial</mark> Starfleet, a group of
+  freedom fighters led by Luke Skywalker has established a new secret base on
+  the remote ice world of Hoth.
+</p>
 ```
 
 検索結果に対する `<mark>` の使用を他の使い方と区別しやすくするように、この例ではそれぞれの一致部分に `"match"` カスタムクラスを適用しています。
@@ -122,7 +71,7 @@ Hoth.</p>
 
 ## アクセシビリティの考慮
 
-`mark` 要素が存在することは、多くの読み上げ技術の既定の設定ではアナウンスされません。 CSS の {{cssxref("::before")}} 及び {{cssxref("::after")}} 擬似要素と共に {{cssxref("content")}} プロパティを使うことでアナウンスさせることができます。
+`mark` 要素が存在することは、多くの読み上げ技術の既定の設定ではアナウンスされません。 CSS の {{cssxref("::before")}} および {{cssxref("::after")}} 擬似要素と共に {{cssxref("content")}} プロパティを使うことでアナウンスさせることができます。
 
 ```css
 mark::before,
@@ -145,10 +94,66 @@ mark::after {
 }
 ```
 
-読み上げソフトを使用する人によっては、特に冗長になるコンテンツのアナウンスを意図的に無効にしていることがあります。このため、この手法を悪用しないようにすることは重要であり、コンテンツが強調されていることを知らないと理解に影響するような場面でのみ使用するようにしてください。
+スクリーンリーダーを使用する人によっては、特に冗長になるコンテンツのアナウンスを意図的に無効にしていることがあります。このため、この手法を悪用しないようにすることは重要であり、コンテンツが強調されていることを知らないと理解に影響するような場面でのみ使用するようにしてください。
+
+- [Short note on making your mark (more accessible) | The Paciello Group](https://www.tpgi.com/short-note-on-making-your-mark-more-accessible/)
+- [Tweaking Text Level Styles | Adrian Roselli](https://adrianroselli.com/2017/12/tweaking-text-level-styles.html)
 
-- [Short note on making your mark (more accessible) | The Paciello Group](https://developer.paciellogroup.com/blog/2017/12/short-note-on-making-your-mark-more-accessible/)
-- [Tweaking Text Level Styles | Adrian Roselli](http://adrianroselli.com/2017/12/tweaking-text-level-styles.html)
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリー</a>
+      </th>
+      <td>
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
+          >フローコンテンツ</a
+        >,
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
+          >記述コンテンツ</a
+        >, 知覚可能コンテンツ
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている内容</th>
+      <td>
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
+          >記述コンテンツ</a
+        >
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">タグの省略</th>
+      <td>{{no_tag_omission}}</td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている親要素</th>
+      <td>
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
+          >記述コンテンツ</a
+        >を受け入れるすべての要素
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">暗黙の ARIA ロール</th>
+      <td>
+        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
+          >対応するロールなし</a
+        >
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている ARIA ロール</th>
+      <td>すべて</td>
+    </tr>
+    <tr>
+      <th scope="row">DOM インターフェイス</th>
+      <td>{{domxref("HTMLElement")}}</td>
+    </tr>
+  </tbody>
+</table>
 
 ## 仕様書
 
@@ -156,4 +161,4 @@ mark::after {
 
 ## ブラウザーの互換性
 
-{{Compat("html.elements.mark")}}
+{{Compat}}

From 166c6dcf316a98df233b3efbf4fd8e33ad428255 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Sat, 24 Jun 2023 16:08:42 +0800
Subject: [PATCH 064/146] chore(zh-tw): run prettier format for js global
 objects (#13814)

---
 .prettierignore                               |   2 +-
 .../global_objects/array/@@iterator/index.md  |   6 +-
 .../global_objects/array/concat/index.md      |   8 +-
 .../global_objects/array/copywithin/index.md  |  53 +++---
 .../global_objects/array/entries/index.md     |   8 +-
 .../global_objects/array/every/index.md       |  16 +-
 .../global_objects/array/fill/index.md        |  50 +++---
 .../global_objects/array/filter/index.md      |  72 ++++----
 .../global_objects/array/find/index.md        |  33 ++--
 .../global_objects/array/findindex/index.md   |  14 +-
 .../global_objects/array/flat/index.md        |  26 +--
 .../global_objects/array/foreach/index.md     |  38 ++---
 .../global_objects/array/from/index.md        |  43 +++--
 .../global_objects/array/includes/index.md    |  43 ++---
 .../reference/global_objects/array/index.md   |  81 +++++----
 .../global_objects/array/indexof/index.md     |  40 ++---
 .../global_objects/array/isarray/index.md     |  26 +--
 .../global_objects/array/join/index.md        |  12 +-
 .../global_objects/array/keys/index.md        |   4 +-
 .../global_objects/array/lastindexof/index.md |  24 +--
 .../global_objects/array/length/index.md      |  14 +-
 .../global_objects/array/map/index.md         |  48 +++---
 .../global_objects/array/of/index.md          |   2 +-
 .../global_objects/array/pop/index.md         |   2 +-
 .../global_objects/array/push/index.md        |  26 +--
 .../global_objects/array/reduce/index.md      | 158 +++++++++---------
 .../global_objects/array/reverse/index.md     |   8 +-
 .../global_objects/array/shift/index.md       |  16 +-
 .../global_objects/array/slice/index.md       |  47 +++---
 .../global_objects/array/some/index.md        |  48 +++---
 .../global_objects/array/sort/index.md        |  72 ++++----
 .../global_objects/array/splice/index.md      |  22 +--
 .../global_objects/array/tostring/index.md    |   6 +-
 .../global_objects/array/values/index.md      |  10 +-
 .../global_objects/arraybuffer/index.md       |   4 +-
 .../global_objects/asyncfunction/index.md     |  18 +-
 .../reference/global_objects/bigint/index.md  |  50 +++---
 .../reference/global_objects/boolean/index.md |  18 +-
 .../global_objects/dataview/index.md          |   2 +-
 .../global_objects/date/getday/index.md       |  10 +-
 .../global_objects/date/gettime/index.md      |   4 +-
 .../reference/global_objects/date/index.md    |  16 +-
 .../global_objects/date/parse/index.md        |   2 +-
 .../error/columnnumber/index.md               |   6 +-
 .../reference/global_objects/error/index.md   |  24 +--
 .../global_objects/undefined/index.md         |  33 ++--
 .../global_objects/urierror/index.md          |  30 ++--
 47 files changed, 669 insertions(+), 626 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index 3303969ec5d2d2..e837d407096070 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -35,4 +35,4 @@ build/
 /files/zh-cn/**/*.md
 
 # zh-tw
-/files/zh-tw/web/javascript/reference/g*/**/*.md
+/files/zh-tw/web/javascript/reference/global_objects/[f-t]*/**/*.md
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/@@iterator/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/@@iterator/index.md
index 32f36e9ae84c1b..275a5229b0e971 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/@@iterator/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/@@iterator/index.md
@@ -15,14 +15,14 @@ arr[Symbol.iterator]()
 
 ### 回傳值
 
-陣列的**迭代器（iterator）**函式，預設與 {{jsxref("Array.prototype.values()", "values()")}} 函式相同。
+陣列的**迭代器**（iterator）函式，預設與 {{jsxref("Array.prototype.values()", "values()")}} 函式相同。
 
 ## 範例
 
 ### 使用 `for...of` 迴圈進行迭代
 
 ```js
-var arr = ['w', 'y', 'k', 'o', 'p'];
+var arr = ["w", "y", "k", "o", "p"];
 var eArr = arr[Symbol.iterator]();
 // your browser must support for..of loop
 // and let-scoped variables in for loops
@@ -34,7 +34,7 @@ for (let letter of eArr) {
 ### 另一種迭代方式
 
 ```js
-var arr = ['w', 'y', 'k', 'o', 'p'];
+var arr = ["w", "y", "k", "o", "p"];
 var eArr = arr[Symbol.iterator]();
 console.log(eArr.next().value); // w
 console.log(eArr.next().value); // y
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/concat/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/concat/index.md
index 53987b2af2cd81..912015b0103346 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/concat/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/concat/index.md
@@ -42,7 +42,7 @@ var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])
 下面的程式碼為合併兩個陣列：
 
 ```js
-var alpha = ['a', 'b', 'c'];
+var alpha = ["a", "b", "c"];
 var numeric = [1, 2, 3];
 
 alpha.concat(numeric);
@@ -55,8 +55,8 @@ alpha.concat(numeric);
 
 ```js
 var num1 = [1, 2, 3],
-    num2 = [4, 5, 6],
-    num3 = [7, 8, 9];
+  num2 = [4, 5, 6],
+  num3 = [7, 8, 9];
 
 var nums = num1.concat(num2, num3);
 
@@ -69,7 +69,7 @@ console.log(nums);
 下面的程式碼為合併三個值到一個陣列中：
 
 ```js
-var alpha = ['a', 'b', 'c'];
+var alpha = ["a", "b", "c"];
 
 var alphaNumeric = alpha.concat(1, [2, 3]);
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/copywithin/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/copywithin/index.md
index d9647f0d828f9b..4b036dad0937c5 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/copywithin/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/copywithin/index.md
@@ -53,7 +53,7 @@ The `copyWithin` method is a mutable method. It does not alter the length of `th
 [1, 2, 3, 4, 5].copyWithin(-2, -3, -1);
 // [1, 2, 3, 3, 4]
 
-[].copyWithin.call({length: 5, 3: 1}, 0, 3);
+[].copyWithin.call({ length: 5, 3: 1 }, 0, 3);
 // {0: 1, 3: 1, length: 5}
 
 // ES2015 Typed Arrays are subclasses of Array
@@ -72,33 +72,38 @@ i32a.copyWithin(0, 2);
 ```js
 if (!Array.prototype.copyWithin) {
   Array.prototype.copyWithin =
-  // Array: Number[, Number[, Number]]
-  function copyWithin(target, start, stop) {
-    var positiveT = target >= 0,
+    // Array: Number[, Number[, Number]]
+    function copyWithin(target, start, stop) {
+      var positiveT = target >= 0,
         positiveS = (start = start | 0) >= 0,
-        length    = this.length,
-        zero      = 0,
-        r         = function() {return ((+new Date) * Math.random()).toString(36)},
+        length = this.length,
+        zero = 0,
+        r = function () {
+          return (+new Date() * Math.random()).toString(36);
+        },
         delimiter = "\b" + r() + "-" + r() + "-" + r() + "\b",
         hold;
 
-    stop = stop || this.length;
-    hold = this.slice.apply(this,
-      positiveT?
-        [start, stop]:
-      positiveS?
-        [start, -target]:
-      [start])
-    .join(delimiter);
-
-    return this.splice.apply(this,
-      positiveT?
-        [target, stop - start, hold]:
-      positiveS?
-        [target, stop, hold]:
-      [target, start, hold]),
-            this.join(delimiter).split(delimiter).slice(zero, length);
-  }
+      stop = stop || this.length;
+      hold = this.slice
+        .apply(
+          this,
+          positiveT ? [start, stop] : positiveS ? [start, -target] : [start]
+        )
+        .join(delimiter);
+
+      return (
+        this.splice.apply(
+          this,
+          positiveT
+            ? [target, stop - start, hold]
+            : positiveS
+            ? [target, stop, hold]
+            : [target, start, hold]
+        ),
+        this.join(delimiter).split(delimiter).slice(zero, length)
+      );
+    };
 }
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/entries/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/entries/index.md
index 0c5b83adf67835..319050849f7b93 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/entries/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/entries/index.md
@@ -11,8 +11,8 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/entries
 
 ## 語法
 
-```plain
-a.entries()
+```js-nolint
+entries()
 ```
 
 ### 回傳值
@@ -21,10 +21,10 @@ a.entries()
 
 ## 範例
 
-### 使用 [for…of](/zh-TW/docs/Web/JavaScript/Reference/Statements/for...of) 進行迭代
+### 使用 for...of 進行迭代
 
 ```js
-var a = ['a', 'b', 'c'];
+var a = ["a", "b", "c"];
 var iterator = a.entries();
 
 for (let e of iterator) {
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/every/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/every/index.md
index 01c4c65515acbf..38d4396600a7a5 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/every/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/every/index.md
@@ -59,7 +59,7 @@ The following example tests whether all elements in the array are bigger than 10
 function isBigEnough(element, index, array) {
   return element >= 10;
 }
-[12, 5, 8, 130, 44].every(isBigEnough);   // false
+[12, 5, 8, 130, 44].every(isBigEnough); // false
 [12, 54, 18, 130, 44].every(isBigEnough); // true
 ```
 
@@ -68,8 +68,8 @@ function isBigEnough(element, index, array) {
 [Arrow functions](/zh-TW/docs/Web/JavaScript/Reference/Functions/Arrow_functions) provide a shorter syntax for the same test.
 
 ```js
-[12, 5, 8, 130, 44].every(x => x >= 10); // false
-[12, 54, 18, 130, 44].every(x => x >= 10); // true
+[12, 5, 8, 130, 44].every((x) => x >= 10); // false
+[12, 54, 18, 130, 44].every((x) => x >= 10); // true
 ```
 
 ## Polyfill
@@ -78,12 +78,12 @@ function isBigEnough(element, index, array) {
 
 ```js
 if (!Array.prototype.every) {
-  Array.prototype.every = function(callbackfn, thisArg) {
-    'use strict';
+  Array.prototype.every = function (callbackfn, thisArg) {
+    "use strict";
     var T, k;
 
     if (this == null) {
-      throw new TypeError('this is null or not defined');
+      throw new TypeError("this is null or not defined");
     }
 
     // 1. Let O be the result of calling ToObject passing the this
@@ -96,7 +96,7 @@ if (!Array.prototype.every) {
     var len = O.length >>> 0;
 
     // 4. If IsCallable(callbackfn) is false, throw a TypeError exception.
-    if (typeof callbackfn !== 'function') {
+    if (typeof callbackfn !== "function") {
       throw new TypeError();
     }
 
@@ -110,7 +110,6 @@ if (!Array.prototype.every) {
 
     // 7. Repeat, while k < len
     while (k < len) {
-
       var kValue;
 
       // a. Let Pk be ToString(k).
@@ -120,7 +119,6 @@ if (!Array.prototype.every) {
       //   This step can be combined with c
       // c. If kPresent is true, then
       if (k in O) {
-
         // i. Let kValue be the result of calling the Get internal method
         //    of O with argument Pk.
         kValue = O[k];
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/fill/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/fill/index.md
index e802c74f8e10e5..98720c3a96501b 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/fill/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/fill/index.md
@@ -43,19 +43,19 @@ arr.fill(value[, start[, end]])
 ## 範例
 
 ```js
-[1, 2, 3].fill(4);               // [4, 4, 4]
-[1, 2, 3].fill(4, 1);            // [1, 4, 4]
-[1, 2, 3].fill(4, 1, 2);         // [1, 4, 3]
-[1, 2, 3].fill(4, 1, 1);         // [1, 2, 3]
-[1, 2, 3].fill(4, 3, 3);         // [1, 2, 3]
-[1, 2, 3].fill(4, -3, -2);       // [4, 2, 3]
-[1, 2, 3].fill(4, NaN, NaN);     // [1, 2, 3]
-[1, 2, 3].fill(4, 3, 5);         // [1, 2, 3]
-Array(3).fill(4);                // [4, 4, 4]
-[].fill.call({ length: 3 }, 4);  // {0: 4, 1: 4, 2: 4, length: 3}
+[1, 2, 3].fill(4); // [4, 4, 4]
+[1, 2, 3].fill(4, 1); // [1, 4, 4]
+[1, 2, 3].fill(4, 1, 2); // [1, 4, 3]
+[1, 2, 3].fill(4, 1, 1); // [1, 2, 3]
+[1, 2, 3].fill(4, 3, 3); // [1, 2, 3]
+[1, 2, 3].fill(4, -3, -2); // [4, 2, 3]
+[1, 2, 3].fill(4, NaN, NaN); // [1, 2, 3]
+[1, 2, 3].fill(4, 3, 5); // [1, 2, 3]
+Array(3).fill(4); // [4, 4, 4]
+[].fill.call({ length: 3 }, 4); // {0: 4, 1: 4, 2: 4, length: 3}
 
 // Objects by reference.
-var arr = Array(3).fill({}) // [{}, {}, {}];
+var arr = Array(3).fill({}); // [{}, {}, {}];
 arr[0].hi = "hi"; // [{ hi: "hi" }, { hi: "hi" }, { hi: "hi" }]
 ```
 
@@ -63,12 +63,11 @@ arr[0].hi = "hi"; // [{ hi: "hi" }, { hi: "hi" }, { hi: "hi" }]
 
 ```js
 if (!Array.prototype.fill) {
-  Object.defineProperty(Array.prototype, 'fill', {
-    value: function(value) {
-
+  Object.defineProperty(Array.prototype, "fill", {
+    value: function (value) {
       // 步驟 1 - 2。
-       if (this == null) {
-        throw new TypeError('this is null or not defined');
+      if (this == null) {
+        throw new TypeError("this is null or not defined");
       }
 
       var O = Object(this);
@@ -81,19 +80,20 @@ if (!Array.prototype.fill) {
       var relativeStart = start >> 0;
 
       // 步驟 8。
-      var k = relativeStart < 0 ?
-        Math.max(len + relativeStart, 0) :
-        Math.min(relativeStart, len);
+      var k =
+        relativeStart < 0
+          ? Math.max(len + relativeStart, 0)
+          : Math.min(relativeStart, len);
 
       // 步驟 9 - 10。
       var end = arguments[2];
-      var relativeEnd = end === undefined ?
-        len : end >> 0;
+      var relativeEnd = end === undefined ? len : end >> 0;
 
       // 步驟 11。
-      var final = relativeEnd < 0 ?
-        Math.max(len + relativeEnd, 0) :
-        Math.min(relativeEnd, len);
+      var final =
+        relativeEnd < 0
+          ? Math.max(len + relativeEnd, 0)
+          : Math.min(relativeEnd, len);
 
       // 步驟 12。
       while (k < final) {
@@ -103,7 +103,7 @@ if (!Array.prototype.fill) {
 
       // 步驟 13。
       return O;
-    }
+    },
   });
 }
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/filter/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/filter/index.md
index fae5181cb4937b..1e68f4d06a1a71 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/filter/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/filter/index.md
@@ -12,9 +12,17 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/filter
 ### ES6 版本
 
 ```js
-const words = ["spray", "limit", "elite", "exuberant", "destruction", "present", "happy"];
+const words = [
+  "spray",
+  "limit",
+  "elite",
+  "exuberant",
+  "destruction",
+  "present",
+  "happy",
+];
 
-let longWords = words.filter(word => word.length > 6);
+let longWords = words.filter((word) => word.length > 6);
 
 // Filtered array longWords is ["exuberant", "destruction", "present"]
 ```
@@ -87,16 +95,16 @@ var arr = [
   { id: 0 },
   { id: 3 },
   { id: 12.2 },
-  { },
+  {},
   { id: null },
   { id: NaN },
-  { id: 'undefined' }
+  { id: "undefined" },
 ];
 
 var invalidEntries = 0;
 
 function isNumber(obj) {
-  return obj!== undefined && typeof(obj) === 'number' && !isNaN(obj);
+  return obj !== undefined && typeof obj === "number" && !isNaN(obj);
 }
 
 function filterByID(item) {
@@ -109,11 +117,11 @@ function filterByID(item) {
 
 var arrByID = arr.filter(filterByID);
 
-console.log('過濾好的陣列\n', arrByID);
+console.log("過濾好的陣列\n", arrByID);
 // 過濾好的陣列
 // [{ id: 15 }, { id: -1 }, { id: 0 }, { id: 3 }, { id: 12.2 }]
 
-console.log('無效的元素數量 = ', invalidEntries);
+console.log("無效的元素數量 = ", invalidEntries);
 // 無效的元素數量 = 4
 ```
 
@@ -122,37 +130,37 @@ console.log('無效的元素數量 = ', invalidEntries);
 下面範例使用 `filter()` 去過濾符合搜尋條件的陣列內容。
 
 ```js
-var fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];
+var fruits = ["apple", "banana", "grapes", "mango", "orange"];
 
 /**
  * 陣列透過搜尋條件（查詢）過濾物件
  */
 function filterItems(query) {
-  return fruits.filter(function(el) {
-      return el.toLowerCase().indexOf(query.toLowerCase()) > -1;
-  })
+  return fruits.filter(function (el) {
+    return el.toLowerCase().indexOf(query.toLowerCase()) > -1;
+  });
 }
 
-console.log(filterItems('ap')); // ['apple', 'grapes']
-console.log(filterItems('an')); // ['banana', 'mango', 'orange']
+console.log(filterItems("ap")); // ['apple', 'grapes']
+console.log(filterItems("an")); // ['banana', 'mango', 'orange']
 ```
 
 ### ES2015 實作方式
 
 ```js
-const fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];
+const fruits = ["apple", "banana", "grapes", "mango", "orange"];
 
 /**
  * 陣列透過搜尋條件（查詢）過濾物件
  */
 const filterItems = (query) => {
-  return fruits.filter((el) =>
-    el.toLowerCase().indexOf(query.toLowerCase()) > -1
+  return fruits.filter(
+    (el) => el.toLowerCase().indexOf(query.toLowerCase()) > -1
   );
-}
+};
 
-console.log(filterItems('ap')); // ['apple', 'grapes']
-console.log(filterItems('an')); // ['banana', 'mango', 'orange']
+console.log(filterItems("ap")); // ['apple', 'grapes']
+console.log(filterItems("an")); // ['banana', 'mango', 'orange']
 ```
 
 ## Polyfill
@@ -161,26 +169,24 @@ console.log(filterItems('an')); // ['banana', 'mango', 'orange']
 
 ```js
 if (!Array.prototype.filter)
-  Array.prototype.filter = function(func, thisArg) {
-    'use strict';
-    if ( ! ((typeof func === 'Function') && this) )
-        throw new TypeError();
+  Array.prototype.filter = function (func, thisArg) {
+    "use strict";
+    if (!(typeof func === "Function" && this)) throw new TypeError();
 
     var len = this.length >>> 0,
-        res = new Array(len), // 預先配置陣列
-        c = 0, i = -1;
+      res = new Array(len), // 預先配置陣列
+      c = 0,
+      i = -1;
     if (thisArg === undefined)
       while (++i !== len)
         // 確認物件的鍵值i是否有被設置
         if (i in this)
-          if (func(t[i], i, t))
-            res[c++] = t[i];
-    else
-      while (++i !== len)
-        // 確認物件的鍵值i是否有被設置
-        if (i in this)
-          if (func.call(thisArg, t[i], i, t))
-            res[c++] = t[i];
+          if (func(t[i], i, t)) res[c++] = t[i];
+          else
+            while (++i !== len)
+              // 確認物件的鍵值i是否有被設置
+              if (i in this)
+                if (func.call(thisArg, t[i], i, t)) res[c++] = t[i];
 
     res.length = c; // 將陣列縮至適當大小
     return res;
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/find/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/find/index.md
index 05b00542da6236..a03a8fc7efb7fe 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/find/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/find/index.md
@@ -57,13 +57,13 @@ The range of elements processed by `find` is set before the first invocation of
 
 ```js
 var inventory = [
-    {name: 'apples', quantity: 2},
-    {name: 'bananas', quantity: 0},
-    {name: 'cherries', quantity: 5}
+  { name: "apples", quantity: 2 },
+  { name: "bananas", quantity: 0 },
+  { name: "cherries", quantity: 5 },
 ];
 
 function isCherries(fruit) {
-    return fruit.name === 'cherries';
+  return fruit.name === "cherries";
 }
 
 console.log(inventory.find(isCherries));
@@ -93,23 +93,22 @@ The following examples show that non-existent and deleted elements are visited a
 
 ```js
 // Declare array with no element at index 2, 3 and 4
-var a = [0,1,,,,5,6];
+var a = [0, 1, , , , 5, 6];
 
 // Shows all indexes, not just those that have been assigned values
-a.find(function(value, index) {
-  console.log('Visited index ' + index + ' with value ' + value);
+a.find(function (value, index) {
+  console.log("Visited index " + index + " with value " + value);
 });
 
 // Shows all indexes, including deleted
-a.find(function(value, index) {
-
+a.find(function (value, index) {
   // Delete element 5 on first iteration
   if (index == 0) {
-    console.log('Deleting a[5] with value ' + a[5]);
+    console.log("Deleting a[5] with value " + a[5]);
     delete a[5];
   }
   // Element 5 is still visited even though deleted
-  console.log('Visited index ' + index + ' with value ' + value);
+  console.log("Visited index " + index + " with value " + value);
 });
 ```
 
@@ -120,9 +119,9 @@ a.find(function(value, index) {
 ```js
 // https://tc39.github.io/ecma262/#sec-array.prototype.find
 if (!Array.prototype.find) {
-  Object.defineProperty(Array.prototype, 'find', {
-    value: function(predicate) {
-     // 1. Let O be ? ToObject(this value).
+  Object.defineProperty(Array.prototype, "find", {
+    value: function (predicate) {
+      // 1. Let O be ? ToObject(this value).
       if (this == null) {
         throw new TypeError('"this" is null or not defined');
       }
@@ -133,8 +132,8 @@ if (!Array.prototype.find) {
       var len = o.length >>> 0;
 
       // 3. If IsCallable(predicate) is false, throw a TypeError exception.
-      if (typeof predicate !== 'function') {
-        throw new TypeError('predicate must be a function');
+      if (typeof predicate !== "function") {
+        throw new TypeError("predicate must be a function");
       }
 
       // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
@@ -159,7 +158,7 @@ if (!Array.prototype.find) {
 
       // 7. Return undefined.
       return undefined;
-    }
+    },
   });
 }
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/findindex/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/findindex/index.md
index c05928826d0e62..49eb18bbb2dafd 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/findindex/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/findindex/index.md
@@ -77,7 +77,7 @@ console.log([4, 6, 7, 12].findIndex(isPrime)); // 2
 ```js
 const fruits = ["apple", "banana", "cantaloupe", "blueberries", "grapefruit"];
 
-const index = fruits.findIndex(fruit => fruit === "blueberries");
+const index = fruits.findIndex((fruit) => fruit === "blueberries");
 
 console.log(index); // 3
 console.log(fruits[index]); // blueberries
@@ -88,9 +88,9 @@ console.log(fruits[index]); // blueberries
 ```js
 // https://tc39.github.io/ecma262/#sec-array.prototype.findIndex
 if (!Array.prototype.findIndex) {
-  Object.defineProperty(Array.prototype, 'findIndex', {
-    value: function(predicate) {
-     // 1. Let O be ? ToObject(this value).
+  Object.defineProperty(Array.prototype, "findIndex", {
+    value: function (predicate) {
+      // 1. Let O be ? ToObject(this value).
       if (this == null) {
         throw new TypeError('"this" is null or not defined');
       }
@@ -101,8 +101,8 @@ if (!Array.prototype.findIndex) {
       var len = o.length >>> 0;
 
       // 3. If IsCallable(predicate) is false, throw a TypeError exception.
-      if (typeof predicate !== 'function') {
-        throw new TypeError('predicate must be a function');
+      if (typeof predicate !== "function") {
+        throw new TypeError("predicate must be a function");
       }
 
       // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
@@ -127,7 +127,7 @@ if (!Array.prototype.findIndex) {
 
       // 7. Return -1.
       return -1;
-    }
+    },
   });
 }
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/flat/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/flat/index.md
index c4f3bf1cf489a7..9bd69c70943500 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/flat/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/flat/index.md
@@ -7,11 +7,11 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/flat
 
 **`flat()`** 函數以遞迴方式將特定深度的子陣列重新串接成為一新的陣列
 
-\\{{EmbedInteractiveExample("pages/js/array-flatten.html")}}
+{{EmbedInteractiveExample("pages/js/array-flat.html")}}
 
 ## 語法
 
-```plain
+```js
 var newArray = arr.flat([depth]);
 ```
 
@@ -44,7 +44,7 @@ arr3.flat(2);
 
 ### 當遭遇空元素時
 
-flat()函數會自動清除陣列中空的元素
+`flat()` 函數會自動清除陣列中空的元素
 
 ```js
 var arr4 = [1, 2, , 4, 5];
@@ -61,20 +61,24 @@ var arr1 = [1, 2, [3, 4]];
 arr1.flat();
 
 //展開單層陣列
-arr1.reduce((acc, val) => acc.concat(val), []);// [1, 2, 3, 4]
+arr1.reduce((acc, val) => acc.concat(val), []); // [1, 2, 3, 4]
 ```
 
 ```js
 //欲展開更深層的巢狀結構請使用reduce與concat的遞迴
 function flattenDeep(arr1) {
-   return arr1.reduce((acc, val) => Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val), []);
+  return arr1.reduce(
+    (acc, val) =>
+      Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val),
+    []
+  );
 }
-flattenDeep(arr1);// [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]
+flattenDeep(arr1); // [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]
 ```
 
 ```js
 //使用stack來實作非遞迴的展開
-var arr1 = [1,2,3,[1,2,3,4, [2,3,4]]];
+var arr1 = [1, 2, 3, [1, 2, 3, 4, [2, 3, 4]]];
 function flatten(input) {
   const stack = [...input];
   const res = [];
@@ -91,15 +95,15 @@ function flatten(input) {
   //reverse to restore input order
   return res.reverse();
 }
-flatten(arr1);// [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]
+flatten(arr1); // [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]
 ```
 
-```plain
+```js
 // 递归版本的反嵌套
 function flatten(array) {
   var flattend = [];
   (function flat(array) {
-    array.forEach(function(el) {
+    array.forEach(function (el) {
       if (Array.isArray(el)) flat(el);
       else flattend.push(el);
     });
@@ -116,7 +120,7 @@ function flatten(array) {
 
 {{Compat}}
 
-## See also
+## 參見
 
 - {{jsxref("Array.prototype.flatMap()")}}
 - {{jsxref("Array.prototype.map()")}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/foreach/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/foreach/index.md
index da007af36fe2f5..13c98103f4956b 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/foreach/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/foreach/index.md
@@ -64,22 +64,22 @@ The range of elements processed by `forEach()` is set before the first invocatio
 before
 
 ```js
-const items = ['item1', 'item2', 'item3'];
+const items = ["item1", "item2", "item3"];
 const copy = [];
 
-for (let i=0; i<items.length; i++) {
-  copy.push(items[i])
+for (let i = 0; i < items.length; i++) {
+  copy.push(items[i]);
 }
 ```
 
 after
 
 ```js
-const items = ['item1', 'item2', 'item3'];
+const items = ["item1", "item2", "item3"];
 const copy = [];
 
-items.forEach(function(item){
-  copy.push(item)
+items.forEach(function (item) {
+  copy.push(item);
 });
 ```
 
@@ -89,7 +89,7 @@ The following code logs a line for each element in an array:
 
 ```js
 function logArrayElements(element, index, array) {
-  console.log('a[' + index + '] = ' + element);
+  console.log("a[" + index + "] = " + element);
 }
 
 // Notice that index 2 is skipped since there is no item at
@@ -110,8 +110,8 @@ function Counter() {
   this.sum = 0;
   this.count = 0;
 }
-Counter.prototype.add = function(array) {
-  array.forEach(function(entry) {
+Counter.prototype.add = function (array) {
+  array.forEach(function (entry) {
     this.sum += entry;
     ++this.count;
   }, this);
@@ -139,7 +139,7 @@ function copy(obj) {
   const copy = Object.create(Object.getPrototypeOf(obj));
   const propNames = Object.getOwnPropertyNames(obj);
 
-  propNames.forEach(function(name) {
+  propNames.forEach(function (name) {
     const desc = Object.getOwnPropertyDescriptor(obj, name);
     Object.defineProperty(copy, name, desc);
   });
@@ -156,10 +156,10 @@ const obj2 = copy(obj1); // obj2 looks like obj1 now
 The following example logs "one", "two", "four". When the entry containing the value "two" is reached, the first entry of the whole array is shifted off, which results in all remaining entries moving up one position. Because element "four" is now at an earlier position in the array, "three" will be skipped. `forEach()` does not make a copy of the array before iterating.
 
 ```js
-var words = ['one', 'two', 'three', 'four'];
-words.forEach(function(word) {
+var words = ["one", "two", "three", "four"];
+words.forEach(function (word) {
   console.log(word);
-  if (word === 'two') {
+  if (word === "two") {
     words.shift();
   }
 });
@@ -176,13 +176,11 @@ words.forEach(function(word) {
 // Production steps of ECMA-262, Edition 5, 15.4.4.18
 // Reference: http://es5.github.io/#x15.4.4.18
 if (!Array.prototype.forEach) {
-
-  Array.prototype.forEach = function(callback/*, thisArg*/) {
-
+  Array.prototype.forEach = function (callback /*, thisArg*/) {
     var T, k;
 
     if (this == null) {
-      throw new TypeError('this is null or not defined');
+      throw new TypeError("this is null or not defined");
     }
 
     // 1. Let O be the result of calling toObject() passing the
@@ -196,8 +194,8 @@ if (!Array.prototype.forEach) {
 
     // 4. If isCallable(callback) is false, throw a TypeError exception.
     // See: http://es5.github.com/#x9.11
-    if (typeof callback !== 'function') {
-      throw new TypeError(callback + ' is not a function');
+    if (typeof callback !== "function") {
+      throw new TypeError(callback + " is not a function");
     }
 
     // 5. If thisArg was supplied, let T be thisArg; else let
@@ -211,7 +209,6 @@ if (!Array.prototype.forEach) {
 
     // 7. Repeat while k < len.
     while (k < len) {
-
       var kValue;
 
       // a. Let Pk be ToString(k).
@@ -221,7 +218,6 @@ if (!Array.prototype.forEach) {
       //    This step can be combined with c.
       // c. If kPresent is true, then
       if (k in O) {
-
         // i. Let kValue be the result of calling the Get internal
         // method of O with argument Pk.
         kValue = O[k];
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/from/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/from/index.md
index b3e03effd5815b..6911825e720c8e 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/from/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/from/index.md
@@ -40,14 +40,14 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/from
 ### 從字串產生陣列
 
 ```js
-Array.from('foo');
+Array.from("foo");
 // ["f", "o", "o"]
 ```
 
 ### 從集合產生陣列
 
 ```js
-var s = new Set(['foo', window]);
+var s = new Set(["foo", window]);
 Array.from(s);
 // ["foo", window]
 ```
@@ -55,7 +55,11 @@ Array.from(s);
 ### 從映射產生陣列
 
 ```js
-var m = new Map([[1, 2], [2, 4], [4, 8]]);
+var m = new Map([
+  [1, 2],
+  [2, 4],
+  [4, 8],
+]);
 Array.from(m);
 // [[1, 2], [2, 4], [4, 8]]
 ```
@@ -77,13 +81,13 @@ f(1, 2, 3);
 ```js
 // 使用箭頭函式作為 map 函式來
 // 操作元素
-Array.from([1, 2, 3], x => x + x);
+Array.from([1, 2, 3], (x) => x + x);
 // [2, 4, 6]
 
 // 產生數值序列
 // 因為陣列中的每個位置都會被初始化為 `undefined`，
 // 下方 `v` 會是 `undefined`
-Array.from({length: 5}, (v, i) => i);
+Array.from({ length: 5 }, (v, i) => i);
 // [0, 1, 2, 3, 4]
 ```
 
@@ -97,12 +101,16 @@ if (!Array.from) {
   Array.from = (function () {
     var toStr = Object.prototype.toString;
     var isCallable = function (fn) {
-      return typeof fn === 'function' || toStr.call(fn) === '[object Function]';
+      return typeof fn === "function" || toStr.call(fn) === "[object Function]";
     };
     var toInteger = function (value) {
       var number = Number(value);
-      if (isNaN(number)) { return 0; }
-      if (number === 0 || !isFinite(number)) { return number; }
+      if (isNaN(number)) {
+        return 0;
+      }
+      if (number === 0 || !isFinite(number)) {
+        return number;
+      }
       return (number > 0 ? 1 : -1) * Math.floor(Math.abs(number));
     };
     var maxSafeInteger = Math.pow(2, 53) - 1;
@@ -112,7 +120,7 @@ if (!Array.from) {
     };
 
     // The length property of the from method is 1.
-    return function from(arrayLike/*, mapFn, thisArg */) {
+    return function from(arrayLike /*, mapFn, thisArg */) {
       // 1. Let C be the this value.
       var C = this;
 
@@ -121,17 +129,21 @@ if (!Array.from) {
 
       // 3. ReturnIfAbrupt(items).
       if (arrayLike == null) {
-        throw new TypeError('Array.from requires an array-like object - not null or undefined');
+        throw new TypeError(
+          "Array.from requires an array-like object - not null or undefined"
+        );
       }
 
       // 4. If mapfn is undefined, then let mapping be false.
       var mapFn = arguments.length > 1 ? arguments[1] : void undefined;
       var T;
-      if (typeof mapFn !== 'undefined') {
+      if (typeof mapFn !== "undefined") {
         // 5. else
         // 5. a If IsCallable(mapfn) is false, throw a TypeError exception.
         if (!isCallable(mapFn)) {
-          throw new TypeError('Array.from: when provided, the second argument must be a function');
+          throw new TypeError(
+            "Array.from: when provided, the second argument must be a function"
+          );
         }
 
         // 5. b. If thisArg was supplied, let T be thisArg; else let T be undefined.
@@ -157,7 +169,10 @@ if (!Array.from) {
       while (k < len) {
         kValue = items[k];
         if (mapFn) {
-          A[k] = typeof T === 'undefined' ? mapFn(kValue, k) : mapFn.call(T, kValue, k);
+          A[k] =
+            typeof T === "undefined"
+              ? mapFn(kValue, k)
+              : mapFn.call(T, kValue, k);
         } else {
           A[k] = kValue;
         }
@@ -168,7 +183,7 @@ if (!Array.from) {
       // 20. Return A.
       return A;
     };
-  }());
+  })();
 }
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/includes/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/includes/index.md
index b801a1e9a22d82..c8b1266a66195e 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/includes/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/includes/index.md
@@ -29,9 +29,9 @@ arr.includes(searchElement[, fromIndex])
 ## 範例
 
 ```js
-[1, 2, 3].includes(2);     // true
-[1, 2, 3].includes(4);     // false
-[1, 2, 3].includes(3, 3);  // false
+[1, 2, 3].includes(2); // true
+[1, 2, 3].includes(4); // false
+[1, 2, 3].includes(3, 3); // false
 [1, 2, 3].includes(3, -1); // true
 [1, 2, NaN].includes(NaN); // true
 ```
@@ -41,10 +41,10 @@ arr.includes(searchElement[, fromIndex])
 如果 `fromIndex`大於或等於陣列長度, 會回傳`false`. 此陣列將不會被搜尋.
 
 ```js
-var arr = ['a', 'b', 'c'];
+var arr = ["a", "b", "c"];
 
-arr.includes('c', 3);   // false
-arr.includes('c', 100); // false
+arr.includes("c", 3); // false
+arr.includes("c", 100); // false
 ```
 
 ### Computed index is less than 0
@@ -56,11 +56,11 @@ If `fromIndex` is negative, the computed index is calculated to be used as a pos
 // fromIndex is -100
 // computed index is 3 + (-100) = -97
 
-var arr = ['a', 'b', 'c'];
+var arr = ["a", "b", "c"];
 
-arr.includes('a', -100); // true
-arr.includes('b', -100); // true
-arr.includes('c', -100); // true
+arr.includes("a", -100); // true
+arr.includes("b", -100); // true
+arr.includes("c", -100); // true
 ```
 
 ### `includes()` used as a generic method
@@ -68,10 +68,10 @@ arr.includes('c', -100); // true
 `includes()` method is intentionally generic. It does not require `this` value to be an Array object, so it can be applied to other kinds of objects (e.g. array-like objects). The example below illustrates `includes()` method called on the function's [arguments](/zh-TW/docs/Web/JavaScript/Reference/Functions/arguments) object.
 
 ```js
-(function() {
-  console.log([].includes.call(arguments, 'a')); // true
-  console.log([].includes.call(arguments, 'd')); // false
-})('a','b','c');
+(function () {
+  console.log([].includes.call(arguments, "a")); // true
+  console.log([].includes.call(arguments, "d")); // false
+})("a", "b", "c");
 ```
 
 ## Polyfill
@@ -79,9 +79,8 @@ arr.includes('c', -100); // true
 ```js
 // https://tc39.github.io/ecma262/#sec-array.prototype.includes
 if (!Array.prototype.includes) {
-  Object.defineProperty(Array.prototype, 'includes', {
-    value: function(searchElement, fromIndex) {
-
+  Object.defineProperty(Array.prototype, "includes", {
+    value: function (searchElement, fromIndex) {
       if (this == null) {
         throw new TypeError('"this" is null or not defined');
       }
@@ -109,7 +108,13 @@ if (!Array.prototype.includes) {
       var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
 
       function sameValueZero(x, y) {
-        return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));
+        return (
+          x === y ||
+          (typeof x === "number" &&
+            typeof y === "number" &&
+            isNaN(x) &&
+            isNaN(y))
+        );
       }
 
       // 7. Repeat, while k < len
@@ -125,7 +130,7 @@ if (!Array.prototype.includes) {
 
       // 8. Return false
       return false;
-    }
+    },
   });
 }
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/index.md
index f6b4782bc448ba..b9f20e3c1c139a 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/index.md
@@ -10,7 +10,7 @@ JavaScript 中的 **`Array`** 全域物件被用於建構陣列；陣列為高
 **建立陣列**
 
 ```js
-var fruits = ['Apple', 'Banana'];
+var fruits = ["Apple", "Banana"];
 
 console.log(fruits.length);
 // 2
@@ -29,7 +29,7 @@ var last = fruits[fruits.length - 1];
 **迭代陣列**
 
 ```js
-fruits.forEach(function(item, index, array) {
+fruits.forEach(function (item, index, array) {
   console.log(item, index);
 });
 // Apple 0
@@ -39,7 +39,7 @@ fruits.forEach(function(item, index, array) {
 **加入項目至陣列末端**
 
 ```js
-var newLength = fruits.push('Orange');
+var newLength = fruits.push("Orange");
 // ["Apple", "Banana", "Orange"]
 ```
 
@@ -60,17 +60,17 @@ var first = fruits.shift(); // 移除 (最前端的) Apple
 **加入項目至陣列前端**
 
 ```js
-var newLength = fruits.unshift('Strawberry') // 加到陣列前端
+var newLength = fruits.unshift("Strawberry"); // 加到陣列前端
 // ["Strawberry", "Banana"];
 ```
 
 **在陣列中尋找項目的索引**
 
 ```js
-fruits.push('Mango');
+fruits.push("Mango");
 // ["Strawberry", "Banana", "Mango"]
 
-var pos = fruits.indexOf('Banana');
+var pos = fruits.indexOf("Banana");
 // 1
 ```
 
@@ -85,11 +85,12 @@ var removedItem = fruits.splice(pos, 1); // 移除 pos 起的 1 個項目
 **移除指定索引位置起的多個項目**
 
 ```js
-var vegetables = ['Cabbage', 'Turnip', 'Radish', 'Carrot'];
+var vegetables = ["Cabbage", "Turnip", "Radish", "Carrot"];
 console.log(vegetables);
 // ["Cabbage", "Turnip", "Radish", "Carrot"]
 
-var pos = 1, n = 2;
+var pos = 1,
+  n = 2;
 
 var removedItems = vegetables.splice(pos, n);
 // 這就是移除項目的方式，
@@ -135,9 +136,9 @@ Array（「陣列」）是類似列表（list）的物件（Object），它們
 JavaScript 陣列是 zero-indexed：陣列元素的索引值編排從 0 開始，而最後一個元素的索引值等同於陣列的 {{jsxref("Array.length", "length")}} 屬性減 1。
 
 ```js
-var arr = ['this is the first element', 'this is the second element'];
-console.log(arr[0]);              // 紀錄出 'this is the first element'
-console.log(arr[1]);              // 記錄出 'this is the second element'
+var arr = ["this is the first element", "this is the second element"];
+console.log(arr[0]); // 紀錄出 'this is the first element'
+console.log(arr[1]); // 記錄出 'this is the second element'
 console.log(arr[arr.length - 1]); // 記錄出 'this is the second element'
 ```
 
@@ -165,18 +166,18 @@ renderer['3d'].setTexture(model, 'character.png');  // 程式正常
 注意：以這個 `'3d'` 例子來說，必須用引號將 `3d` 包起來。您也可以將 JavaScript 陣列的索引用引號包起來（例如使用 `years['2']` 而不用 `years[2]`），但這不是必要的。JavaScript 會透過隱含的 `toString`，將 `years[2]` 當中的 2 強制轉換為字串。由於這個原因，`'2'` 與 `'02'` 會參照到 `years` 物件中的不同項目，下列程式範例結果可能回傳 `true`：
 
 ```js
-console.log(years['2'] != years['02']);
+console.log(years["2"] != years["02"]);
 ```
 
 另一種類似的情況是，物件屬性剛好與保留字（！）相同的情況。這種情況下僅能透過括號表示方式當中的字串常值來存取：
 
 ```js
 var promise = {
-  'var'  : 'text',
-  'array': [1, 2, 3, 4]
+  var: "text",
+  array: [1, 2, 3, 4],
 };
 
-console.log(promise['var']);
+console.log(promise["var"]);
 ```
 
 ### `length` 與數值屬性的關係
@@ -185,7 +186,7 @@ JavaScript 陣列的 {{jsxref("Array.length", "length")}} 屬性和其數值屬
 
 ```js
 var fruits = [];
-fruits.push('banana', 'apple', 'peach');
+fruits.push("banana", "apple", "peach");
 
 console.log(fruits.length); // 3
 ```
@@ -193,9 +194,9 @@ console.log(fruits.length); // 3
 如果給陣列設定一個數值屬性，其值為有效但超過當下範圍的陣列 index，JavaScript 引擎會依照此數值更新陣列的 {{jsxref("Array.length", "length")}} 屬性：
 
 ```js
-fruits[5] = 'mango';
+fruits[5] = "mango";
 console.log(fruits[5]); // 'mango'
-console.log(Object.keys(fruits));  // ['0', '1', '2', '5']
+console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
 console.log(fruits.length); // 6
 ```
 
@@ -227,7 +228,7 @@ console.log(fruits.length); // 2
 // 忽略大小寫
 
 var myRe = /d(b+)(d)/i;
-var myArray = myRe.exec('cdbBdbsbz');
+var myArray = myRe.exec("cdbBdbsbz");
 ```
 
 這項比對結果的屬性與元素參考如下：
@@ -353,11 +354,11 @@ var myArray = myRe.exec('cdbBdbsbz');
 
 ```js
 var msgArray = [];
-msgArray[0] = 'Hello';
-msgArray[99] = 'world';
+msgArray[0] = "Hello";
+msgArray[99] = "world";
 
 if (msgArray.length === 100) {
-  console.log('The length is 100.');
+  console.log("The length is 100.");
 }
 ```
 
@@ -367,21 +368,22 @@ if (msgArray.length === 100) {
 
 ```js
 var board = [
-  ['R','N','B','Q','K','B','N','R'],
-  ['P','P','P','P','P','P','P','P'],
-  [' ',' ',' ',' ',' ',' ',' ',' '],
-  [' ',' ',' ',' ',' ',' ',' ',' '],
-  [' ',' ',' ',' ',' ',' ',' ',' '],
-  [' ',' ',' ',' ',' ',' ',' ',' '],
-  ['p','p','p','p','p','p','p','p'],
-  ['r','n','b','q','k','b','n','r'] ];
-
-console.log(board.join('\n') + '\n\n');
+  ["R", "N", "B", "Q", "K", "B", "N", "R"],
+  ["P", "P", "P", "P", "P", "P", "P", "P"],
+  [" ", " ", " ", " ", " ", " ", " ", " "],
+  [" ", " ", " ", " ", " ", " ", " ", " "],
+  [" ", " ", " ", " ", " ", " ", " ", " "],
+  [" ", " ", " ", " ", " ", " ", " ", " "],
+  ["p", "p", "p", "p", "p", "p", "p", "p"],
+  ["r", "n", "b", "q", "k", "b", "n", "r"],
+];
+
+console.log(board.join("\n") + "\n\n");
 
 // 將士兵往前移兩步
 board[4][4] = board[6][4];
-board[6][4] = ' ';
-console.log(board.join('\n'));
+board[6][4] = " ";
+console.log(board.join("\n"));
 ```
 
 以下是輸出結果：
@@ -410,13 +412,10 @@ r,n,b,q,k,b,n,r
 
 ```js
 values = [];
-for (var x = 0; x < 10; x++){
- values.push([
-  2 ** x,
-  2 * x ** 2
- ])
-};
-console.table(values)
+for (var x = 0; x < 10; x++) {
+  values.push([2 ** x, 2 * x ** 2]);
+}
+console.table(values);
 ```
 
 結果會是
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
index 5bb70f8fc99c9f..d6aba5ff9357c2 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
@@ -40,9 +40,9 @@ arr.indexOf(searchElement[, fromIndex])
 
 ```js
 var array = [2, 9, 9];
-array.indexOf(2);     // 0
-array.indexOf(7);     // -1
-array.indexOf(9, 2);  // 2
+array.indexOf(2); // 0
+array.indexOf(7); // -1
+array.indexOf(9, 2); // 2
 array.indexOf(2, -1); // -1
 array.indexOf(2, -3); // 0
 ```
@@ -51,8 +51,8 @@ array.indexOf(2, -3); // 0
 
 ```js
 var indices = [];
-var array = ['a', 'b', 'a', 'c', 'a', 'd'];
-var element = 'a';
+var array = ["a", "b", "a", "c", "a", "d"];
+var element = "a";
 var idx = array.indexOf(element);
 while (idx != -1) {
   indices.push(idx);
@@ -65,20 +65,20 @@ console.log(indices);
 ### 尋找元素是否存在於陣列中，若沒有則加入到陣列裡。
 
 ```js
-function updateVegetablesCollection (veggies, veggie) {
-    if (veggies.indexOf(veggie) === -1) {
-        veggies.push(veggie);
-        console.log('New veggies collection is : ' + veggies);
-    } else if (veggies.indexOf(veggie) > -1) {
-        console.log(veggie + ' already exists in the veggies collection.');
-    }
+function updateVegetablesCollection(veggies, veggie) {
+  if (veggies.indexOf(veggie) === -1) {
+    veggies.push(veggie);
+    console.log("New veggies collection is : " + veggies);
+  } else if (veggies.indexOf(veggie) > -1) {
+    console.log(veggie + " already exists in the veggies collection.");
+  }
 }
 
-var veggies = ['potato', 'tomato', 'chillies', 'green-pepper'];
+var veggies = ["potato", "tomato", "chillies", "green-pepper"];
 
-updateVegetablesCollection(veggies, 'spinach');
+updateVegetablesCollection(veggies, "spinach");
 // New veggies collection is : potato,tomato,chillies,green-pepper,spinach
-updateVegetablesCollection(veggies, 'spinach');
+updateVegetablesCollection(veggies, "spinach");
 // spinach already exists in the veggies collection.
 ```
 
@@ -96,11 +96,12 @@ if (!Array.prototype.indexOf) {
     `TypeError` is thrown.
     */
     if (this == null) {
-      throw new TypeError("Array.prototype.indexOf() - can't convert `" + this + "` to object");
+      throw new TypeError(
+        "Array.prototype.indexOf() - can't convert `" + this + "` to object"
+      );
     }
 
-    var
-      index = isFinite(startFrom) ? Math.floor(startFrom) : 0,
+    var index = isFinite(startFrom) ? Math.floor(startFrom) : 0,
       that = this instanceof Object ? this : new Object(this),
       length = isFinite(that.length) ? Math.floor(that.length) : 0;
 
@@ -141,8 +142,7 @@ However, if you are more interested in all the little technical bits defined by
 // Production steps of ECMA-262, Edition 5, 15.4.4.14
 // Reference: http://es5.github.io/#x15.4.4.14
 if (!Array.prototype.indexOf) {
-  Array.prototype.indexOf = function(searchElement, fromIndex) {
-
+  Array.prototype.indexOf = function (searchElement, fromIndex) {
     var k;
 
     // 1. Let o be the result of calling ToObject passing
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/isarray/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/isarray/index.md
index 82fd4ffcf6222d..895738fb247292 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/isarray/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/isarray/index.md
@@ -8,15 +8,15 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/isArray
 **`Array.isArray()`** 函式會檢查傳入的值是否為一個 {{jsxref("Array")}}。
 
 ```js
-Array.isArray([1, 2, 3]);  // true
-Array.isArray({foo: 123}); // false
-Array.isArray('foobar');   // false
-Array.isArray(undefined);  // false
+Array.isArray([1, 2, 3]); // true
+Array.isArray({ foo: 123 }); // false
+Array.isArray("foobar"); // false
+Array.isArray(undefined); // false
 ```
 
 ## 語法
 
-```plain
+```js-nolint
 Array.isArray(obj)
 ```
 
@@ -42,7 +42,7 @@ Array.isArray(obj)
 Array.isArray([]);
 Array.isArray([1]);
 Array.isArray(new Array());
-Array.isArray(new Array('a', 'b', 'c', 'd'));
+Array.isArray(new Array("a", "b", "c", "d"));
 Array.isArray(new Array(3));
 // 小細節：Array.prototype 本身是陣列：
 Array.isArray(Array.prototype);
@@ -53,7 +53,7 @@ Array.isArray({});
 Array.isArray(null);
 Array.isArray(undefined);
 Array.isArray(17);
-Array.isArray('Array');
+Array.isArray("Array");
 Array.isArray(true);
 Array.isArray(false);
 Array.isArray({ __proto__: Array.prototype });
@@ -64,13 +64,13 @@ Array.isArray({ __proto__: Array.prototype });
 當檢查 `Array` 實例時，`Array.isArray` 相較於 `instanceof` 更加推薦，因為它可以穿透 `iframes`。
 
 ```js
-var iframe = document.createElement('iframe');
+var iframe = document.createElement("iframe");
 document.body.appendChild(iframe);
-xArray = window.frames[window.frames.length-1].Array;
-var arr = new xArray(1,2,3); // [1,2,3]
+xArray = window.frames[window.frames.length - 1].Array;
+var arr = new xArray(1, 2, 3); // [1,2,3]
 
 // 正確地檢查陣列型態
-Array.isArray(arr);  // true
+Array.isArray(arr); // true
 // 有害地，因為它不能在 iframes 之間正常運作
 arr instanceof Array; // false
 ```
@@ -81,8 +81,8 @@ arr instanceof Array; // false
 
 ```js
 if (!Array.isArray) {
-  Array.isArray = function(arg) {
-    return Object.prototype.toString.call(arg) === '[object Array]';
+  Array.isArray = function (arg) {
+    return Object.prototype.toString.call(arg) === "[object Array]";
   };
 }
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/join/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/join/index.md
index cf649428e442c6..90cc4eed5b7412 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/join/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/join/index.md
@@ -35,11 +35,11 @@ arr.join([separator])
 下方的範例中，首先宣告一個陣列—`a`，其中有三個元素。接著分別用：預設值、逗號、加號和空字串將陣列連接。
 
 ```js
-var a = ['Wind', 'Rain', 'Fire'];
-a.join();      // 'Wind,Rain,Fire'
-a.join(', ');  // 'Wind, Rain, Fire'
-a.join(' + '); // 'Wind + Rain + Fire'
-a.join('');    // 'WindRainFire'
+var a = ["Wind", "Rain", "Fire"];
+a.join(); // 'Wind,Rain,Fire'
+a.join(", "); // 'Wind, Rain, Fire'
+a.join(" + "); // 'Wind + Rain + Fire'
+a.join(""); // 'WindRainFire'
 ```
 
 ### 合併一個類陣列（array-like）物件
@@ -51,7 +51,7 @@ function f(a, b, c) {
   var s = Array.prototype.join.call(arguments);
   console.log(s); // '1,a,true'
 }
-f(1, 'a', true);
+f(1, "a", true);
 //expected output: "1,a,true"
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/keys/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/keys/index.md
index 8e37c856e24ce6..0a6442e4035e49 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/keys/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/keys/index.md
@@ -24,11 +24,11 @@ arr.keys()
 ### 鍵迭代器不會乎略陣列中的空元素
 
 ```js
-var arr = ['a', , 'c'];
+var arr = ["a", , "c"];
 var sparseKeys = Object.keys(arr);
 var denseKeys = [...arr.keys()];
 console.log(sparseKeys); // ['0', '2']
-console.log(denseKeys);  // [0, 1, 2]
+console.log(denseKeys); // [0, 1, 2]
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/lastindexof/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/lastindexof/index.md
index 8b8795362c7171..11d905b2b05a20 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/lastindexof/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/lastindexof/index.md
@@ -39,10 +39,10 @@ The following example uses `lastIndexOf` to locate values in an array.
 
 ```js
 var numbers = [2, 5, 9, 2];
-numbers.lastIndexOf(2);     // 3
-numbers.lastIndexOf(7);     // -1
-numbers.lastIndexOf(2, 3);  // 3
-numbers.lastIndexOf(2, 2);  // 0
+numbers.lastIndexOf(2); // 3
+numbers.lastIndexOf(7); // -1
+numbers.lastIndexOf(2, 3); // 3
+numbers.lastIndexOf(2, 2); // 0
 numbers.lastIndexOf(2, -2); // 0
 numbers.lastIndexOf(2, -1); // 3
 ```
@@ -53,12 +53,12 @@ The following example uses `lastIndexOf` to find all the indices of an element i
 
 ```js
 var indices = [];
-var array = ['a', 'b', 'a', 'c', 'a', 'd'];
-var element = 'a';
+var array = ["a", "b", "a", "c", "a", "d"];
+var element = "a";
 var idx = array.lastIndexOf(element);
 while (idx != -1) {
   indices.push(idx);
-  idx = (idx > 0 ? array.lastIndexOf(element, idx - 1) : -1);
+  idx = idx > 0 ? array.lastIndexOf(element, idx - 1) : -1;
 }
 
 console.log(indices);
@@ -75,14 +75,15 @@ Note that we have to handle the case `idx == 0` separately here because the elem
 // Production steps of ECMA-262, Edition 5, 15.4.4.15
 // Reference: http://es5.github.io/#x15.4.4.15
 if (!Array.prototype.lastIndexOf) {
-  Array.prototype.lastIndexOf = function(searchElement /*, fromIndex*/) {
-    'use strict';
+  Array.prototype.lastIndexOf = function (searchElement /*, fromIndex*/) {
+    "use strict";
 
     if (this === void 0 || this === null) {
       throw new TypeError();
     }
 
-    var n, k,
+    var n,
+      k,
       t = Object(this),
       len = t.length >>> 0;
     if (len === 0) {
@@ -94,8 +95,7 @@ if (!Array.prototype.lastIndexOf) {
       n = Number(arguments[1]);
       if (n != n) {
         n = 0;
-      }
-      else if (n != 0 && n != (1 / 0) && n != -(1 / 0)) {
+      } else if (n != 0 && n != 1 / 0 && n != -(1 / 0)) {
         n = (n > 0 || -1) * Math.floor(Math.abs(n));
       }
     }
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/length/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/length/index.md
index cfccda3d77dd8c..f65dd072b91fce 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/length/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/length/index.md
@@ -5,10 +5,10 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/length
 
 {{JSRef}}
 
-**`length`** 為`Array物件的屬性` ，可供設定或回傳該陣列實體中包含的元素個數。其值必為一大於零、32 位元、且恆大於該陣列最大索引數的正整數。
+**`length`** 為 `Array` 物件的屬性，可供設定或回傳該陣列實體中包含的元素個數。其值必為一大於零、32 位元、且恆大於該陣列最大索引數的正整數。
 
 ```js
-var items = ['shoes', 'shirts', 'socks', 'sweaters'];
+var items = ["shoes", "shirts", "socks", "sweaters"];
 items.length;
 
 // returns 4
@@ -20,15 +20,13 @@ items.length;
 
 ```js
 var namelistA = new Array(4294967296); //2^32 = 4294967296
-var namelistC = new Array(-100) //負數
+var namelistC = new Array(-100); //負數
 
 console.log(namelistA.length); //RangeError: Invalid array length
 console.log(namelistC.length); //RangeError: Invalid array length
 
-
-
 var namelistB = [];
-namelistB.length = Math.pow(2,32)-1; //將長度設定介於 0 ~ 2^32 -1
+namelistB.length = Math.pow(2, 32) - 1; //將長度設定介於 0 ~ 2^32 -1
 console.log(namelistB.length);
 
 //4294967295
@@ -88,7 +86,7 @@ console.log(numbers); // [1, 2, 3]
 console.log(numbers.length); // 3
 ```
 
-## 規格
+## 規範
 
 {{Specifications}}
 
@@ -96,6 +94,6 @@ console.log(numbers.length); // 3
 
 {{Compat}}
 
-## 其他
+## 參見
 
 - {{jsxref("Array")}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/map/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/map/index.md
index 2dbe563c4d1e5d..2685c17a1978b8 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/map/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/map/index.md
@@ -90,14 +90,16 @@ var roots = numbers.map(Math.sqrt); //map會return一個新的array
 以下程式碼取出一陣列，將其中物件變更格式後建立為一個新的陣列並傳回。
 
 ```js
-var kvArray = [{key: 1, value: 10},
-               {key: 2, value: 20},
-               {key: 3, value: 30}];
-
-var reformattedArray = kvArray.map(function(obj) {
-   var rObj = {};
-   rObj[obj.key] = obj.value;
-   return rObj;
+var kvArray = [
+  { key: 1, value: 10 },
+  { key: 2, value: 20 },
+  { key: 3, value: 30 },
+];
+
+var reformattedArray = kvArray.map(function (obj) {
+  var rObj = {};
+  rObj[obj.key] = obj.value;
+  return rObj;
 });
 
 // reformattedArray 現在是 [{1: 10}, {2: 20}, {3: 30}],
@@ -114,7 +116,7 @@ var reformattedArray = kvArray.map(function(obj) {
 
 ```js
 var numbers = [1, 4, 9];
-var doubles = numbers.map(function(num) {
+var doubles = numbers.map(function (num) {
   return num * 2;
 });
 
@@ -128,7 +130,7 @@ var doubles = numbers.map(function(num) {
 
 ```js
 var map = Array.prototype.map;
-var a = map.call('Hello World', function(x) {
+var a = map.call("Hello World", function (x) {
   return x.charCodeAt(0);
 });
 // a 現在等於 [72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]
@@ -139,8 +141,8 @@ var a = map.call('Hello World', function(x) {
 本範例將展示如何遍歷由 `querySelectorAll` 所產生的物件。我們將得到所有的選項、並印在主控台上：
 
 ```js
-var elems = document.querySelectorAll('select option:checked');
-var values = Array.prototype.map.call(elems, function(obj) {
+var elems = document.querySelectorAll("select option:checked");
+var values = Array.prototype.map.call(elems, function (obj) {
   return obj.value;
 });
 ```
@@ -155,7 +157,7 @@ var values = Array.prototype.map.call(elems, function(obj) {
 
 ```js
 // Consider:
-['1', '2', '3'].map(parseInt);
+["1", "2", "3"].map(parseInt);
 // 以為會是 [1, 2, 3] 嗎
 // 其實是 [1, NaN, NaN]
 
@@ -170,16 +172,16 @@ function returnInt(element) {
   return parseInt(element, 10);
 }
 
-['1', '2', '3'].map(returnInt); // [1, 2, 3]
+["1", "2", "3"].map(returnInt); // [1, 2, 3]
 // Actual result is an array of numbers (as expected)
 
 // Same as above, but using the concise arrow function syntax
-['1', '2', '3'].map( str => parseInt(str) );
+["1", "2", "3"].map((str) => parseInt(str));
 
 // A simpler way to achieve the above, while avoiding the "gotcha":
-['1', '2', '3'].map(Number); // [1, 2, 3]
+["1", "2", "3"].map(Number); // [1, 2, 3]
 // but unlike `parseInt` will also return a float or (resolved) exponential notation:
-['1.1', '2.2e2', '3e300'].map(Number); // [1.1, 220, 3e+300]
+["1.1", "2.2e2", "3e300"].map(Number); // [1.1, 220, 3e+300]
 ```
 
 ## Polyfill
@@ -190,13 +192,11 @@ function returnInt(element) {
 // Production steps of ECMA-262, Edition 5, 15.4.4.19
 // Reference: http://es5.github.io/#x15.4.4.19
 if (!Array.prototype.map) {
-
-  Array.prototype.map = function(callback/*, thisArg*/) {
-
+  Array.prototype.map = function (callback /*, thisArg*/) {
     var T, A, k;
 
     if (this == null) {
-      throw new TypeError('this is null or not defined');
+      throw new TypeError("this is null or not defined");
     }
 
     // 1. Let O be the result of calling ToObject passing the |this|
@@ -210,8 +210,8 @@ if (!Array.prototype.map) {
 
     // 4. If IsCallable(callback) is false, throw a TypeError exception.
     // See: http://es5.github.com/#x9.11
-    if (typeof callback !== 'function') {
-      throw new TypeError(callback + ' is not a function');
+    if (typeof callback !== "function") {
+      throw new TypeError(callback + " is not a function");
     }
 
     // 5. If thisArg was supplied, let T be thisArg; else let T be undefined.
@@ -229,7 +229,6 @@ if (!Array.prototype.map) {
 
     // 8. Repeat, while k < len
     while (k < len) {
-
       var kValue, mappedValue;
 
       // a. Let Pk be ToString(k).
@@ -239,7 +238,6 @@ if (!Array.prototype.map) {
       //   This step can be combined with c
       // c. If kPresent is true, then
       if (k in O) {
-
         // i. Let kValue be the result of calling the Get internal
         //    method of O with argument Pk.
         kValue = O[k];
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/of/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/of/index.md
index 05a3f2413f59f6..ee7455ddac85c8 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/of/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/of/index.md
@@ -70,7 +70,7 @@ console.log(Array.of.call({}, 1)); // [ 1 ]
 
 ```js
 if (!Array.of) {
-  Array.of = function() {
+  Array.of = function () {
     return Array.prototype.slice.call(arguments);
   };
 }
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/pop/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/pop/index.md
index 2a2efd9aed9a8e..6289fed305e6a5 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/pop/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/pop/index.md
@@ -34,7 +34,7 @@ arr.pop()
 下面的程式碼為一個包含四個元素的 `myFish` 陣列，接著移除此陣列的最後一個元素。
 
 ```js
-var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
+var myFish = ["angel", "clown", "mandarin", "sturgeon"];
 
 var popped = myFish.pop();
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/push/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/push/index.md
index 9b9d28d0721b33..680bd46b0f0001 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/push/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/push/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/push
 
 ## 語法
 
-```plain
+```js-nolint
 arr.push(element1[, ...[, elementN]])
 ```
 
@@ -39,11 +39,11 @@ arr.push(element1[, ...[, elementN]])
 以下的程式碼會建立含有兩個元素的陣列 `sports`，接著再增加兩個元素至陣列中。新的長度以變數 `total` 表示。
 
 ```js
-var sports = ['soccer', 'baseball'];
-var total = sports.push('football', 'swimming');
+var sports = ["soccer", "baseball"];
+var total = sports.push("football", "swimming");
 
 console.log(sports); // ['soccer', 'baseball', 'football', 'swimming']
-console.log(total);  // 4
+console.log(total); // 4
 ```
 
 ### 合併兩個陣列
@@ -53,8 +53,8 @@ console.log(total);  // 4
 如果第二個陣列（範例中的 `moreVegs`）非常大，就不要使用這個方法。因為一個函式能取得的參數之最大數量是受到實作限制的。詳細請參閱 {{jsxref("Function.apply", "apply()")}}。
 
 ```js
-var vegetables = ['parsnip', 'potato'];
-var moreVegs = ['celery', 'beetroot'];
+var vegetables = ["parsnip", "potato"];
+var moreVegs = ["celery", "beetroot"];
 
 // Merge the second array into the first one
 // Equivalent to vegetables.push('celery', 'beetroot');
@@ -69,13 +69,13 @@ console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot']
 
 ```js
 var obj = {
-    length: 0,
+  length: 0,
 
-    addElem: function addElem(elem) {
-        // obj.length is automatically incremented
-        // every time an element is added.
-        [].push.call(this, elem);
-    }
+  addElem: function addElem(elem) {
+    // obj.length is automatically incremented
+    // every time an element is added.
+    [].push.call(this, elem);
+  },
 };
 
 // Let's add some empty objects just to illustrate.
@@ -91,7 +91,7 @@ console.log(obj.length);
 
 {{Specifications}}
 
-## 瀏覽器支援度
+## 瀏覽器相容性
 
 {{Compat}}
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/reduce/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/reduce/index.md
index 3dcf852e333c7f..1081104510d1ca 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/reduce/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/reduce/index.md
@@ -11,13 +11,14 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/reduce
 
 ## 語法
 
-```plain
+```js-nolint
 arr.reduce(callback[accumulator, currentValue, currentIndex, array], initialValue)
 ```
 
 ### 參數
 
 - `callback`
+
   - : 用於處理陣列中每個元素的函式，可傳入四個參數：
 
     - `accumulator`
@@ -28,6 +29,7 @@ arr.reduce(callback[accumulator, currentValue, currentIndex, array], initialValu
       - : 原陣列目前所迭代處理中的元素之索引。若有傳入 `initialValue`，則由索引 0 之元素開始，若無則自索引 1 之元素開始。
     - `array` {{optional_inline}}
       - : 呼叫 `reduce()` 方法的陣列。
+
   - `initialValue` {{optional_inline}}
     - : 於第一次呼叫 `callback` 時要傳入的累加器初始值。若沒有提供初始值，則原陣列的第一個元素將會被當作初始的累加器。假如於一個空陣列呼叫 `reduce()` 方法且沒有提供累加器初始值，將會發生錯誤。
 
@@ -53,17 +55,16 @@ arr.reduce(callback[accumulator, currentValue, currentIndex, array], initialValu
 提供累加器初始值通常較為安全，因為在沒有傳入 `initialValue` 的情況下會有三種可能的輸出結果，如下列範例：
 
 ```js
-var maxCallback = ( acc, cur ) => Math.max( acc.x, cur.x );
-var maxCallback2 = ( max, cur ) => Math.max( max, cur );
+var maxCallback = (acc, cur) => Math.max(acc.x, cur.x);
+var maxCallback2 = (max, cur) => Math.max(max, cur);
 
 // reduce() without initialValue
-[ { x: 22 }, { x: 42 } ].reduce( maxCallback ); // 42
-[ { x: 22 }            ].reduce( maxCallback ); // { x: 22 }
-[                      ].reduce( maxCallback ); // TypeError
+[{ x: 22 }, { x: 42 }].reduce(maxCallback); // 42
+[{ x: 22 }].reduce(maxCallback); // { x: 22 }
+[].reduce(maxCallback); // TypeError
 
 // map/reduce; better solution, also works for empty or larger arrays
-[ { x: 22 }, { x: 42 } ].map( el => el.x )
-                        .reduce( maxCallback2, -Infinity );
+[{ x: 22 }, { x: 42 }].map((el) => el.x).reduce(maxCallback2, -Infinity);
 ```
 
 ### reduce() 如何運作
@@ -71,16 +72,14 @@ var maxCallback2 = ( max, cur ) => Math.max( max, cur );
 假設 `reduce()` 以下例方式使用：
 
 ```js
-[0, 1, 2, 3, 4].reduce(
-  function (
-    accumulator,
-    currentValue,
-    currentIndex,
-    array
-  ) {
-    return accumulator + currentValue;
-  }
-);
+[0, 1, 2, 3, 4].reduce(function (
+  accumulator,
+  currentValue,
+  currentIndex,
+  array
+) {
+  return accumulator + currentValue;
+});
 ```
 
 所傳入的回呼函式將被呼叫四次，所傳入的參數與回傳值如下所示：
@@ -97,18 +96,15 @@ var maxCallback2 = ( max, cur ) => Math.max( max, cur );
 你也可以傳入一個{{jsxref("Functions/Arrow_functions", "箭頭函式","",1)}}來替代一個完整的函式。下方的程式碼執行的結果將與前述例子相同。
 
 ```js
-[0, 1, 2, 3, 4].reduce( (prev, curr) => prev + curr );
+[0, 1, 2, 3, 4].reduce((prev, curr) => prev + curr);
 ```
 
 如果你有提供第二個參數值給 `reduce()`，執行的結果如下：
 
 ```js
-[0, 1, 2, 3, 4].reduce(
-  (accumulator, currentValue, currentIndex, array) => {
-    return accumulator + currentValue;
-  },
-  10
-);
+[0, 1, 2, 3, 4].reduce((accumulator, currentValue, currentIndex, array) => {
+  return accumulator + currentValue;
+}, 10);
 ```
 
 | `callback`  | `accumulator` | `currentValue` | `currentIndex` | `array`           | return value |
@@ -135,43 +131,41 @@ var sum = [0, 1, 2, 3].reduce(function (a, b) {
 另外，也可以寫成箭頭函式：
 
 ```js
-var total = [ 0, 1, 2, 3 ].reduce(
-  ( acc, cur ) => acc + cur,
-  0
-);
+var total = [0, 1, 2, 3].reduce((acc, cur) => acc + cur, 0);
 ```
 
 ### 攤平一個多維陣列
 
 ```js
-var flattened = [[0, 1], [2, 3], [4, 5]].reduce(
-  function(a, b) {
-    return a.concat(b);
-  },
-  []
-);
+var flattened = [
+  [0, 1],
+  [2, 3],
+  [4, 5],
+].reduce(function (a, b) {
+  return a.concat(b);
+}, []);
 // flattened is [0, 1, 2, 3, 4, 5]
 ```
 
 另外，也可以寫成箭頭函式：
 
 ```js
-var flattened = [[0, 1], [2, 3], [4, 5]].reduce(
-  ( acc, cur ) => acc.concat(cur),
-  []
-);
+var flattened = [
+  [0, 1],
+  [2, 3],
+  [4, 5],
+].reduce((acc, cur) => acc.concat(cur), []);
 ```
 
 ### 計算相同元素數量並以物件鍵值顯示
 
 ```js
-var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];
+var names = ["Alice", "Bob", "Tiff", "Bruce", "Alice"];
 
 var countedNames = names.reduce(function (allNames, name) {
   if (name in allNames) {
     allNames[name]++;
-  }
-  else {
+  } else {
     allNames[name] = 1;
   }
   return allNames;
@@ -185,25 +179,32 @@ var countedNames = names.reduce(function (allNames, name) {
 ```js
 // friends - an array of objects
 // where object field "books" - list of favorite books
-var friends = [{
-  name: 'Anna',
-  books: ['Bible', 'Harry Potter'],
-  age: 21
-}, {
-  name: 'Bob',
-  books: ['War and peace', 'Romeo and Juliet'],
-  age: 26
-}, {
-  name: 'Alice',
-  books: ['The Lord of the Rings', 'The Shining'],
-  age: 18
-}];
+var friends = [
+  {
+    name: "Anna",
+    books: ["Bible", "Harry Potter"],
+    age: 21,
+  },
+  {
+    name: "Bob",
+    books: ["War and peace", "Romeo and Juliet"],
+    age: 26,
+  },
+  {
+    name: "Alice",
+    books: ["The Lord of the Rings", "The Shining"],
+    age: 18,
+  },
+];
 
 // allbooks - list which will contain all friends' books +
 // additional list contained in initialValue
-var allbooks = friends.reduce(function(prev, curr) {
-  return [...prev, ...curr.books];
-}, ['Alphabet']);
+var allbooks = friends.reduce(
+  function (prev, curr) {
+    return [...prev, ...curr.books];
+  },
+  ["Alphabet"]
+);
 
 // allbooks = [
 //   'Alphabet', 'Bible', 'Harry Potter', 'War and peace',
@@ -217,10 +218,10 @@ var allbooks = friends.reduce(function(prev, curr) {
 ```js
 let arr = [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4];
 let result = arr.sort().reduce((init, current) => {
-    if (init.length === 0 || init[init.length - 1] !== current) {
-        init.push(current);
-    }
-    return init;
+  if (init.length === 0 || init[init.length - 1] !== current) {
+    init.push(current);
+  }
+  return init;
 }, []);
 console.log(result); //[1,2,3,4,5]
 ```
@@ -237,9 +238,8 @@ console.log(result); //[1,2,3,4,5]
 function runPromiseInSequense(arr) {
   return arr.reduce((promiseChain, currentPromise) => {
     return promiseChain.then((chainedResult) => {
-      return currentPromise(chainedResult)
-        .then((res) => res)
-    })
+      return currentPromise(chainedResult).then((res) => res);
+    });
   }, Promise.resolve());
 }
 
@@ -265,10 +265,9 @@ function p3(a) {
 }
 
 const promiseArr = [p1, p2, p3];
-runPromiseInSequense(promiseArr)
-  .then((res) => {
-    console.log(res);   // 30
-  });
+runPromiseInSequense(promiseArr).then((res) => {
+  console.log(res); // 30
+});
 ```
 
 ## Polyfill
@@ -278,15 +277,15 @@ runPromiseInSequense(promiseArr)
 // Reference: http://es5.github.io/#x15.4.4.21
 // https://tc39.github.io/ecma262/#sec-array.prototype.reduce
 if (!Array.prototype.reduce) {
-  Object.defineProperty(Array.prototype, 'reduce', {
-    value: function(callback /*, initialValue*/) {
+  Object.defineProperty(Array.prototype, "reduce", {
+    value: function (callback /*, initialValue*/) {
       if (this === null) {
-        throw new TypeError( 'Array.prototype.reduce ' +
-          'called on null or undefined' );
+        throw new TypeError(
+          "Array.prototype.reduce " + "called on null or undefined"
+        );
       }
-      if (typeof callback !== 'function') {
-        throw new TypeError( callback +
-          ' is not a function');
+      if (typeof callback !== "function") {
+        throw new TypeError(callback + " is not a function");
       }
 
       // 1. Let O be ? ToObject(this value).
@@ -309,8 +308,9 @@ if (!Array.prototype.reduce) {
         // 3. If len is 0 and initialValue is not present,
         //    throw a TypeError exception.
         if (k >= len) {
-          throw new TypeError( 'Reduce of empty array ' +
-            'with no initial value' );
+          throw new TypeError(
+            "Reduce of empty array " + "with no initial value"
+          );
         }
         value = o[k++];
       }
@@ -334,7 +334,7 @@ if (!Array.prototype.reduce) {
 
       // 9. Return accumulator.
       return value;
-    }
+    },
   });
 }
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/reverse/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/reverse/index.md
index f78efee4f34bff..e8a87223efc519 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/reverse/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/reverse/index.md
@@ -5,13 +5,13 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/reverse
 
 {{JSRef}}
 
-**`reverse()`** 方法會*[原地（in place）](https://zh.wikipedia.org/wiki/%E5%8E%9F%E5%9C%B0%E7%AE%97%E6%B3%95)*反轉（reverses）一個陣列。陣列中的第一個元素變為最後一個，而最後一個元素則變成第一個。
+**`reverse()`** 方法會[_原地_（in place）](https://zh.wikipedia.org/wiki/原地算法)反轉（reverse）一個陣列。陣列中的第一個元素變為最後一個，而最後一個元素則變成第一個。
 
 {{EmbedInteractiveExample("pages/js/array-reverse.html")}}
 
 ## 語法
 
-```plain
+```js-nolint
 a.reverse()
 ```
 
@@ -30,10 +30,10 @@ a.reverse()
 下列範例建立了一個包含三個元素的陣列 `a`，接著反轉此陣列。呼叫 `reverse()` 會回傳一個反轉後的原陣列 `a` 之參考。
 
 ```js
-var a = ['one', 'two', 'three'];
+var a = ["one", "two", "three"];
 var reversed = a.reverse();
 
-console.log(a);        // ['three', 'two', 'one']
+console.log(a); // ['three', 'two', 'one']
 console.log(reversed); // ['three', 'two', 'one']
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/shift/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/shift/index.md
index c0cc718b4a5b57..3d1f217fdf3d42 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/shift/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/shift/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/shift
 
 ## 語法
 
-```plain
+```js-nolint
 arr.shift()
 ```
 
@@ -32,17 +32,17 @@ arr.shift()
 以下的程式碼會印出 `myFish` 陣列在移除第一個元素之前跟之後的內容，也印出了被移除的元素：
 
 ```js
-var myFish = ['angel', 'clown', 'mandarin', 'surgeon'];
+var myFish = ["angel", "clown", "mandarin", "surgeon"];
 
-console.log('myFish before:', JSON.stringify(myFish));
+console.log("myFish before:", JSON.stringify(myFish));
 // myFish before: ['angel', 'clown', 'mandarin', 'surgeon']
 
 var shifted = myFish.shift();
 
-console.log('myFish after:', myFish);
+console.log("myFish after:", myFish);
 // myFish after: ['clown', 'mandarin', 'surgeon']
 
-console.log('Removed this element:', shifted);
+console.log("Removed this element:", shifted);
 // Removed this element: angel
 ```
 
@@ -51,10 +51,10 @@ console.log('Removed this element:', shifted);
 `shift()` 方法常被用在 while 迴圈中的條件判斷。在下面的例子，每一次迭代都將會自陣列中移除下一個元素，直到陣列空了為止：
 
 ```js
-var names = ["Andrew", "Edward", "Paul", "Chris" ,"John"];
+var names = ["Andrew", "Edward", "Paul", "Chris", "John"];
 
-while( (i = names.shift()) !== undefined ) {
-    console.log(i);
+while ((i = names.shift()) !== undefined) {
+  console.log(i);
 }
 // Andrew, Edward, Paul, Chris, John
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/slice/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/slice/index.md
index 83c37dd0b46498..cba97131a2427c 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/slice/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/slice/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/slice
 
 ## 語法
 
-```plain
+```js-nolint
 arr.slice([begin[, end]])
 ```
 
@@ -40,7 +40,7 @@ arr.slice([begin[, end]])
 ### Return a portion of an existing array
 
 ```js
-var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'];
+var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
 var citrus = fruits.slice(1, 3);
 
 // fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
@@ -53,24 +53,24 @@ In the following example, `slice` creates a new array, `newCar`, from `myCar`. B
 
 ```js
 // Using slice, create newCar from myCar.
-var myHonda = { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } };
-var myCar = [myHonda, 2, 'cherry condition', 'purchased 1997'];
+var myHonda = { color: "red", wheels: 4, engine: { cylinders: 4, size: 2.2 } };
+var myCar = [myHonda, 2, "cherry condition", "purchased 1997"];
 var newCar = myCar.slice(0, 2);
 
 // Display the values of myCar, newCar, and the color of myHonda
 //  referenced from both arrays.
-console.log('myCar = ' + JSON.stringify(myCar));
-console.log('newCar = ' + JSON.stringify(newCar));
-console.log('myCar[0].color = ' + myCar[0].color);
-console.log('newCar[0].color = ' + newCar[0].color);
+console.log("myCar = " + JSON.stringify(myCar));
+console.log("newCar = " + JSON.stringify(newCar));
+console.log("myCar[0].color = " + myCar[0].color);
+console.log("newCar[0].color = " + newCar[0].color);
 
 // Change the color of myHonda.
-myHonda.color = 'purple';
-console.log('The new color of my Honda is ' + myHonda.color);
+myHonda.color = "purple";
+console.log("The new color of my Honda is " + myHonda.color);
 
 // Display the color of myHonda referenced from both arrays.
-console.log('myCar[0].color = ' + myCar[0].color);
-console.log('newCar[0].color = ' + newCar[0].color);
+console.log("myCar[0].color = " + myCar[0].color);
+console.log("newCar[0].color = " + newCar[0].color);
 ```
 
 This script writes:
@@ -126,36 +126,39 @@ Although host objects (such as DOM objects) are not required by spec to follow t
  * called on other DOM objects.
  */
 (function () {
-  'use strict';
+  "use strict";
   var _slice = Array.prototype.slice;
 
   try {
     // Can't be used with DOM elements in IE < 9
     _slice.call(document.documentElement);
-  } catch (e) { // Fails in IE < 9
+  } catch (e) {
+    // Fails in IE < 9
     // This will work for genuine arrays, array-like objects,
     // NamedNodeMap (attributes, entities, notations),
     // NodeList (e.g., getElementsByTagName), HTMLCollection (e.g., childNodes),
     // and will not fail on other DOM objects (as do DOM elements in IE < 9)
-    Array.prototype.slice = function(begin, end) {
+    Array.prototype.slice = function (begin, end) {
       // IE < 9 gets unhappy with an undefined end argument
-      end = (typeof end !== 'undefined') ? end : this.length;
+      end = typeof end !== "undefined" ? end : this.length;
 
       // For native Array objects, we use the native slice function
-      if (Object.prototype.toString.call(this) === '[object Array]'){
+      if (Object.prototype.toString.call(this) === "[object Array]") {
         return _slice.call(this, begin, end);
       }
 
       // For array like object we handle it ourselves.
-      var i, cloned = [],
-        size, len = this.length;
+      var i,
+        cloned = [],
+        size,
+        len = this.length;
 
       // Handle negative value for "begin"
       var start = begin || 0;
-      start = (start >= 0) ? start : Math.max(0, len + start);
+      start = start >= 0 ? start : Math.max(0, len + start);
 
       // Handle negative value for "end"
-      var upTo = (typeof end == 'number') ? Math.min(end, len) : len;
+      var upTo = typeof end == "number" ? Math.min(end, len) : len;
       if (end < 0) {
         upTo = len + end;
       }
@@ -179,7 +182,7 @@ Although host objects (such as DOM objects) are not required by spec to follow t
       return cloned;
     };
   }
-}());
+})();
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/some/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/some/index.md
index c731ad323eb0b0..35e31497ff2f29 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/some/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/some/index.md
@@ -13,7 +13,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/some
 
 ## 語法
 
-```plain
+```js-nolint
 arr.some(callback[, thisArg])
 ```
 
@@ -60,7 +60,7 @@ function isBiggerThan10(element, index, array) {
   return element > 10;
 }
 
-[2, 5, 8, 1, 4].some(isBiggerThan10);  // false
+[2, 5, 8, 1, 4].some(isBiggerThan10); // false
 [12, 5, 8, 1, 4].some(isBiggerThan10); // true
 ```
 
@@ -71,8 +71,8 @@ function isBiggerThan10(element, index, array) {
 [箭頭函式](/zh-TW/docs/Web/JavaScript/Reference/Functions/Arrow_functions)能給相同的測試，提供更簡潔的語法。
 
 ```js
-[2, 5, 8, 1, 4].some(x => x > 10); //false
-[12, 5, 8, 1, 4].some(x => x > 10); // true
+[2, 5, 8, 1, 4].some((x) => x > 10); //false
+[12, 5, 8, 1, 4].some((x) => x > 10); // true
 ```
 
 {{ EmbedLiveSample('使用箭頭函式測試') }}
@@ -82,16 +82,16 @@ function isBiggerThan10(element, index, array) {
 To mimic the function of the `includes()` method, this custom function returns `true` if the element exists in the array:
 
 ```js
-const fruits = ['apple', 'banana', 'mango', 'guava'];
+const fruits = ["apple", "banana", "mango", "guava"];
 
 function checkAvailability(arr, val) {
-  return arr.some(function(arrVal) {
+  return arr.some(function (arrVal) {
     return val === arrVal;
   });
 }
 
-checkAvailability(fruits, 'kela');   // false
-checkAvailability(fruits, 'banana'); // true
+checkAvailability(fruits, "kela"); // false
+checkAvailability(fruits, "banana"); // true
 ```
 
 {{ EmbedLiveSample('測試陣列元素的數值是否存在') }}
@@ -99,14 +99,14 @@ checkAvailability(fruits, 'banana'); // true
 ### Checking whether a value exists using an arrow function
 
 ```js
-const fruits = ['apple', 'banana', 'mango', 'guava'];
+const fruits = ["apple", "banana", "mango", "guava"];
 
 function checkAvailability(arr, val) {
-  return arr.some(arrVal => val === arrVal);
+  return arr.some((arrVal) => val === arrVal);
 }
 
-checkAvailability(fruits, 'kela');   // false
-checkAvailability(fruits, 'banana'); // true
+checkAvailability(fruits, "kela"); // false
+checkAvailability(fruits, "banana"); // true
 ```
 
 {{ EmbedLiveSample('Checking_whether_a_value_exists_using_an_arrow_function') }}
@@ -114,24 +114,24 @@ checkAvailability(fruits, 'banana'); // true
 ### Converting any value to Boolean
 
 ```js
-const TRUTHY_VALUES = [true, 'true', 1];
+const TRUTHY_VALUES = [true, "true", 1];
 
 function getBoolean(value) {
-  'use strict';
+  "use strict";
 
-  if (typeof value === 'string') {
+  if (typeof value === "string") {
     value = value.toLowerCase().trim();
   }
 
-  return TRUTHY_VALUES.some(function(t) {
+  return TRUTHY_VALUES.some(function (t) {
     return t === value;
   });
 }
 
-getBoolean(false);   // false
-getBoolean('false'); // false
-getBoolean(1);       // true
-getBoolean('true');  // true
+getBoolean(false); // false
+getBoolean("false"); // false
+getBoolean(1); // true
+getBoolean("true"); // true
 ```
 
 {{ EmbedLiveSample('Converting_any_value_to_Boolean') }}
@@ -144,14 +144,14 @@ getBoolean('true');  // true
 // Production steps of ECMA-262, Edition 5, 15.4.4.17
 // Reference: http://es5.github.io/#x15.4.4.17
 if (!Array.prototype.some) {
-  Array.prototype.some = function(fun, thisArg) {
-    'use strict';
+  Array.prototype.some = function (fun, thisArg) {
+    "use strict";
 
     if (this == null) {
-      throw new TypeError('Array.prototype.some called on null or undefined');
+      throw new TypeError("Array.prototype.some called on null or undefined");
     }
 
-    if (typeof fun !== 'function') {
+    if (typeof fun !== "function") {
       throw new TypeError();
     }
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/sort/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/sort/index.md
index 747638c8dd32cf..741694b8f2949f 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/sort/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/sort/index.md
@@ -13,7 +13,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/sort
 
 ## 語法
 
-```plain
+```js-nolint
 arr.sort([compareFunction])
 ```
 
@@ -24,7 +24,7 @@ arr.sort([compareFunction])
 
 ### 回傳值
 
-排序後的陣列。請注意此為*[原地（in place）](https://zh.wikipedia.org/wiki/%E5%8E%9F%E5%9C%B0%E7%AE%97%E6%B3%95)*進行排序過的陣列，並且不是原陣列的拷貝。
+排序後的陣列。請注意此為[_原地_（in place）](https://zh.wikipedia.org/wiki/原地算法)進行排序過的陣列，並且不是原陣列的拷貝。
 
 ## 描述
 
@@ -64,7 +64,7 @@ function compareNumbers(a, b) {
 
 ```js
 var numbers = [4, 2, 5, 1, 3];
-numbers.sort(function(a, b) {
+numbers.sort(function (a, b) {
   return a - b;
 });
 console.log(numbers);
@@ -76,12 +76,12 @@ console.log(numbers);
 
 ```js
 var items = [
-  { name: 'Edward', value: 21 },
-  { name: 'Sharpe', value: 37 },
-  { name: 'And', value: 45 },
-  { name: 'The', value: -12 },
-  { name: 'Magnetic', value: 13 },
-  { name: 'Zeros', value: 37 }
+  { name: "Edward", value: 21 },
+  { name: "Sharpe", value: 37 },
+  { name: "And", value: 45 },
+  { name: "The", value: -12 },
+  { name: "Magnetic", value: 13 },
+  { name: "Zeros", value: 37 },
 ];
 
 // sort by value
@@ -90,7 +90,7 @@ items.sort(function (a, b) {
 });
 
 // sort by name
-items.sort(function(a, b) {
+items.sort(function (a, b) {
   var nameA = a.name.toUpperCase(); // ignore upper and lowercase
   var nameB = b.name.toUpperCase(); // ignore upper and lowercase
   if (nameA < nameB) {
@@ -112,29 +112,35 @@ items.sort(function(a, b) {
 下列範例建立了四個陣列並顯示其原本陣列內容、再進行排序。數字陣列先不使用比較函式（compare function）來排序，接著才依據比較函式進行排序。
 
 ```js
-var stringArray = ['Blue', 'Humpback', 'Beluga'];
-var numericStringArray = ['80', '9', '700'];
+var stringArray = ["Blue", "Humpback", "Beluga"];
+var numericStringArray = ["80", "9", "700"];
 var numberArray = [40, 1, 5, 200];
-var mixedNumericArray = ['80', '9', '700', 40, 1, 5, 200];
+var mixedNumericArray = ["80", "9", "700", 40, 1, 5, 200];
 
 function compareNumbers(a, b) {
   return a - b;
 }
 
-console.log('stringArray:', stringArray.join());
-console.log('Sorted:', stringArray.sort());
-
-console.log('numberArray:', numberArray.join());
-console.log('Sorted without a compare function:', numberArray.sort());
-console.log('Sorted with compareNumbers:', numberArray.sort(compareNumbers));
-
-console.log('numericStringArray:', numericStringArray.join());
-console.log('Sorted without a compare function:', numericStringArray.sort());
-console.log('Sorted with compareNumbers:', numericStringArray.sort(compareNumbers));
-
-console.log('mixedNumericArray:', mixedNumericArray.join());
-console.log('Sorted without a compare function:', mixedNumericArray.sort());
-console.log('Sorted with compareNumbers:', mixedNumericArray.sort(compareNumbers));
+console.log("stringArray:", stringArray.join());
+console.log("Sorted:", stringArray.sort());
+
+console.log("numberArray:", numberArray.join());
+console.log("Sorted without a compare function:", numberArray.sort());
+console.log("Sorted with compareNumbers:", numberArray.sort(compareNumbers));
+
+console.log("numericStringArray:", numericStringArray.join());
+console.log("Sorted without a compare function:", numericStringArray.sort());
+console.log(
+  "Sorted with compareNumbers:",
+  numericStringArray.sort(compareNumbers)
+);
+
+console.log("mixedNumericArray:", mixedNumericArray.join());
+console.log("Sorted without a compare function:", mixedNumericArray.sort());
+console.log(
+  "Sorted with compareNumbers:",
+  mixedNumericArray.sort(compareNumbers)
+);
 ```
 
 這個範例將產生下列結果。就如結果所示，當使用比較函式時，數字會被正確的排序，不管是數字還是數字字串。
@@ -161,7 +167,7 @@ Sorted with compareNumbers: 1,5,9,40,80,200,700
 為了排列非 ASCII 字元，即重音節字元（e、é、è、a、ä 等等），非英語字串：利用 {{jsxref("String.localeCompare")}}。此函式將比較這些字元，所以結果將會顯示正確的順序。
 
 ```js
-var items = ['réservé', 'premier', 'cliché', 'communiqué', 'café', 'adieu'];
+var items = ["réservé", "premier", "cliché", "communiqué", "café", "adieu"];
 items.sort(function (a, b) {
   return a.localeCompare(b);
 });
@@ -175,15 +181,15 @@ items.sort(function (a, b) {
 
 ```js
 // the array to be sorted
-var list = ['Delta', 'alpha', 'CHARLIE', 'bravo'];
+var list = ["Delta", "alpha", "CHARLIE", "bravo"];
 
 // temporary array holds objects with position and sort-value
-var mapped = list.map(function(el, i) {
+var mapped = list.map(function (el, i) {
   return { index: i, value: el.toLowerCase() };
-})
+});
 
 // sorting the mapped array containing the reduced values
-mapped.sort(function(a, b) {
+mapped.sort(function (a, b) {
   if (a.value > b.value) {
     return 1;
   }
@@ -194,7 +200,7 @@ mapped.sort(function(a, b) {
 });
 
 // container for the resulting order
-var result = mapped.map(function(el){
+var result = mapped.map(function (el) {
   return list[el.index];
 });
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/splice/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/splice/index.md
index 54992e9cf0dbca..9942805ac7d870 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/splice/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/splice/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/splice
 
 ## 語法
 
-```plain
+```js-nolint
 array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
 ```
 
@@ -37,8 +37,8 @@ array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
 ### 從索引 2 的位置開始，刪除 0 個元素並插入「drum」
 
 ```js
-var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
-var removed = myFish.splice(2, 0, 'drum');
+var myFish = ["angel", "clown", "mandarin", "sturgeon"];
+var removed = myFish.splice(2, 0, "drum");
 
 // myFish 為 ["angel", "clown", "drum", "mandarin", "sturgeon"]
 // removed 為 [], 沒有元素被刪除
@@ -47,7 +47,7 @@ var removed = myFish.splice(2, 0, 'drum');
 ### 從索引 3 的位置開始，刪除 1 個元素
 
 ```js
-var myFish = ['angel', 'clown', 'drum', 'mandarin', 'sturgeon'];
+var myFish = ["angel", "clown", "drum", "mandarin", "sturgeon"];
 var removed = myFish.splice(3, 1);
 
 // removed 為 ["mandarin"]
@@ -57,8 +57,8 @@ var removed = myFish.splice(3, 1);
 ### 從索引 2 的位置開始，刪除 1 個元素並插入「trumpet」
 
 ```js
-var myFish = ['angel', 'clown', 'drum', 'sturgeon'];
-var removed = myFish.splice(2, 1, 'trumpet');
+var myFish = ["angel", "clown", "drum", "sturgeon"];
+var removed = myFish.splice(2, 1, "trumpet");
 
 // myFish 為 ["angel", "clown", "trumpet", "sturgeon"]
 // removed 為 ["drum"]
@@ -67,8 +67,8 @@ var removed = myFish.splice(2, 1, 'trumpet');
 ### 從索引 0 的位置開始，刪除 2 個元素並插入「parrot」、「anemone」和「blue」
 
 ```js
-var myFish = ['angel', 'clown', 'trumpet', 'sturgeon'];
-var removed = myFish.splice(0, 2, 'parrot', 'anemone', 'blue');
+var myFish = ["angel", "clown", "trumpet", "sturgeon"];
+var removed = myFish.splice(0, 2, "parrot", "anemone", "blue");
 
 // myFish 為 ["parrot", "anemone", "blue", "trumpet", "sturgeon"]
 // removed 為 ["angel", "clown"]
@@ -77,7 +77,7 @@ var removed = myFish.splice(0, 2, 'parrot', 'anemone', 'blue');
 ### 從索引 2 的位置開始，刪除 2 個元素
 
 ```js
-var myFish = ['parrot', 'anemone', 'blue', 'trumpet', 'sturgeon'];
+var myFish = ["parrot", "anemone", "blue", "trumpet", "sturgeon"];
 var removed = myFish.splice(myFish.length - 3, 2);
 
 // myFish 為 ["parrot", "anemone", "sturgeon"]
@@ -87,7 +87,7 @@ var removed = myFish.splice(myFish.length - 3, 2);
 ### 從索引 -2 的位置開始，刪除 1 個元素
 
 ```js
-var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
+var myFish = ["angel", "clown", "mandarin", "sturgeon"];
 var removed = myFish.splice(-2, 1);
 
 // myFish 為 ["angel", "clown", "sturgeon"]
@@ -97,7 +97,7 @@ var removed = myFish.splice(-2, 1);
 ### 從索引 2 的位置開始，刪除所有元素（含索引 2）
 
 ```js
-var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
+var myFish = ["angel", "clown", "mandarin", "sturgeon"];
 var removed = myFish.splice(2);
 
 // myFish 為 ["angel", "clown"]
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/tostring/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/tostring/index.md
index 245e9a8d1f87c3..14a7ec4155bf40 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/tostring/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/tostring/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/toString
 
 ## 語法
 
-```js
+```js-nolint
 toString()
 ```
 
@@ -36,13 +36,13 @@ toString()
 ### 如何使用 toString
 
 ```js
-const array1 = [1, 2, 'a', '1a'];
+const array1 = [1, 2, "a", "1a"];
 
 console.log(array1.toString());
 // expected output: "1,2,a,1a"
 ```
 
-## 規格
+## 規範
 
 {{Specifications}}
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/values/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/values/index.md
index 64cc529c2b7989..f069a1e357056d 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/values/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/values/index.md
@@ -5,10 +5,10 @@ slug: Web/JavaScript/Reference/Global_Objects/Array/values
 
 {{JSRef}}
 
-**`values()`** 方法會回傳一個包含陣列中的每一個索引之對應值（values）的新 **`Array Iterator`** 物件。
+**`values()`** 方法會回傳一個包含陣列中的每一個索引之對應值（value）的新 **`Array Iterator`** 物件。
 
 ```js
-var a = ['w', 'y', 'k', 'o', 'p'];
+var a = ["w", "y", "k", "o", "p"];
 var iterator = a.values();
 
 console.log(iterator.next().value); // w
@@ -20,7 +20,7 @@ console.log(iterator.next().value); // p
 
 ## 語法
 
-```plain
+```js-nolint
 arr.values()
 ```
 
@@ -30,10 +30,10 @@ arr.values()
 
 ## 範例
 
-### 使用 [`for...of`](/zh-TW/docs/Web/JavaScript/Reference/Statements/for...of) 迴圈進行迭代
+### 使用 for...of 迴圈進行迭代
 
 ```js
-var arr = ['w', 'y', 'k', 'o', 'p'];
+var arr = ["w", "y", "k", "o", "p"];
 var iterator = arr.values();
 
 for (let letter of iterator) {
diff --git a/files/zh-tw/web/javascript/reference/global_objects/arraybuffer/index.md b/files/zh-tw/web/javascript/reference/global_objects/arraybuffer/index.md
index 104bf6869683a7..c84e51573a638e 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/arraybuffer/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/arraybuffer/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer
 
 ## 語法
 
-```plain
+```js-nolint
 new ArrayBuffer(length)
 ```
 
@@ -73,7 +73,7 @@ In this example, we create a 8-byte buffer with a {{jsxref("Global_Objects/Int32
 
 ```js
 var buffer = new ArrayBuffer(8);
-var view   = new Int32Array(buffer);
+var view = new Int32Array(buffer);
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/asyncfunction/index.md b/files/zh-tw/web/javascript/reference/global_objects/asyncfunction/index.md
index 819c1f61354213..65a3f91d8a4051 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/asyncfunction/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/asyncfunction/index.md
@@ -10,12 +10,12 @@ slug: Web/JavaScript/Reference/Global_Objects/AsyncFunction
 注意 `AsyncFunction` 不是一個全域物件。 它可以以下程式碼獲得。
 
 ```js
-Object.getPrototypeOf(async function(){}).constructor
+const AsyncFunction = async function () {}.constructor;
 ```
 
 ## 語法
 
-```plain
+```js-nolint
 new AsyncFunction([arg1[, arg2[, ...argN]],] functionBody)
 ```
 
@@ -49,20 +49,22 @@ All arguments passed to the function are treated as the names of the identifiers
 
 ```js
 function resolveAfter2Seconds(x) {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     setTimeout(() => {
       resolve(x);
     }, 2000);
   });
 }
 
-var AsyncFunction = Object.getPrototypeOf(async function(){}).constructor
+var AsyncFunction = Object.getPrototypeOf(async function () {}).constructor;
 
-var a = new AsyncFunction('a',
-                          'b',
-                          'return await resolveAfter2Seconds(a) + await resolveAfter2Seconds(b);');
+var a = new AsyncFunction(
+  "a",
+  "b",
+  "return await resolveAfter2Seconds(a) + await resolveAfter2Seconds(b);"
+);
 
-a(10, 20).then(v => {
+a(10, 20).then((v) => {
   console.log(v); // prints 30 after 4 seconds
 });
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/bigint/index.md b/files/zh-tw/web/javascript/reference/global_objects/bigint/index.md
index 80a8f99035d570..b132b82951af4a 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/bigint/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/bigint/index.md
@@ -36,7 +36,9 @@ const hugeString = BigInt("9007199254740991");
 const hugeHex = BigInt("0x1fffffffffffff");
 // ↪ 9007199254740991n
 
-const hugeBin = BigInt("0b11111111111111111111111111111111111111111111111111111");
+const hugeBin = BigInt(
+  "0b11111111111111111111111111111111111111111111111111111"
+);
 // ↪ 9007199254740991n
 ```
 
@@ -51,17 +53,17 @@ const hugeBin = BigInt("0b11111111111111111111111111111111111111111111111111111"
 當使用 `typeof` 測試時，一個 `BigInt` 會回傳 "bigint"：
 
 ```js
-typeof 1n === 'bigint'; // true
-typeof BigInt('1') === 'bigint'; // true
+typeof 1n === "bigint"; // true
+typeof BigInt("1") === "bigint"; // true
 ```
 
 當使用 `Object` 來包裹時，`BigInt` 會被看成是普通的 "object" 型態：
 
 ```js
-typeof Object(1n) === 'object'; // true
+typeof Object(1n) === "object"; // true
 ```
 
-### Operators
+### Operator
 
 下列的運算子可以被用在 `BigInt` 上 (或由 object 包裹的 `BigInt`): `+`, `*`, `-`, `**`, `%`.
 
@@ -108,29 +110,29 @@ const rounded = 5n / 2n;
 一個 `BigInt` 並不嚴格等於一個 {{JSxRef("Global_Objects/Number", "Number")}}，但他們會一般相等。
 
 ```js
-0n === 0
+0n === 0;
 // ↪ false
 
-0n == 0
+0n == 0;
 // ↪ true
 ```
 
 一個 {{JSxRef("Global_Objects/Number", "Number")}} 和 `BigInt` 可以像普通運算一樣比較。
 
 ```js
-1n < 2
+1n < 2;
 // ↪ true
 
-2n > 1
+2n > 1;
 // ↪ true
 
-2 > 2
+2 > 2;
 // ↪ false
 
-2n > 2
+2n > 2;
 // ↪ false
 
-2n >= 2
+2n >= 2;
 // ↪ true
 ```
 
@@ -151,38 +153,38 @@ Note that comparisons with `Object`-wrapped `BigInt`s act as with other objects,
 Object(0n) === Object(0n); // false
 
 const o = Object(0n);
-o === o // true
+o === o; // true
 ```
 
-### Conditionals
+### Conditional
 
 A `BigInt` behaves like a {{JSxRef("Global_Objects/Number", "Number")}} in cases where it is converted to a {{JSxRef("Global_Objects/Boolean", "Boolean")}}: via the {{JSxRef("Global_Objects/Boolean", "Boolean")}} function; when used with logical operators {{JSxRef("Operators/Logical_Operators", "Logical Operators")}} `||`, `&&`, and `!`; or within a conditional test like an {{JSxRef("Statements/if...else", "if statement")}}.
 
 ```js
 if (0n) {
-  console.log('Hello from the if!');
+  console.log("Hello from the if!");
 } else {
-  console.log('Hello from the else!');
+  console.log("Hello from the else!");
 }
 
 // ↪ "Hello from the else!"
 
-0n || 12n
+0n || 12n;
 // ↪ 12n
 
-0n && 12n
+0n && 12n;
 // ↪ 0n
 
-Boolean(0n)
+Boolean(0n);
 // ↪ false
 
-Boolean(12n)
+Boolean(12n);
 // ↪ true
 
-!12n
+!12n;
 // ↪ false
 
-!0n
+!0n;
 // ↪ true
 ```
 
@@ -249,7 +251,7 @@ function nthPrime(nth) {
   return prime;
 }
 
-nthPrime(20n)
+nthPrime(20n);
 // ↪ 73n
 ```
 
@@ -261,6 +263,6 @@ nthPrime(20n)
 
 {{Compat}}
 
-## 另見
+## 參見
 
 - {{JSxRef("Number")}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/boolean/index.md b/files/zh-tw/web/javascript/reference/global_objects/boolean/index.md
index 804d4ce2fea988..24443a78dbc3df 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/boolean/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/boolean/index.md
@@ -45,17 +45,17 @@ if (x) {
 不要用`Boolean`物件將非布林值轉換成布林值。反而要將`Boolean`視為函式去轉換非布林值：
 
 ```js
-var x = Boolean(expression);     // 較好
+var x = Boolean(expression); // 較好
 var x = new Boolean(expression); // 不要用
 ```
 
 如果你要指定任何物件，包括值為`false`的`Boolean`物件，作為`Boolean`物件的初始值，則該`Boolean`物件的值依舊為`true`。
 
 ```js
-var myFalse = new Boolean(false);   // 初始值給false，實際上為true
-var g = new Boolean(myFalse);       // 想當然耳，true
-var myString = new String('Hello'); // 字串物件，'Hello'
-var s = new Boolean(myString);      // 依舊為true
+var myFalse = new Boolean(false); // 初始值給false，實際上為true
+var g = new Boolean(myFalse); // 想當然耳，true
+var myString = new String("Hello"); // 字串物件，'Hello'
+var s = new Boolean(myString); // 依舊為true
 ```
 
 不要使用`Boolean`物件代替`Boolean`的原始型別！
@@ -90,7 +90,7 @@ var s = new Boolean(myString);      // 依舊為true
 var bNoParam = new Boolean();
 var bZero = new Boolean(0);
 var bNull = new Boolean(null);
-var bEmptyString = new Boolean('');
+var bEmptyString = new Boolean("");
 var bfalse = new Boolean(false);
 ```
 
@@ -98,9 +98,9 @@ var bfalse = new Boolean(false);
 
 ```js
 var btrue = new Boolean(true);
-var btrueString = new Boolean('true');
-var bfalseString = new Boolean('false');
-var bSuLin = new Boolean('Su Lin');
+var btrueString = new Boolean("true");
+var bfalseString = new Boolean("false");
+var bSuLin = new Boolean("Su Lin");
 var bArrayProto = new Boolean([]);
 var bObjProto = new Boolean({});
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/dataview/index.md b/files/zh-tw/web/javascript/reference/global_objects/dataview/index.md
index 537ab141736bf7..4c93219a2105bf 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/dataview/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/dataview/index.md
@@ -38,7 +38,7 @@ A new `DataView` object representing the specified data buffer.
 Multi-byte number formats are represented in memory differently depending on machine architecture, see {{Glossary("Endianness")}} for an explanation. DataView accessors provide explicit control of how data will be accessed irrespective of the platform architecture's endianness.
 
 ```js
-var littleEndian = (function() {
+var littleEndian = (function () {
   var buffer = new ArrayBuffer(2);
   new DataView(buffer).setInt16(0, 256, true /* littleEndian */);
   // Int16Array uses the platform's endianness.
diff --git a/files/zh-tw/web/javascript/reference/global_objects/date/getday/index.md b/files/zh-tw/web/javascript/reference/global_objects/date/getday/index.md
index 02f4ae5303ca44..a1e77dfc9340b8 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/date/getday/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/date/getday/index.md
@@ -26,7 +26,7 @@ dateObj.getDay()
 下面第二行表示根據日期對象'Xmas95'的值，把 1 賦值給'weekday'。則 1995 年 12 月 25 日是星期一。
 
 ```js
-var Xmas95 = new Date('December 25, 1995 23:15:30');
+var Xmas95 = new Date("December 25, 1995 23:15:30");
 var weekday = Xmas95.getDay();
 
 console.log(weekday); // 1
@@ -35,10 +35,10 @@ console.log(weekday); // 1
 > **備註：** 如果需要，可以使用{{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}}加上`options`參數來獲取星期幾全名。使使用此方法能輕鬆做出各種國際語言：
 >
 > ```js
-> var options = { weekday: 'long'};
-> console.log(new Intl.DateTimeFormat('en-US', options).format(Xmas95));
+> var options = { weekday: "long" };
+> console.log(new Intl.DateTimeFormat("en-US", options).format(Xmas95));
 > // Monday
-> console.log(new Intl.DateTimeFormat('de-DE', options).format(Xmas95));
+> console.log(new Intl.DateTimeFormat("de-DE", options).format(Xmas95));
 > // Montag
 > ```
 
@@ -50,7 +50,7 @@ console.log(weekday); // 1
 
 {{Compat}}
 
-## See also
+## 參見
 
 - {{jsxref("Date.prototype.getUTCDate()")}}
 - {{jsxref("Date.prototype.getUTCDay()")}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/date/gettime/index.md b/files/zh-tw/web/javascript/reference/global_objects/date/gettime/index.md
index d6cab0941be337..cedd946465cf36 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/date/gettime/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/date/gettime/index.md
@@ -23,10 +23,10 @@ getTime()
 
 ## 描述
 
-`new Date().getTime()` 的精確度可能會依瀏覽器設定而做取捨，以防止時序攻擊（timing attack）與指紋辨識（fingerprinting）。如 Firefox 預設會開啟 `privacy.reduceTimerPrecision`，在 Firefox 59 預設為 20µs、Firefox 60 為 2ms 。
+`new Date().getTime()` 的精確度可能會依瀏覽器設定而做取捨，以防止時序攻擊（timing attack）與指紋辨識（fingerprinting）。如 Firefox 預設會開啟 `privacy.reduceTimerPrecision`，在 Firefox 59 預設為 20µs、Firefox 60 為 2ms。
 
 ```js
-// 在 Firefox 60 中降低的時間精確度 (2ms) 
+// 在 Firefox 60 中降低的時間精確度（2ms）
 new Date().getTime();
 // 1519211809934
 // 1519211810362
diff --git a/files/zh-tw/web/javascript/reference/global_objects/date/index.md b/files/zh-tw/web/javascript/reference/global_objects/date/index.md
index e38951c438102d..0da6933cc187f2 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/date/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/date/index.md
@@ -103,8 +103,8 @@ new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);
 
 ```js
 var today = new Date();
-var birthday = new Date('December 17, 1995 03:24:00');
-var birthday = new Date('1995-12-17T03:24:00');
+var birthday = new Date("December 17, 1995 03:24:00");
+var birthday = new Date("1995-12-17T03:24:00");
 var birthday = new Date(1995, 11, 17);
 var birthday = new Date(1995, 11, 17, 3, 24, 0);
 ```
@@ -117,9 +117,9 @@ var birthday = new Date(1995, 11, 17, 3, 24, 0);
 var date = new Date(98, 1); // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT)
 
 // 過時的方法，98 在這裡對應到 1998 年
-date.setYear(98);           // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT)
+date.setYear(98); // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT)
 
-date.setFullYear(98);       // Sat Feb 01 0098 00:00:00 GMT+0000 (BST)
+date.setFullYear(98); // Sat Feb 01 0098 00:00:00 GMT+0000 (BST)
 ```
 
 ### 計算執行時間
@@ -152,10 +152,12 @@ var elapsed = end.getTime() - start.getTime(); // 執行程式經過的毫秒數
 // 測試一個函數執行時間，並返回其回傳值
 function printElapsedTime(fTest) {
   var nStartTime = Date.now(),
-      vReturn = fTest(),
-      nEndTime = Date.now();
+    vReturn = fTest(),
+    nEndTime = Date.now();
 
-  console.log('Elapsed time: ' + String(nEndTime - nStartTime) + ' milliseconds');
+  console.log(
+    "Elapsed time: " + String(nEndTime - nStartTime) + " milliseconds"
+  );
   return vReturn;
 }
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/date/parse/index.md b/files/zh-tw/web/javascript/reference/global_objects/date/parse/index.md
index 9cb7ca1730bbec..6928d0f52fb8bb 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/date/parse/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/date/parse/index.md
@@ -36,7 +36,7 @@ Date.parse(dateString)
 
 呈現日期時間的標準字串格式乃 ISO 8601 日曆日期延伸格式的簡化版。（詳細請參見 ECMAScript 規範的 [Date Time String Format](https://tc39.es/ecma262/#sec-date-time-string-format)章節）
 
-例如，`"2011-10-10"`（*只有日期*）、`"2011-10-10T14:48:00"`（*日期與時間*），或 `"2011-10-10T14:48:00.000+09:00"`（*日期與時間至毫秒級以及時區*）皆可作為有效參數傳入並解析。如果沒有指明時差，只有日期的參數會假設為 UTC 時間，而有日期與時間的參數會當作是本地時間。
+例如，`"2011-10-10"`（_只有日期_）、`"2011-10-10T14:48:00"`（_日期與時間_），或 `"2011-10-10T14:48:00.000+09:00"`（_日期與時間至毫秒級以及時區_）皆可作為有效參數傳入並解析。如果沒有指明時差，只有日期的參數會假設為 UTC 時間，而有日期與時間的參數會當作是本地時間。
 
 解析日期字串的過程雖然會加註時區，但回傳值必定是從 1970 年 01 月 01 日 00:00:00 UTC 起至該參數表示的日期為止，所經過的毫秒數；或是 `NaN`。
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/error/columnnumber/index.md b/files/zh-tw/web/javascript/reference/global_objects/error/columnnumber/index.md
index 2f9d8bbde25d57..0391ccb2aa4758 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/error/columnnumber/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/error/columnnumber/index.md
@@ -12,9 +12,9 @@ slug: Web/JavaScript/Reference/Global_Objects/Error/columnNumber
 ### 使用 `columnNumber`
 
 ```js
-var e = new Error('Could not parse input');
+var e = new Error("Could not parse input");
 throw e;
-console.log(e.columnNumber) // 0
+console.log(e.columnNumber); // 0
 ```
 
 ## 規格
@@ -25,7 +25,7 @@ console.log(e.columnNumber) // 0
 
 {{Compat}}
 
-## See also
+## 參見
 
 - {{jsxref("Error.prototype.stack")}} {{non-standard_inline}}
 - {{jsxref("Error.prototype.lineNumber")}} {{non-standard_inline}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/error/index.md b/files/zh-tw/web/javascript/reference/global_objects/error/index.md
index 9d390c04d38a65..035dd598d19c36 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/error/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/error/index.md
@@ -92,9 +92,9 @@ Usually you create an `Error` object with the intention of raising it using the
 
 ```js
 try {
-  throw new Error('Whoops!');
+  throw new Error("Whoops!");
 } catch (e) {
-  console.log(e.name + ': ' + e.message);
+  console.log(e.name + ": " + e.message);
 }
 ```
 
@@ -107,9 +107,9 @@ try {
   foo.bar();
 } catch (e) {
   if (e instanceof EvalError) {
-    console.log(e.name + ': ' + e.message);
+    console.log(e.name + ": " + e.message);
   } else if (e instanceof RangeError) {
-    console.log(e.name + ': ' + e.message);
+    console.log(e.name + ": " + e.message);
   }
   // ... etc
 }
@@ -126,9 +126,9 @@ See also the ["What's a good way to extend Error in JavaScript?" discussion on S
 ```js
 // Create a new object, that prototypically inherits from the Error constructor
 function MyError(message) {
-  this.name = 'MyError';
-  this.message = message || 'Default Message';
-  this.stack = (new Error()).stack;
+  this.name = "MyError";
+  this.message = message || "Default Message";
+  this.stack = new Error().stack;
 }
 MyError.prototype = Object.create(Error.prototype);
 MyError.prototype.constructor = MyError;
@@ -136,15 +136,15 @@ MyError.prototype.constructor = MyError;
 try {
   throw new MyError();
 } catch (e) {
-  console.log(e.name);     // 'MyError'
-  console.log(e.message);  // 'Default Message'
+  console.log(e.name); // 'MyError'
+  console.log(e.message); // 'Default Message'
 }
 
 try {
-  throw new MyError('custom message');
+  throw new MyError("custom message");
 } catch (e) {
-  console.log(e.name);     // 'MyError'
-  console.log(e.message);  // 'custom message'
+  console.log(e.name); // 'MyError'
+  console.log(e.message); // 'custom message'
 }
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/undefined/index.md b/files/zh-tw/web/javascript/reference/global_objects/undefined/index.md
index fc4e5d04b897df..f551a7a1d626af 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/undefined/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/undefined/index.md
@@ -31,10 +31,15 @@ A variable that has not been assigned a value is of type undefined. A method or
 > //DON'T DO THIS
 >
 > // logs "foo string"
-> (function() { var undefined = 'foo'; console.log(undefined, typeof undefined); })();
+> (function () {
+>   var undefined = "foo";
+>   console.log(undefined, typeof undefined);
+> })();
 >
 > // logs "foo string"
-> (function(undefined) { console.log(undefined, typeof undefined); })('foo');
+> (function (undefined) {
+>   console.log(undefined, typeof undefined);
+> })("foo");
 > ```
 
 ## 範例
@@ -46,10 +51,9 @@ You can use `undefined` and the strict equality and inequality operators to dete
 ```js
 var x;
 if (x === undefined) {
-   // these statements execute
-}
-else {
-   // these statements do not execute
+  // these statements execute
+} else {
+  // these statements do not execute
 }
 ```
 
@@ -61,8 +65,8 @@ Alternatively, {{jsxref("Operators/typeof", "typeof")}} can be used:
 
 ```js
 var x;
-if (typeof x === 'undefined') {
-   // these statements execute
+if (typeof x === "undefined") {
+  // these statements execute
 }
 ```
 
@@ -70,12 +74,13 @@ One reason to use {{jsxref("Operators/typeof", "typeof")}} is that it does not t
 
 ```js
 // x has not been declared before
-if (typeof x === 'undefined') { // evaluates to true without errors
-   // these statements execute
+if (typeof x === "undefined") {
+  // evaluates to true without errors
+  // these statements execute
 }
 
-if (x === undefined) { // throws a ReferenceError
-
+if (x === undefined) {
+  // throws a ReferenceError
 }
 ```
 
@@ -88,12 +93,12 @@ The {{jsxref("Operators/void", "void")}} operator is a third alternative.
 ```js
 var x;
 if (x === void 0) {
-   // these statements execute
+  // these statements execute
 }
 
 // y has not been declared before
 if (y === void 0) {
-   // throws a - Uncaught ReferenceError: y is not defined
+  // throws a - Uncaught ReferenceError: y is not defined
 }
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/urierror/index.md b/files/zh-tw/web/javascript/reference/global_objects/urierror/index.md
index 0e35c149155431..f7834500c7612b 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/urierror/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/urierror/index.md
@@ -60,15 +60,15 @@ new URIError([message[, fileName[, lineNumber]]])
 
 ```js
 try {
-  decodeURIComponent('%');
+  decodeURIComponent("%");
 } catch (e) {
   console.log(e instanceof URIError); // true
-  console.log(e.message);             // "malformed URI sequence"
-  console.log(e.name);                // "URIError"
-  console.log(e.fileName);            // "Scratchpad/1"
-  console.log(e.lineNumber);          // 2
-  console.log(e.columnNumber);        // 2
-  console.log(e.stack);               // "@Scratchpad/2:2:3\n"
+  console.log(e.message); // "malformed URI sequence"
+  console.log(e.name); // "URIError"
+  console.log(e.fileName); // "Scratchpad/1"
+  console.log(e.lineNumber); // 2
+  console.log(e.columnNumber); // 2
+  console.log(e.stack); // "@Scratchpad/2:2:3\n"
 }
 ```
 
@@ -76,15 +76,15 @@ try {
 
 ```js
 try {
-  throw new URIError('Hello', 'someFile.js', 10);
+  throw new URIError("Hello", "someFile.js", 10);
 } catch (e) {
   console.log(e instanceof URIError); // true
-  console.log(e.message);             // "Hello"
-  console.log(e.name);                // "URIError"
-  console.log(e.fileName);            // "someFile.js"
-  console.log(e.lineNumber);          // 10
-  console.log(e.columnNumber);        // 0
-  console.log(e.stack);               // "@Scratchpad/2:2:9\n"
+  console.log(e.message); // "Hello"
+  console.log(e.name); // "URIError"
+  console.log(e.fileName); // "someFile.js"
+  console.log(e.lineNumber); // 10
+  console.log(e.columnNumber); // 0
+  console.log(e.stack); // "@Scratchpad/2:2:9\n"
 }
 ```
 
@@ -96,7 +96,7 @@ try {
 
 {{Compat}}
 
-## 另見
+## 參見
 
 - {{jsxref("Error")}}
 - {{jsxref("URIError.prototype")}}

From c394df35a48454dce755cf230ba5af629ae81522 Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Sat, 24 Jun 2023 16:13:54 +0800
Subject: [PATCH 065/146] [zh-cn]: Update translation of Promise.allSettled()
 (#13871)

---
 .../promise/allsettled/index.md               | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.md b/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.md
index 2532dd66bd2b61..adce9a34d046e0 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.md
@@ -5,7 +5,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Promise/allSettled
 
 {{JSRef}}
 
-**`Promise.allSettled()`** 方法以 promise 组成的可迭代对象作为输入，并且返回一个 {{jsxref("Promise")}} 实例。当输入的所有 promise 都已敲定时（包括传递空的可迭代类型），返回的 promise 将兑现，并带有描述每个 promsie 结果的对象数组。
+**`Promise.allSettled()`** 静态方法将一个 Promise 可迭代对象作为输入，并返回一个单独的 {{jsxref("Promise")}}。当所有输入的 Promise 都已敲定时（包括传入空的可迭代对象时），返回的 Promise 将被兑现，并带有描述每个 Promise 结果的对象数组。
 
 {{EmbedInteractiveExample("pages/js/promise-allsettled.html")}}
 
@@ -18,29 +18,29 @@ Promise.allSettled(iterable)
 ### 参数
 
 - `iterable`
-  - : 一个以 promise 组成的[可迭代](/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols#可迭代的协议)（例如 {{jsxref("Array")}}）对象。
+  - : 一个以 promise 组成的[可迭代对象](/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols#可迭代协议)（例如 {{jsxref("Array")}}）对象。
 
 ### 返回值
 
-一个 {{jsxref("Promise")}}，如下：
+一个 {{jsxref("Promise")}}，其状态为：
 
-- **已经兑现**，如果传递的 `iterable` 是空的。
-- **异步兑现**，当给定的 `iterable` 中所有 promise 已经敲定时（要么已兑现，要么已拒绝）。兑现的值是一个对象数组，其中的对象按照 `iterable` 中 promise 传递的顺序，描述每一个 promise 的结果，无论完成顺序如何。每个结果对象都有以下的属性：
+- **已兑现（already fulfilled）**，如果传入的 `iterable` 为空的话。
+- **异步兑现（asynchronously fulfill）**，当给定的 `iterable` 中所有 promise 已经敲定时（要么已兑现，要么已拒绝）。兑现的值是一个对象数组，其中的对象按照 `iterable` 中传递的 promise 的顺序，描述每一个 promise 的结果，无论完成顺序如何。每个结果对象都有以下的属性：
 
   - `status`
     - : 一个字符串，要么是 `"fulfilled"`，要么是 `"rejected"`，表示 promise 的最终状态。
   - `value`
-    - : 仅当 `status` 为 `"fulfilled"`，才存在。在 promise 兑现时才有 value。
+    - : 仅当 `status` 为 `"fulfilled"`，才存在。promise 兑现的值。
   - `reason`
-    - : 仅当 `status` 为 `"rejected"`，才存在，在 promsie 拒绝时才有 reason。
+    - : 仅当 `status` 为 `"rejected"`，才存在，promsie 拒绝的原因。
 
-  如果 `iterable` 传递的不是空的，但包含未响应的 promise，则返回的 promise 仍然异步（而不是同步）兑现。
+  如果传入的 `iterable` 是非空的，但不包含待定的（pending）promise，则返回的 promise 仍然是异步兑现的，而不是同步兑现。
 
 ## 描述
 
-`Promise.allSettled()` 方法是 [promise 并发性](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise_concurrency)方法的其中之一。在你有多个不依赖于彼此成功完成的异步任务时，或者你总是想知道每个 promise 的结果时，使用 `Promise.allSettled()` 。
+`Promise.allSettled()` 方法是 [promise 并发](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise_并发)方法之一。在你有多个不依赖于彼此成功完成的异步任务时，或者你总是想知道每个 promise 的结果时，使用 `Promise.allSettled()` 。
 
-相比之下，如果任务相互依赖，或者如果你想立即拒绝其中任何任务，{{jsxref("Promise.all()")}} 返回的 Promise 可能更合适。
+相比之下，如果任务相互依赖，或者如果你想在任何 promise 被拒绝时立即拒绝，{{jsxref("Promise.all()")}} 返回的 Promise 可能更合适。
 
 ## 示例
 
@@ -51,14 +51,14 @@ Promise.allSettled([
   Promise.resolve(33),
   new Promise((resolve) => setTimeout(() => resolve(66), 0)),
   99,
-  Promise.reject(new Error("an error")),
+  Promise.reject(new Error("一个错误")),
 ]).then((values) => console.log(values));
 
 // [
 //   { status: 'fulfilled', value: 33 },
 //   { status: 'fulfilled', value: 66 },
 //   { status: 'fulfilled', value: 99 },
-//   { status: 'rejected', reason: Error: an error }
+//   { status: 'rejected', reason: Error: 一个错误 }
 // ]
 ```
 
@@ -72,9 +72,9 @@ Promise.allSettled([
 
 ## 参见
 
-- [`core-js` 中的 `Promise.allSettled` polyfill](https://github.com/zloirock/core-js#ecmascript-promise)
+- [`core-js` 中 `Promise.allSettled` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-promise)
 - [使用 promise](/zh-CN/docs/Web/JavaScript/Guide/Using_promises)
-- [带有 promise 的优雅异步编程](/zh-CN/docs/Learn/JavaScript/Asynchronous/Promises)
+- [使用 promise 的优雅异步编程](/zh-CN/docs/Learn/JavaScript/Asynchronous/Promises)
 - {{jsxref("Promise")}}
 - {{jsxref("Promise.all()")}}
 - {{jsxref("Promise.any()")}}

From 86dc45260e0afa9ac3eb78099f050d436b6b2f6f Mon Sep 17 00:00:00 2001
From: Wonder Dai <37327614+daiwanxing@users.noreply.github.com>
Date: Sat, 24 Jun 2023 16:14:20 +0800
Subject: [PATCH 066/146] zh-CN: updated the translation of `user-select`
 (#13878)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 files/zh-cn/web/css/user-select/index.md | 55 +++++++++---------------
 1 file changed, 20 insertions(+), 35 deletions(-)

diff --git a/files/zh-cn/web/css/user-select/index.md b/files/zh-cn/web/css/user-select/index.md
index bde41958726719..fd848cf9250f82 100644
--- a/files/zh-cn/web/css/user-select/index.md
+++ b/files/zh-cn/web/css/user-select/index.md
@@ -5,47 +5,34 @@ slug: Web/CSS/user-select
 
 {{CSSRef}}
 
-[CSS](/zh-CN/docs/Web/CSS) 属性 **`user-select`** 控制用户能否选中文本。除了文本框内，它对被载入为 {{Glossary("Chrome", "chrome")}} 的内容没有影响。
+**`user-select`** [CSS](/zh-CN/docs/Web/CSS) 属性用于控制用户是否可以选择文本。这不会对作为浏览器用户界面（即 {{Glossary("Chrome", "chrome")}}）的一部分的内容加载产生任何影响，除非是在文本框中。
+
+{{EmbedInteractiveExample("pages/css/user-select.html")}}
+
+## 语法
 
 ```css
-/* Keyword values */
+/* 关键字值 */
 user-select: none;
 user-select: auto;
 user-select: text;
 user-select: contain;
 user-select: all;
 
-/* Global values */
+/* 全局值 */
 user-select: inherit;
 user-select: initial;
+user-select: revert;
+user-select: revert-layer;
 user-select: unset;
-
-/* Mozilla-specific values */
--moz-user-select: none;
--moz-user-select: text;
--moz-user-select: all;
-
-/* WebKit-specific values */
--webkit-user-select: none;
--webkit-user-select: text;
--webkit-user-select: all; /* Doesn't work in Safari; use only
-                             "none" or "text", or else it will
-                             allow typing in the <html> container */
-
-/* Microsoft-specific values */
--ms-user-select: none;
--ms-user-select: text;
--ms-user-select: element;
 ```
 
-{{cssinfo}}
-
 > **备注：** `user-select` 不是继承属性，即使默认的属性值 `auto` 的表现基本上以继承为主，似乎是继承属性。甚至，WebKit/基于 Chromium 的浏览器在实现此属性时*将其作为继承属性*，但这和有关规范是相悖的，且会带来一些问题。目前，Chromium 暂时选择[修复将其作为继承属性所带来的问题](https://chromium.googlesource.com/chromium/src/+/b01af0b296ecb855aac95c4ed335d188e6eac2de)，使最终表现符合规范。
 
-## 语法
+### 取值
 
 - `none`
-  - : 元素及其子元素的文本不可选中。请注意这个{{domxref("Selection")}} 对象可以包含这些元素。从 Firefox 21 开始， `none` 表现的像 `-moz-none`，因此可以使用 `-moz-user-select: text` 在子元素上重新启用选择。
+  - : 元素及其子元素的文本不可选中。请注意，{{domxref("Selection")}} 对象可以包含这些元素。
 
 - `auto`
 
@@ -63,12 +50,14 @@ user-select: unset;
   - : 在一个 HTML 编辑器中，当双击子元素或者上下文时，那么包含该子元素的最顶层元素也会被选中。
 - `contain`
   - : 允许在元素内选择；但是，选区将被限制在该元素的边界之内。
-- `element`{{non-standard_inline}}（IE 专有别名）
-  - : 与 `contain` 相同，但仅在 Internet Explorer 中受支持。
 
-> **备注：** CSS UI 4 已[将 `user-select` 的 `element` 属性值重命名为 `contain`](https://github.com/w3c/csswg-drafts/commit/3f1d9db96fad8d9fc787d3ed66e2d5ad8cfadd05)。
+    > **备注：** CSS UI 4 将 `element` 值[重命名](https://github.com/w3c/csswg-drafts/commit/3f1d9db96fad8d9fc787d3ed66e2d5ad8cfadd05)为 `contain`。
+
+## 形式定义
+
+{{CSSInfo}}
 
-### 形式语法
+## 形式语法
 
 {{csssyntax}}
 
@@ -86,16 +75,12 @@ user-select: unset;
 
 ```css
 .unselectable {
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
+  -webkit-user-select: none; /* Safari */
   user-select: none;
 }
 
 .all {
-  -moz-user-select: all;
   -webkit-user-select: all;
-  -ms-user-select: all;
   user-select: all;
 }
 ```
@@ -114,6 +99,6 @@ user-select: unset;
 
 ## 参见
 
-- {{Cssxref("::selection")}}
+- [`user-select: contain` 的 polyfill](https://github.com/github/user-select-contain-polyfill)
+- {{Cssxref("::selection")}} 伪类
 - JavaScript 的 {{domxref("Selection")}} 对象。
-- [CSS Basic User Interface Module Level 4](http://www.w3.org/TR/css-ui-4/) 中的 [user-select](http://www.w3.org/TR/css-ui-4/#propdef-user-select) 章节。

From eb979291fb7dcf53412940d715bd9b27648bebeb Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Sat, 24 Jun 2023 19:03:14 +0800
Subject: [PATCH 067/146] [zh-cn]: Update translation of Promise.all() (#13841)

Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../global_objects/promise/all/index.md       | 272 ++++++++++++------
 1 file changed, 180 insertions(+), 92 deletions(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/all/index.md b/files/zh-cn/web/javascript/reference/global_objects/promise/all/index.md
index 16a9ed91c32b6f..eded14dd8152a4 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/promise/all/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/promise/all/index.md
@@ -5,180 +5,266 @@ slug: Web/JavaScript/Reference/Global_Objects/Promise/all
 
 {{JSRef}}
 
-Promise.all() 方法接收一个 promise 的 iterable 类型（注：Array，Map，Set 都属于 ES6 的 iterable 类型）的输入，并且只返回一个{{jsxref("Promise")}}实例，那个输入的所有 promise 的 resolve 回调的结果是一个数组。这个{{jsxref("Promise")}}的 resolve 回调执行是在所有输入的 promise 的 resolve 回调都结束，或者输入的 iterable 里没有 promise 了的时候。它的 reject 回调执行时，只要任何一个输入的 promise 的 reject 回调执行或者输入不合法的 promise 就会立即抛出错误，并且 reject 的是第一个抛出的错误信息。
+**`Promise.all()`** 静态方法接受一个 Promise 可迭代对象作为输入，并返回一个 {{jsxref("Promise")}}。当所有输入的 Promise 都被兑现时，返回的 Promise 也将被兑现（即使传入的是一个空的可迭代对象），并返回一个包含所有兑现值的数组。如果输入的任何 Promise 被拒绝，则返回的 Promise 将被拒绝，并带有第一个被拒绝的原因。
 
 {{EmbedInteractiveExample("pages/js/promise-all.html")}}
 
 ## 语法
 
-```plain
-Promise.all(iterable);
+```js-nolint
+Promise.all(iterable)
 ```
 
 ### 参数
 
-- iterable
-  - : 一个[可迭代](/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol)对象，如 {{jsxref("Array")}} 或 {{jsxref("String")}}。
+- `iterable`
+  - : 一个[可迭代对象](/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols#可迭代协议)，例如 {{jsxref("Array")}} 或 {{jsxref("String")}}。
 
 ### 返回值
 
-- 如果传入的参数是一个空的可迭代对象，则返回一个**已完成**（already resolved）状态的 {{jsxref("Promise")}}。
-- 如果传入的参数不包含任何 `promise`，则返回一个**异步完成**（asynchronously resolved）{{jsxref("Promise")}}。注意：Google Chrome 58 在这种情况下返回一个**已完成**（already resolved）状态的 {{jsxref("Promise")}}。
-- 其他情况下返回一个**处理中**（pending）的{{jsxref("Promise")}}。这个返回的 `promise` 之后会在所有的 `promise` 都完成或有一个 `promise` 失败时**异步**地变为完成或失败。见下方关于“Promise.all 的异步或同步”示例。返回值将会按照参数内的 `promise` 顺序排列，而不是由调用 `promise` 的完成顺序决定。
+一个 {{jsxref("Promise")}}，其状态为：
 
-## 说明
+- **已兑现（already fulfilled）**，如果传入的 `iterable` 为空。
+- **异步兑现（asynchronously fulfilled）**，如果给定的 `iterable` 中所有的 promise 都已兑现。兑现值是一个数组，其元素顺序与传入的 promise 一致，而非按照兑现的时间顺序排列。如果传入的 `iterable` 是一个非空但不包含待定的（pending）promise，则返回的 promise 依然是异步兑现，而非同步兑现。
+- **异步拒绝（asynchronously rejected）**，如果给定的 `iterable` 中的任意 promise 被拒绝。拒绝原因是第一个拒绝的 promise 的拒绝原因。
 
-此方法在集合多个 `promise` 的返回结果时很有用。
+## 描述
 
-完成（Fulfillment）：
-如果传入的可迭代对象为空，`Promise.all` 会同步地返回一个已完成（resolved）状态的`promise`。
-如果所有传入的 `promise` 都变为完成状态，或者传入的可迭代对象内没有 `promise`，`Promise.all` 返回的 `promise` 异步地变为完成。
-在任何情况下，`Promise.all` 返回的 `promise` 的完成状态的结果都是一个数组，它包含所有的传入迭代参数对象的值（也包括非 `promise` 值）。
+`Promise.all()` 方法是 [promise 并发](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise_并发)方法之一。它可用于聚合多个 Promise 的结果。通常在有多个相关的异步任务并且整个代码依赖于这些任务成功完成时使用，我们希望在代码执行继续之前完成所有任务。
 
-失败/拒绝（Rejection）：
-如果传入的 `promise` 中有一个失败（rejected），`Promise.all` 异步地将失败的那个结果给失败状态的回调函数，而不管其他 `promise` 是否完成。
+`Promise.all()` 方法会在**任何一个**输入的 Promise 被拒绝时立即拒绝。相比之下，{{jsxref("Promise.allSettled()")}} 方法返回的 Promise 会等待所有输入的 Promise 完成，不管其中是否有 Promise 被拒绝。如果你需要获取输入可迭代对象中每个 Promise 的最终结果，则应使用 `allSettled()` 方法。
 
 ## 示例
 
-### `Promise.all` 的使用
+### 使用 Promise.all()
 
-`Promise.all` 等待所有都完成（或第一个失败）。
+`Promise.all` 等待所有兑现（或第一个拒绝）的结果。
 
 ```js
-var p1 = Promise.resolve(3);
-var p2 = 1337;
-var p3 = new Promise((resolve, reject) => {
-  setTimeout(resolve, 100, 'foo');
+const p1 = Promise.resolve(3);
+const p2 = 1337;
+const p3 = new Promise((resolve, reject) => {
+  setTimeout(() => {
+    resolve("foo");
+  }, 100);
 });
 
-Promise.all([p1, p2, p3]).then(values => {
+Promise.all([p1, p2, p3]).then((values) => {
   console.log(values); // [3, 1337, "foo"]
 });
 ```
 
-如果参数中包含非 `promise` 值，这些值将被忽略，但仍然会被放在返回数组中（如果 `promise` 完成的话）：
+如果 `iterable` 包含非 promise 值，这些值将被忽略，但仍包含在返回的 promise 数组值中（如果该 promise 得到了兑现）：
 
 ```js
-// this will be counted as if the iterable passed is empty, so it gets fulfilled
-var p = Promise.all([1,2,3]);
-// this will be counted as if the iterable passed contains only the resolved promise with value "444", so it gets fulfilled
-var p2 = Promise.all([1,2,3, Promise.resolve(444)]);
-// this will be counted as if the iterable passed contains only the rejected promise with value "555", so it gets rejected
-var p3 = Promise.all([1,2,3, Promise.reject(555)]);
-
-// using setTimeout we can execute code after the stack is empty
-setTimeout(function(){
-    console.log(p);
-    console.log(p2);
-    console.log(p3);
+// 所有的值都不是 Promise，因此返回的 Promise 将被兑现
+const p = Promise.all([1, 2, 3]);
+// 输入中唯一的 Promise 已经被兑现，因此返回的 Promise 将被兑现
+const p2 = Promise.all([1, 2, 3, Promise.resolve(444)]);
+// 一个（也是唯一的一个）输入 Promise 被拒绝，因此返回的 Promise 将被拒绝
+const p3 = Promise.all([1, 2, 3, Promise.reject(555)]);
+
+// 使用 setTimeout，我们可以在队列为空后执行代码
+setTimeout(() => {
+  console.log(p);
+  console.log(p2);
+  console.log(p3);
 });
 
-// logs
+// 打印:
 // Promise { <state>: "fulfilled", <value>: Array[3] }
 // Promise { <state>: "fulfilled", <value>: Array[4] }
 // Promise { <state>: "rejected", <reason>: 555 }
 ```
 
-### `Promise.all` 的异步和同步
+### Promise.all 的异步性和同步性
 
-下面的例子中演示了 `Promise.all` 的异步性（如果传入的可迭代对象是空的，就是同步）：
+以下示例演示了在传递非空的 `iterable` 时 `Promise.all` 的异步性：
 
 ```js
-// we are passing as argument an array of promises that are already resolved,
-// to trigger Promise.all as soon as possible
-var resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)];
+// 传入一个已经 resolved 的 Promise 数组，以尽可能快地触发 Promise.all
+const resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)];
 
-var p = Promise.all(resolvedPromisesArray);
-// immediately logging the value of p
+const p = Promise.all(resolvedPromisesArray);
+// 立即打印 p 的值
 console.log(p);
 
-// using setTimeout we can execute code after the stack is empty
-setTimeout(function(){
-    console.log('the stack is now empty');
-    console.log(p);
+// 使用 setTimeout，我们可以在队列为空后执行代码
+setTimeout(() => {
+  console.log("队列现在为空");
+  console.log(p);
 });
 
-// logs, in order:
+// 按顺序打印:
 // Promise { <state>: "pending" }
-// the stack is now empty
+// 队列现在为空
 // Promise { <state>: "fulfilled", <value>: Array[2] }
 ```
 
 如果 `Promise.all` 失败，也是一样的：
 
 ```js
-var mixedPromisesArray = [Promise.resolve(33), Promise.reject(44)];
-var p = Promise.all(mixedPromisesArray);
+const mixedPromisesArray = [Promise.resolve(33), Promise.reject(44)];
+const p = Promise.all(mixedPromisesArray);
 console.log(p);
-setTimeout(function(){
-    console.log('the stack is now empty');
-    console.log(p);
+setTimeout(() => {
+  console.log("队列现在为空");
+  console.log(p);
 });
 
-// logs
+// Logs:
 // Promise { <state>: "pending" }
-// the stack is now empty
+// 队列现在为空
 // Promise { <state>: "rejected", <reason>: 44 }
 ```
 
-但是，`Promise.all` **当且仅当**传入的可迭代对象为空时为同步：
+只有当传递给 `Promise.all` 的 `iterable` 为空时，`Promise.all` 才会同步解决。
 
 ```js
-var p = Promise.all([]); // will be immediately resolved
-var p2 = Promise.all([1337, "hi"]); // non-promise values will be ignored, but the evaluation will be done asynchronously
+const p = Promise.all([]); // 将会立即解决
+const p2 = Promise.all([1337, "hi"]); // 非 promise 值将被忽略，但求值是异步进行的
 console.log(p);
-console.log(p2)
-setTimeout(function(){
-    console.log('the stack is now empty');
-    console.log(p2);
+console.log(p2);
+setTimeout(() => {
+  console.log("队列现在为空");
+  console.log(p2);
 });
 
-// logs
+// Logs:
 // Promise { <state>: "fulfilled", <value>: Array[0] }
 // Promise { <state>: "pending" }
-// the stack is now empty
+// 队列现在为空
 // Promise { <state>: "fulfilled", <value>: Array[2] }
 ```
 
-### `Promise.all` 的快速返回失败行为
+### 将 Promise.all() 与异步函数一起使用
 
-`Promise.all` 在任意一个传入的 `promise` 失败时返回失败。例如，如果你传入的 `promise`中，有四个 `promise` 在一定的时间之后调用成功函数，有一个立即调用失败函数，那么 `Promise.all` 将立即变为失败。
+在 [async 函数](/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function)中，“过度 await”代码非常普遍。例如，给定以下函数：
 
 ```js
-var p1 = new Promise((resolve, reject) => {
-  setTimeout(resolve, 1000, 'one');
+function promptForDishChoice() {
+  return new Promise((resolve, reject) => {
+    const dialog = document.createElement("dialog");
+    dialog.innerHTML = `
+<form method="dialog">
+  <p>What would you like to eat?</p>
+  <select>
+    <option value="pizza">Pizza</option>
+    <option value="pasta">Pasta</option>
+    <option value="salad">Salad</option>
+  </select>
+  <menu>
+    <li><button value="cancel">Cancel</button></li>
+    <li><button type="submit" value="ok">OK</button></li>
+  </menu>
+</form>
+    `;
+    dialog.addEventListener("close", () => {
+      if (dialog.returnValue === "ok") {
+        resolve(dialog.querySelector("select").value);
+      } else {
+        reject(new Error("User cancelled dialog"));
+      }
+    });
+    document.body.appendChild(dialog);
+    dialog.showModal();
+  });
+}
+
+async function fetchPrices() {
+  const response = await fetch("/prices");
+  return await response.json();
+}
+```
+
+你可能会写一个像下面这样的函数：
+
+```js example-bad
+async function getPrice() {
+  const choice = await promptForDishChoice();
+  const prices = await fetchPrices();
+  return prices[choice];
+}
+```
+
+然而，请注意，`promptForDishChoice` 和 `fetchPrices` 的执行不依赖于彼此的结果。当用户选择他们的菜肴时，可以在后台获取价格，但是在上面的代码中，[`await`](/zh-CN/docs/Web/JavaScript/Reference/Operators/await) 运算符会导致异步函数暂停，直到选择完成，然后再次暂停，直到获取到价格。我们可以使用 `Promise.all` 并发地运行它们，以便用户在结果给出之前不必等待获取价格：
+
+```js example-good
+async function getPrice() {
+  const [choice, prices] = await Promise.all([
+    promptForDishChoice(),
+    fetchPrices(),
+  ]);
+  return prices[choice];
+}
+```
+
+`Promise.all` 在这里是[并发方法](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise_并发)中的最佳选择，因为错误处理很直观——如果有任何一个 Promise 被拒绝，结果将不再可用，整个 `await` 表达式会抛出异常。
+
+`Promise.all` 接受一个 Promise 可迭代对象，因此如果要使用它来并行执行多个异步函数，你需要调用这些异步函数并使用返回的 Promise。直接将函数传递给 `Promise.all` 是不起作用的，因为它们不是 Promise。
+
+```js example-bad
+async function getPrice() {
+  const [choice, prices] = await Promise.all([
+    promptForDishChoice,
+    fetchPrices,
+  ]);
+  // `choice` 和 `prices` 仍然是原始的异步函数；
+  // Promise.all() 对非 Promise 不起作用
+}
+```
+
+### Promise.all 的快速失败行为
+
+`Promise.all` 在任意一个传入的 promise 失败时返回失败。例如，如果你传入四个超时后解决的 promise 和一个立即拒绝的 promise，那么 `Promise.all` 将立即被拒绝。
+
+```js
+const p1 = new Promise((resolve, reject) => {
+  setTimeout(() => resolve("一"), 1000);
 });
-var p2 = new Promise((resolve, reject) => {
-  setTimeout(resolve, 2000, 'two');
+const p2 = new Promise((resolve, reject) => {
+  setTimeout(() => resolve("二"), 2000);
 });
-var p3 = new Promise((resolve, reject) => {
-  setTimeout(resolve, 3000, 'three');
+const p3 = new Promise((resolve, reject) => {
+  setTimeout(() => resolve("三"), 3000);
 });
-var p4 = new Promise((resolve, reject) => {
-  setTimeout(resolve, 4000, 'four');
+const p4 = new Promise((resolve, reject) => {
+  setTimeout(() => resolve("四"), 4000);
 });
-var p5 = new Promise((resolve, reject) => {
-  reject('reject');
+const p5 = new Promise((resolve, reject) => {
+  reject(new Error("拒绝"));
 });
 
-Promise.all([p1, p2, p3, p4, p5]).then(values => {
-  console.log(values);
-}, reason => {
-  console.log(reason)
-});
+// 使用 .catch:
+Promise.all([p1, p2, p3, p4, p5])
+  .then((values) => {
+    console.log(values);
+  })
+  .catch((error) => {
+    console.error(error.message);
+  });
+
+// 打印:
+// "拒绝"
+```
+
+通过处理可能的拒绝，可以更改此行为：
 
-//From console:
-//"reject"
+```js
+const p1 = new Promise((resolve, reject) => {
+  setTimeout(() => resolve("p1 延迟解决"), 1000);
+});
 
-//You can also use .catch
-Promise.all([p1, p2, p3, p4, p5]).then(values => {
-  console.log(values);
-}).catch(reason => {
-  console.log(reason)
+const p2 = new Promise((resolve, reject) => {
+  reject(new Error("p2 立即拒绝"));
 });
 
-//From console:
-//"reject"
+Promise.all([p1.catch((error) => error), p2.catch((error) => error)]).then(
+  (values) => {
+    console.log(values[0]); // "p1 延迟解决"
+    console.error(values[1]); // "Error: p2 立即拒绝"
+  },
+);
 ```
 
 ## 规范
@@ -192,4 +278,6 @@ Promise.all([p1, p2, p3, p4, p5]).then(values => {
 ## 参见
 
 - {{jsxref("Promise")}}
+- {{jsxref("Promise.allSettled()")}}
+- {{jsxref("Promise.any()")}}
 - {{jsxref("Promise.race()")}}

From ac63dc759d94b8abe9bc9d38f91996610576072d Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Sat, 24 Jun 2023 19:04:17 +0800
Subject: [PATCH 068/146] [zh-cn]: Update translation of Promise.any() (#13872)

Co-authored-by: fwqaaq <fwqaaq@gmail.com>
Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../global_objects/promise/any/index.md       | 106 +++++++++---------
 1 file changed, 50 insertions(+), 56 deletions(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/any/index.md b/files/zh-cn/web/javascript/reference/global_objects/promise/any/index.md
index aee70fd3822e96..01edd560c34706 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/promise/any/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/promise/any/index.md
@@ -5,52 +5,42 @@ slug: Web/JavaScript/Reference/Global_Objects/Promise/any
 
 {{JSRef}}
 
-`Promise.any()` 接收一个由 {{JSxRef("Promise")}} 所组成的可迭代对象，该方法会返回一个新的 `promise`，一旦可迭代对象内的任意一个 `promise` 变成了兑现状态，那么由该方法所返回的 `promise` 就会变成兑现状态，并且它的兑现值就是可迭代对象内的首先兑现的 `promise` 的兑现值。如果可迭代对象内的 `promise` 最终都没有兑现（即所有 `promise` 都被拒绝了），那么该方法所返回的 `promise` 就会变成拒绝状态，并且它的拒因会是一个 {{JSxRef("Global_Objects/AggregateError", "AggregateError")}} 实例，这是 {{JSxRef("Error")}} 的子类，用于把单一的错误集合在一起。
+**`Promise.any()`** 静态方法将一个 Promise 可迭代对象作为输入，并返回一个 {{jsxref("Promise")}}。当输入的任何一个 Promise 兑现时，这个返回的 Promise 将会兑现，并返回第一个兑现的值。当所有输入 Promise 都被拒绝（包括传递了空的可迭代对象）时，它会以一个包含拒绝原因数组的 {{jsxref("AggregateError")}} 拒绝。
 
-> **警告：** `Promise.any()` 方法依然是实验性的，尚未被所有的浏览器完全支持。它当前处于 [TC39 第四阶段草案（Stage 4）](https://github.com/tc39/proposal-promise-any)
+{{EmbedInteractiveExample("pages/js/promise-any.html")}}
 
 ## 语法
 
-```plain
-Promise.any(iterable);
+```js-nolint
+Promise.any(iterable)
 ```
 
 ### 参数
 
 - `iterable`
-  - : 一个[可迭代](/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol)的对象，例如 [Array](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array)。
+  - : 一个 promise 的[可迭代对象](/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols#可迭代协议)（例如一个{{jsxref("Array", "数组", "", 1)}}）。
 
 ### 返回值
 
-- 如果传入了一个空的可迭代对象，那么就会返回一个已经被拒的 `promise`
-- 如果传入了一个不含有 `promise` 的可迭代对象，那么就会返回一个异步兑现的 `promise`
-- 其余情况下都会返回一个处于等待状态的 `promise`。如果可迭代对象中的任意一个 `promise` 兑现了，那么这个处于等待状态的 `promise` 就会异步地（调用栈为空时）切换至兑现状态。如果可迭代对象中的所有 `promise` 都被拒绝了，那么这个处于等待状态的 `promise` 就会异步地切换至被拒状态。
+一个 {{jsxref("Promise")}}，其状态为：
 
-## 说明
+- **已拒绝（already rejected）**，如果传入的 `iterable` 为空的话。
+- **异步兑现（asynchronously filfilled）**，当给定的 `iterable` 中的任何一个 Promise 被兑现时，返回的 Promise 就会被兑现。其兑现值是第一个兑现的 Promise 的兑现值。
+- **异步拒绝（asynchronously rejected）**，当给定的 `iterable` 中的所有 Promise 都被拒绝时。拒绝原因是一个 {{jsxref("AggregateError")}}，其 `errors` 属性包含一个拒绝原因数组。无论完成顺序如何，这些错误都是按照传入的 Promise 的顺序排序。如果传递的 `iterable` 是非空的，但不包含待定的 Promise，则返回的 Promise 仍然是异步拒绝的（而不是同步拒绝的）。
 
-该方法用于获取首个兑现的 `promise` 的值。只要有一个 `promise` 兑现了，那么此方法就会提前结束，而不会继续等待其他的 `promise` 全部敲定。
+## 描述
 
-不像 {{JSxRef("Promise.all()")}} 会返回一组兑现值那样，我们只能得到一个兑现值（假设至少有一个 `promise` 兑现）。当我们只需要一个 `promise` 兑现，而不关心是哪一个兑现时此方法很有用的。
+`Promise.any()` 方法是 [Promise 并发](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise_并发)方法之一。该方法对于返回第一个兑现的 Promise 非常有用。一旦有一个 Promise 兑现，它就会立即返回，因此不会等待其他 Promise 完成。
 
-同时，也不像 {{JSxRef("Promise.race()")}} 总是返回第一个敲定值（兑现或拒绝）那样，这个方法返回的是第一个*兑现的*值。这个方法将会忽略掉所有的被拒绝的 `promise`，直到第一个 `promise` 兑现。
+与 {{JSxRef("Promise.all()")}} 返回一个兑现值*数组*不同的是，我们只会得到一个兑现值（假设至少有一个 Promise 被兑现）。此方法对于那些如果我们只需要一个 Promise 被兑现，但不在意哪一个被兑现的情况更有益。请注意另一个区别：该方法在接收到*空的可迭代对象*时会拒绝，因为实际上，该可迭代对象不包含任何兑现的项。你可以将 `Promise.any()` 和 `Promise.all()` 与 {{jsxref("Array.prototype.some()")}} 和 {{jsxref("Array.prototype.every()")}} 进行比较。
 
-### 兑现（Fulfillment）
-
-该方法所返回的 `promise` 会以可迭代对象内首个兑现的 `promise` 的兑现值来作为它自己的兑现值，或者会以可迭代对象内首个非 `promise` 值来作为它自己的兑现值，该方法不会关心其他的 `promise` 是兑现了还是被拒了。
-
-- 如果传入的可迭代对象是非空的，那么当可迭代对象内的任意一个 `promise` 兑现后，或者当可迭代对象内存在非 `promise` 值时，该方法所返回的 `promise` 都会异步的变成兑现状态。
-
-### 拒绝（Rejection）
-
-如果可迭代对象内所有的 `promises` 都被拒绝了，那么该方法所返回的 `promise` 就会异步的切换至被拒状态，并用一个 {{JSxRef("AggregateError")}}（继承自 {{JSxRef("Error")}}）实例来作为它的拒因。它包含一个 `errors` 属性，该属性是一个用于存储拒因的数组。
-
-- 如果传入了一个空的可迭代数组，那么该方法就会返回一个已经被拒 `promise`，其拒因是一个 `AggregateError` 实例，该实例的 `errors` 属性会是一个空数组。
+同时，与 {{JSxRef("Promise.race()")}} 返回第一个*敲定*（无论是兑现还是拒绝）的值不同的是，该方法返回第一个*兑现*的值。该方法忽略所有被拒绝的 Promise，直到第一个被兑现的 Promise。
 
 ## 示例
 
-### First to fulfil
+### 使用 Promise.any()
 
-如果可迭代数组内的任意一个 `promise` 兑现了，那么该方法所返回的 `promise` 也会切换至兑现状态，哪怕首个敲定的 `promise` 是被拒的。不同的是，{{jsxref("Promise.race()")}} 所返回的 `promise` 的状态会跟随首个敲定的 `promise` 的状态。
+`Promise.any()` 会以第一个兑现的 Promise 来兑现，即使有 Promise 先被拒绝。这与 {{jsxref("Promise.race()")}} 不同，后者会使用第一个敲定的 Promise 来兑现或拒绝。
 
 ```js
 const pErr = new Promise((resolve, reject) => {
@@ -67,53 +57,55 @@ const pFast = new Promise((resolve, reject) => {
 
 Promise.any([pErr, pSlow, pFast]).then((value) => {
   console.log(value);
-  // pFast fulfils first
-})
-// 期望输出："很快完成"
+  // pFast 第一个兑现
+});
+// 打印:
+// 很快完成
 ```
 
-### Rejections with AggregateError
+### 拒绝并返回 AggregateError
 
-如果没有 `promise` 被兑现，那么 `Promise.any()` 所返回的 `promise` 就会切换至被拒状态，并以 {{jsxref("AggregateError")}} 实例来作为拒因。
+如果没有 Promise 被兑现，`Promise.any()` 将使用 {{jsxref("AggregateError")}} 进行拒绝。
 
 ```js
-const pErr = new Promise((resolve, reject) => {
-  reject('总是失败');
+const failure = new Promise((resolve, reject) => {
+  reject("总是失败");
 });
 
-Promise.any([pErr]).catch((err) => {
+Promise.any([failure]).catch((err) => {
   console.log(err);
-})
-// 期望输出："AggregateError: No Promise in Promise.any was resolved"
+});
+// AggregateError: No Promise in Promise.any was resolved
 ```
 
 ### 显示第一张已加载的图片
 
-在这个例子，我们有一个获取图片并返回 blob 的函数，我们使用 `Promise.any()` 来获取一些图片并显示第一张有效的图片（即最先 resolved 的那个 promise）。
+在这个例子，我们有一个获取图片并返回 blob 的函数，我们使用 `Promise.any()` 来获取一些图片并显示第一张可用的图片（即最先解决的那个 promise）。
 
 ```js
-function fetchAndDecode(url) {
-  return fetch(url).then(response => {
-    if(!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    } else {
-      return response.blob();
-    }
-  })
+async function fetchAndDecode(url, description) {
+  const res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`HTTP 错误！状态码: ${res.status}`);
+  }
+  const data = await res.blob();
+  return [data, description];
 }
 
-let coffee = fetchAndDecode('coffee.jpg');
-let tea = fetchAndDecode('tea.jpg');
-
-Promise.any([coffee, tea]).then(value => {
-  let objectURL = URL.createObjectURL(value);
-  let image = document.createElement('img');
-  image.src = objectURL;
-  document.body.appendChild(image);
-})
-.catch(e => {
-  console.log(e.message);
-});
+const coffee = fetchAndDecode("coffee.jpg", "Coffee");
+const tea = fetchAndDecode("tea.jpg", "Tea");
+
+Promise.any([coffee, tea])
+  .then(([blob, description]) => {
+    const objectURL = URL.createObjectURL(blob);
+    const image = document.createElement("img");
+    image.src = objectURL;
+    image.alt = description;
+    document.body.appendChild(image);
+  })
+  .catch((e) => {
+    console.error(e);
+  });
 ```
 
 ## 规范
@@ -126,6 +118,8 @@ Promise.any([coffee, tea]).then(value => {
 
 ## 参见
 
+- [`core-js` 中 `Promise.any` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-promise)
 - {{JSxRef("Promise")}}
 - {{JSxRef("Promise.all()")}}
+- {{JSxRef("Promise.allSettled()")}}
 - {{JSxRef("Promise.race()")}}

From b6c047be7d4b4c05b1e792de4810e8ceac35cc78 Mon Sep 17 00:00:00 2001
From: ken7253 <ken7253@gmail.com>
Date: Sat, 24 Jun 2023 01:08:05 +0900
Subject: [PATCH 069/146] =?UTF-8?q?2023/06/24=E6=99=82=E7=82=B9=E3=81=A7?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E3=82=92=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/css/appearance/index.md | 82 ++++++++++++----------------
 1 file changed, 35 insertions(+), 47 deletions(-)

diff --git a/files/ja/web/css/appearance/index.md b/files/ja/web/css/appearance/index.md
index 33349ccbf3d655..c5ab7c2497fd9d 100644
--- a/files/ja/web/css/appearance/index.md
+++ b/files/ja/web/css/appearance/index.md
@@ -1,15 +1,18 @@
 ---
-title: appearance (-moz-appearance, -webkit-appearance)
+title: appearance
 slug: Web/CSS/appearance
+l10n:
+  sourceCommit: 42c1bb8c259f3f57de9f38600776cf273e3addda
 ---
 
 {{CSSRef}}
 
-**`appearance`** は CSS のプロパティで、 OS のテーマに基づいたプラットフォームネイティブのスタイル付けを使用して要素を表示するために使用されます。**`-moz-appearance`** および **`-webkit-appearance`** はこのプロパティの標準外のバージョンで、(それぞれ) Gecko (Firefox) と Webkit ベース (Safari など) や Blink ベース (Chrome、Opera など) のブラウザーで同じことを実現するために使用されます。なお、 Firefox や Edge もまた、互換性の理由から **`-webkit-appearance`** に対応しています。
+**`appearance`** は CSS のプロパティで、 OS のテーマに基づいたプラットフォームネイティブのスタイル付けを使用して要素を表示するために使用されます。
 
 {{EmbedInteractiveExample("pages/css/appearance.html")}}
 
-**`-moz-appearance`** プロパティは [XUL](/ja/docs/Mozilla/Tech/XUL/Tutorial) スタイルシート内で、プラットフォーム固有のカスタムウィジェットをデザインするために頻繁に使用されていました。また、 Mozilla プラットフォームに搭載するウィジェットの [XBL](/ja/docs/XBL) 実装でも使用されていました。Gecko/Firefox 80 以降では、これらの使い方は **`-moz-default-appearance`** に変更され、内部スタイルシートの外では使用するべきではなくなりました。
+標準化以前は、このプロパティによって、ボタンやチェックボックスのような単純な要素をウィジェットとして表示できました。
+しかし、これは誤った機能であると考えられ、現在では標準的なキーワードのみを使用することが推奨されています。
 
 > **メモ:** ウェブサイトでこのプロパティを使いたいのであれば、とても注意深くテストする必要があります。現在のブラウザーのほとんどは対応していますが、その実装は大きく異なります。古いブラウザーでは、 `none` キーワードであっても、ブラウザーによってフォーム要素すべてに同じ効果があるわけではなく、まったく対応していないものもあります。最新のブラウザーでは、その差は小さくなっています。
 
@@ -65,21 +68,19 @@ appearance: unset;
     <tr>
       <td><code>none</code></td>
       <td>Firefox Chrome Safari Edge</td>
-      <td>特別なスタイルは適用されません。これが既定です。</td>
+      <td>select要素に表示されるリストが拡張可能であることを示す矢印など、ウィジェットの特定の機能を非表示にします。</td>
     </tr>
     <tr>
       <td><code>auto</code></td>
       <td>Firefox Chrome</td>
       <td>
-        ユーザーエージェントが要素に基づいて適切で特別なスタイルを選択します。特別なスタイルがない要素では `none` として動作します。
+        ユーザーエージェントが要素に基づいて適切で特別なスタイルを選択します。特別なスタイルがない要素では <code>none</code> として動作します。
       </td>
     </tr>
     <tr>
       <td><code>menulist-button</code></td>
       <td>Firefox Chrome Safari Edge</td>
-      <td>
-        この要素がメニューリストを開くことができるようなボタンとしてのスタイルになります。
-      </td>
+      <td></td>
     </tr>
     <tr>
       <td><code>textfield</code></td>
@@ -160,16 +161,16 @@ appearance: unset;
 
 #### 標準外のキーワード
 
-以下の値は接頭辞つきのプロパティのみで実装されていますが、標準の **`appearance`** プロパティにはないものです。
+以下の値は **`-moz-appearance`** や **`-webkit-appearance`** 接頭辞を利用して過去のブラウザーで動作可能ですが、標準の **`appearance`** プロパティにはないものです。
 
-| 値                                     | ブラウザー                 | 説明                                                                                                                                                                        |
+| 値                                     | ブラウザー                 | 説明                                                                                                                                                                               |
 | -------------------------------------- | -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `attachment`                           | Safari                     |                                                                                                                                                                                    |
 | `borderless-attachment`                | Safari                     |                                                                                                                                                                                    |
 | `button-bevel`                         | Firefox Chrome Safari Edge |                                                                                                                                                                                    |
 | `caps-lock-indicator`                  | Safari Edge                |                                                                                                                                                                                    |
 | `caret`                                | Firefox Chrome Safari Edge |                                                                                                                                                                                    |
-| `checkbox-container`                   | Firefox                    | この要素がチェックボックスのコンテナーのように表示されます。一部のプラットフォームではプリライティングの背景効果を含むことがあります。通常は、ラベルとチェックボックスを含みます。|
+| `checkbox-container`                   | Firefox                    | この要素がチェックボックスのコンテナーのように表示されます。一部のプラットフォームではプリライティングの背景効果を含むことがあります。通常は、ラベルとチェックボックスを含みます。 |
 | `checkbox-label`                       | Firefox                    |                                                                                                                                                                                    |
 | `checkmenuitem`                        | Firefox                    |                                                                                                                                                                                    |
 | `color-well`                           | Safari                     | `input type=color`                                                                                                                                                                 |
@@ -178,7 +179,7 @@ appearance: unset;
 | `discrete-capacity-level-indicator`    | Safari                     |                                                                                                                                                                                    |
 | `inner-spin-button`                    | Firefox Chrome Safari      |                                                                                                                                                                                    |
 | `image-controls-button`                | Safari                     |                                                                                                                                                                                    |
-| `list-button`                          | Safari                     | データリスト                                                                                                                                                                           |
+| `list-button`                          | Safari                     | データリスト                                                                                                                                                                       |
 | `listitem`                             | Firefox Chrome Safari Edge |                                                                                                                                                                                    |
 | `media-enter-fullscreen-button`        | Chrome Safari              |                                                                                                                                                                                    |
 | `media-exit-fullscreen-button`         | Chrome Safari              |                                                                                                                                                                                    |
@@ -205,11 +206,11 @@ appearance: unset;
 | `media-current-time-display`           | Chrome Safari              |                                                                                                                                                                                    |
 | `media-time-remaining-display`         | Chrome Safari              |                                                                                                                                                                                    |
 | `menulist-text`                        | Firefox Chrome Safari Edge |                                                                                                                                                                                    |
-| `menulist-textfield`                   | Firefox Chrome Safari Edge | この要素がメニューリストのテキストフィールドとしてスタイル付けされます。 (Windows プラットフォームでは実装されていません) |
-| `meterbar`                             | Firefox                    | 代わりに `meter` を使用してください。                                                                                                                                                             |
+| `menulist-textfield`                   | Firefox Chrome Safari Edge | この要素がメニューリストのテキストフィールドとしてスタイル付けされます。 (Windows プラットフォームでは実装されていません)                                                          |
+| `meterbar`                             | Firefox                    | 代わりに `meter` を使用してください。                                                                                                                                              |
 | `number-input`                         | Firefox                    |                                                                                                                                                                                    |
 | `progress-bar-value`                   | Chrome Safari              |                                                                                                                                                                                    |
-| `progressbar`                          | Firefox                    | この要素がプログレスバーのようにスタイル付けされます。代わりに `progress-bar` を使用してください。                                                                                                              |
+| `progressbar`                          | Firefox                    | この要素がプログレスバーのようにスタイル付けされます。代わりに `progress-bar` を使用してください。                                                                                 |
 | `progressbar-vertical`                 | Firefox                    |                                                                                                                                                                                    |
 | `range`                                | Firefox                    |                                                                                                                                                                                    |
 | `range-thumb`                          | Firefox                    |                                                                                                                                                                                    |
@@ -227,16 +228,16 @@ appearance: unset;
 | `scrollbartrack-horizontal`            | Firefox                    |                                                                                                                                                                                    |
 | `scrollbartrack-vertical`              | Firefox                    |                                                                                                                                                                                    |
 | `searchfield-decoration`               | Safari Edge                |                                                                                                                                                                                    |
-| `searchfield-results-decoration`       | Chrome Safari Edge         | (Windows 7 の Chrome 51 で動作)                                                                                                                                                  |
+| `searchfield-results-decoration`       | Chrome Safari Edge         | (Windows 7 の Chrome 51 で動作)                                                                                                                                                    |
 | `searchfield-results-button`           | Safari Edge                |                                                                                                                                                                                    |
 | `searchfield-cancel-button`            | Chrome Safari Edge         |                                                                                                                                                                                    |
 | `snapshotted-plugin-overlay`           | Safari                     |                                                                                                                                                                                    |
-| `sheet`                                | None                       |                                                                                                                                                                                    |
+| `sheet`                                | なし                       |                                                                                                                                                                                    |
 | `slider-vertical`                      | Chrome Safari Edge         |                                                                                                                                                                                    |
 | `sliderthumb-horizontal`               | Chrome Safari Edge         |                                                                                                                                                                                    |
 | `sliderthumb-vertical`                 | Chrome Safari Edge         |                                                                                                                                                                                    |
-| `textfield-multiline`                  | Firefox                    | 代わりに `textarea` を使用してください。                                                                                                                                                            |
-| `-apple-pay-button`                    | Safari                     | **iOS および macOS のみ**。ウェブでは iOS 10.1 および macOS 10.12.1 から使用可能。                                                                                               |
+| `textfield-multiline`                  | Firefox                    | 代わりに `textarea` を使用してください。                                                                                                                                           |
+| `-apple-pay-button`                    | Safari                     | **iOS および macOS のみ**。ウェブでは iOS 10.1 および macOS 10.12.1 から使用可能。                                                                                                 |
 
 ## 公式定義
 
@@ -252,51 +253,39 @@ appearance: unset;
 
 ```css
 .exampleone {
--webkit-appearance: menulist-button;
-   -moz-appearance: menulist-button;
-        appearance: menulist-button;
+  -webkit-appearance: menulist-button;
+  -moz-appearance: menulist-button;
+  appearance: menulist-button;
 }
 ```
 
-<h3 id="Apply_custom_styling">独自のスタイル付けの適用</h3>
+### 独自のスタイル付けの適用
 
 #### HTML
 
 ```html
-<p><input type="checkbox" id="check"><label for="check">同意します</label></p>
+<select class="none">
+  <option>appearance: none</option>
+</select>
+<select class="auto">
+  <option>appearance: auto</option>
+</select>
 ```
 
 #### CSS
 
 ```css
-input {
-  -webkit-appearance: none;
-  -moz-appearance: none;
+.none {
   appearance: none;
-  display: inline-block;
-  vertical-align: middle;
-}
-
-input[type="checkbox"] {
-  border: 2px solid #555;
-  width: 20px;
-  height: 20px;
-  padding: 4px;
-}
-input[type="checkbox"]:checked {
-  background: #555;
-  background-clip: content-box;
 }
-label {
-  display: inline-block;
-  vertical-align: middle;
-  margin: 0 0 -2px 8px;
+.auto {
+  appearance: auto;
 }
 ```
 
 #### 結果
 
-{{EmbedLiveSample("Apply_custom_styling", 1050, 100)}}
+{{EmbedLiveSample("Apply_custom_styling", 1050, 70)}}
 
 ## 仕様書
 
@@ -308,5 +297,4 @@ label {
 
 ## 関連情報
 
-- [CSS 3 基本ユーザーインターフェイスでの `appearance` の定義](https://www.w3.org/TR/2004/CR-css3-ui-20040511/#appearance) (2004-05-11 より勧告候補)。
-- [UI 仕様 4 から削除された CSS3 機能](https://wiki.csswg.org/spec/css4-ui#dropped-css3-features)
+- [CSS Basic User Interface Module Level 4 での `appearance` の定義](https://drafts.csswg.org/css-ui/#appearance-switching)

From 5c2b9696e483361dd073c7d04bc44f95cf75cd1e Mon Sep 17 00:00:00 2001
From: tanzaku <tanzaku@users.noreply.github.com>
Date: Sat, 24 Jun 2023 19:34:19 +0900
Subject: [PATCH 070/146] Fix typo

---
 files/ja/web/css/padding/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ja/web/css/padding/index.md b/files/ja/web/css/padding/index.md
index 80458d383fad04..be30bf6da5c552 100644
--- a/files/ja/web/css/padding/index.md
+++ b/files/ja/web/css/padding/index.md
@@ -112,7 +112,7 @@ padding: 10px 3% 20px;      /* 上:     10px のパディング */
 padding: 1em 3px 30px 5px;  /* 上:     1em のパディング  */
                             /* 右:     3px のパディング  */
                             /* 下:     30px のパディング */
-                            /* 右:     5px のパディング  */
+                            /* 左:     5px のパディング  */
 ```
 
 ## 仕様書

From 2f9536bea72183a83f77cd6f00790ffae0226ceb Mon Sep 17 00:00:00 2001
From: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
Date: Sat, 24 Jun 2023 00:18:31 +0000
Subject: [PATCH 071/146] ja: sync translated content

---
 files/ja/_redirects.txt                                       | 1 +
 files/ja/_wikihistory.json                                    | 2 +-
 files/ja/web/css/@media/{update-frequency => update}/index.md | 3 ++-
 3 files changed, 4 insertions(+), 2 deletions(-)
 rename files/ja/web/css/@media/{update-frequency => update}/index.md (96%)

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index 0b0b669ad72006..7d6b5f351eaf39 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -3519,6 +3519,7 @@
 /ja/docs/Web/CSS/:host()	/ja/docs/Web/CSS/:host_function
 /ja/docs/Web/CSS/:matches	/ja/docs/Web/CSS/:is
 /ja/docs/Web/CSS/@font-face/font-variant	/ja/docs/Web/CSS/@font-face
+/ja/docs/Web/CSS/@media/update-frequency	/ja/docs/Web/CSS/@media/update
 /ja/docs/Web/CSS/@scroll-timeline	/ja/docs/Web/CSS/scroll-timeline
 /ja/docs/Web/CSS/@viewport	/ja/docs/Web/CSS
 /ja/docs/Web/CSS/@viewport/height	/ja/docs/Web/CSS
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index 1af439e0e9785d..2aad994a3ae7fd 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -16351,7 +16351,7 @@
     "modified": "2020-10-15T22:20:56.866Z",
     "contributors": ["mfuji09"]
   },
-  "Web/CSS/@media/update-frequency": {
+  "Web/CSS/@media/update": {
     "modified": "2020-10-15T22:06:02.463Z",
     "contributors": ["mfuji09"]
   },
diff --git a/files/ja/web/css/@media/update-frequency/index.md b/files/ja/web/css/@media/update/index.md
similarity index 96%
rename from files/ja/web/css/@media/update-frequency/index.md
rename to files/ja/web/css/@media/update/index.md
index a23a7ae8e244b8..9aa6d8f554bc09 100644
--- a/files/ja/web/css/@media/update-frequency/index.md
+++ b/files/ja/web/css/@media/update/index.md
@@ -1,6 +1,7 @@
 ---
 title: update
-slug: Web/CSS/@media/update-frequency
+slug: Web/CSS/@media/update
+original_slug: Web/CSS/@media/update-frequency
 ---
 
 {{CSSRef}}

From 2b53966752e5ddffede854da155a2a0595b95009 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 21:46:46 +0900
Subject: [PATCH 072/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
 =?UTF-8?q?=20(#13847)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

2023/06/13 時点の英語版に同期
---
 .../ja/web/html/element/input/month/index.md  | 155 ++++++++++--------
 1 file changed, 83 insertions(+), 72 deletions(-)

diff --git a/files/ja/web/html/element/input/month/index.md b/files/ja/web/html/element/input/month/index.md
index 63410fa20dc51a..ef740bf5254b0b 100644
--- a/files/ja/web/html/element/input/month/index.md
+++ b/files/ja/web/html/element/input/month/index.md
@@ -2,13 +2,13 @@
 title: <input type="month">
 slug: Web/HTML/Element/input/month
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
 
 {{HTMLElement("input")}} 要素の **`month`** 型は、ユーザーが年と月を入力できるようにする入力フィールドを作成し、年と月を簡単に入力できるようにします。
-値は "`YYYY-MM`" の形式の文字列で、 `YYYY` は 4 桁の年、 `MM` は月の番号です。
+値は "`YYYY-MM`" の形式の文字列で、`YYYY` は 4 桁の年、 `MM` は月の番号です。
 
 {{EmbedInteractiveExample("pages/tabbed/input-month.html", "tabbed-shorter")}}
 
@@ -24,53 +24,10 @@ Microsoft Edge では、 `month` コントロールはこのように表示さ
 
 ![Edge ブラウザーの month コントロール](month-control-edge.png)
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>
-        年と月を表す文字列、または空欄
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#step"><code>step</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}},
-        {{domxref("HTMLInputElement.stepDown", "stepDown()")}},
-        {{domxref("HTMLInputElement.stepUp", "stepUp()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
-文字列で、入力欄に入力された年と月の値を YYYY-MM (4 桁以上の年に続いてハイフン ("`-`")、続いて 2 桁の月) の形式で表します。
-この入力型で使用される時刻の値の形式について詳しくは、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[月文字列](/ja/docs/Web/HTML/Date_and_time_formats#月文字列)をご覧ください。
+文字列で、入力欄に入力された年と月の値を YYYY-MM（4 桁以上の年に続いてハイフン ("`-`")、続いて 2 桁の月）の形式で表します。
+この入力型で使用される時刻の値の形式について詳しくは、[月文字列](/ja/docs/Web/HTML/Date_and_time_formats#月文字列)をご覧ください。
 
 ### 既定値の設定
 
@@ -78,7 +35,7 @@ Microsoft Edge では、 `month` コントロールはこのように表示さ
 
 ```html
 <label for="bday-month">生まれた月は？</label>
- <input id="bday-month" type="month" name="bday-month" value="2001-06" />
+<input id="bday-month" type="month" name="bday-month" value="2001-06" />
 ```
 
 {{EmbedLiveSample('Setting_a_default_value', 600, 60)}}
@@ -98,7 +55,7 @@ Microsoft Edge では、 `month` コントロールはこのように表示さ
 
 ```js
 const monthControl = document.querySelector('input[type="month"]');
-monthControl.value = '2001-06';
+monthControl.value = "2001-06";
 ```
 
 {{EmbedLiveSample("Setting_the_value_using_JavaScript", 600, 60)}}
@@ -227,7 +184,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 </form>
 ```
 
-年と月を指定せずに (または設定した範囲を外れた日付を) 送信しようとすると、ブラウザーはエラーを表示します。
+年と月を指定せずに（または設定した範囲を外れた日付を）送信しようとすると、ブラウザーはエラーを表示します。
 例を実行してみましょう。
 
 {{ EmbedLiveSample('Validation', 600, 120) }}
@@ -350,12 +307,12 @@ input:valid + span::after {
 }
 ```
 
-(すべての主要なブラウザーが対応するまでの間) ブラウザーに依存しない方法によってフォームで日付を扱う最善の方法は、ユーザーが年と月を別々なコントロール ({{htmlelement("select")}} 要素が一般的です。以下の実装を見てください) に入力するようにするか、 [jQuery date picker](https://jqueryui.com/datepicker/) のような JavaScript ライブラリを使用することです。
+（すべての主要なブラウザーが対応するまでの間）ブラウザーに依存しない方法によってフォームで日付を扱う最善の方法は、ユーザーが年と月を別々なコントロール（({{htmlelement("select")}} 要素であることが多いです。以下の実装を見てください）に入力するようにするか、 [jQuery date picker](https://jqueryui.com/datepicker/) のような JavaScript ライブラリーを使用することです。
 
 ## 例
 
-この例では、ユーザーが都市と月を選択できるよう設計されたユーザーインターフェイスの要素を2組作成します。
-一つ目はネイティブの `month` 入力欄であり、もう一つは年と月を個別に選択することができる一組の {{HTMLElement("select")}} 要素で、まだ `<input type="month">` に対応していないブラウザーのためのものです。
+この例では、ユーザーが年と月を選択できるよう設計されたユーザーインターフェイスの要素を 2 組作成します。
+1 つ目はネイティブの `month` 入力欄であり、もう 1 つは年と月を個別に選択することができる一対の {{HTMLElement("select")}} 要素で、まだ `<input type="month">` に対応していないブラウザーのためのものです。
 
 ### 結果
 
@@ -369,7 +326,7 @@ input:valid + span::after {
 <form>
   <div class="nativeDatePicker">
     <label for="month-visit">何月にいらっしゃいますか？</label>
-    <input type="month" id="month-visit" name="month-visit">
+    <input type="month" id="month-visit" name="month-visit" />
     <span class="validity"></span>
   </div>
   <p class="fallbackLabel">何月にいらっしゃいますか？</p>
@@ -402,9 +359,11 @@ input:valid + span::after {
 </form>
 ```
 
-`nativeDatePicker` の ID がついた {{HTMLElement("div")}} は、年と月をリクエストするために `month` 入力欄を用いるのに対し、 `fallbackDatePicker` の ID がついた `<div>` は代わりに一組の `<select>` 要素を使用します。一つ目は年を、二つ目は月を入力します。
+`nativeDatePicker` の ID がついた {{HTMLElement("div")}} は、年と月をリクエストするために `month` 入力欄を用いるのに対し、 `fallbackDatePicker` の ID がついた `<div>` は代わりに一対の `<select>` 要素を使用します。
+1 つ目は年を、2 つ目は月を入力します。
 
-月を選択する `<select>` は、変化しないので月をハードコーディングしています (ローカライズの問題が残っていますが)。年に利用できる値は、現在の年に応じて動的に生成されます (どのように動作するかについての詳細な説明は、以下のコードのコメントを参照してください)。
+月を選択する `<select>` は、変化しないので月をハードコーディングしています（ローカライズの問題が残っていますが）。
+年に利用できる値は、現在の年に応じて動的に生成されます（どのように動作するかについての詳細な説明は、以下のコードのコメントを参照してください）。
 
 ```css hidden
 div {
@@ -437,36 +396,39 @@ input:valid + span::after {
 
 どちらの方法を使用するかを選択し、非ネイティブの年の `<select>` に年の一覧を設定する JavaScript コードは以下の通りです。
 
-この例の面白いもう一つの部分は、機能の検出コードです。ブラウザーが `<input type="month">` に対応しているかどうかを検出するために、新たな {{htmlelement("input")}} 要素を生成し、その `type` を `month` に設定して、すぐに type に何が設定されたかをチェックします。対応していないブラウザーでは、 `month` が フォールバックされて `text` が返されます。 `<input type="month">` に対応していない場合は、ネイティブの日付選択を非表示にしてフォールバック用の選択ユーザーインターフェイスを表示します。
+この例の面白いもう一つの部分は、機能の検出コードです。
+ブラウザーが `<input type="month">` に対応しているかどうかを検出するために、新たな {{htmlelement("input")}} 要素を生成し、その `type` を `month` に設定して、すぐに type に何が設定されたかをチェックします。
+対応していないブラウザーでは、`month` が フォールバックされて `text` が返されます。
+`<input type="month">` に対応していない場合は、ネイティブの日付選択を非表示にしてフォールバック用の選択ユーザーインターフェイスを表示します。
 
 ```js
-// define variables
-const nativePicker = document.querySelector('.nativeDatePicker');
-const fallbackPicker = document.querySelector('.fallbackDatePicker');
-const fallbackLabel = document.querySelector('.fallbackLabel');
+// UI 要素の取得
+const nativePicker = document.querySelector(".nativeDatePicker");
+const fallbackPicker = document.querySelector(".fallbackDatePicker");
+const fallbackLabel = document.querySelector(".fallbackLabel");
 
-const yearSelect = document.querySelector('#year');
-const monthSelect = document.querySelector('#month');
+const yearSelect = document.querySelector("#year");
+const monthSelect = document.querySelector("#month");
 
 // Hide fallback initially
-fallbackPicker.style.display = 'none';
-fallbackLabel.style.display = 'none';
+fallbackPicker.style.display = "none";
+fallbackLabel.style.display = "none";
 
 // Test whether a new date input falls back to a text input or not
-const test = document.createElement('input');
+const test = document.createElement("input");
 
 try {
-  test.type = 'month';
+  test.type = "month";
 } catch (e) {
   console.log(e.description);
 }
 
 // If it does, run the code inside the if () {} block
-if (test.type === 'text') {
+if (test.type === "text") {
   // Hide the native picker and show the fallback
-  nativePicker.style.display = 'none';
-  fallbackPicker.style.display = 'block';
-  fallbackLabel.style.display = 'block';
+  nativePicker.style.display = "none";
+  fallbackPicker.style.display = "block";
+  fallbackLabel.style.display = "block";
 
   // Populate the years dynamically
   // (the months are always the same, therefore hardcoded)
@@ -480,7 +442,7 @@ function populateYears() {
 
   // Make this year, and the 100 years before it available in the year <select>
   for (let i = 0; i <= 100; i++) {
-    const option = document.createElement('option');
+    const option = document.createElement("option");
     option.textContent = year - i;
     yearSelect.appendChild(option);
   }
@@ -489,6 +451,55 @@ function populateYears() {
 
 > **メモ:** 53 週ある年もあることを忘れないでください（[年あたりの週数](https://en.wikipedia.org/wiki/ISO_week_date#Weeks_per_year)を参照）。商品のアプリを開発するときはこれを念頭に置いておく必要があります。
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>
+        年と月を表す文字列、または空欄
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#step"><code>step</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}},
+        {{domxref("HTMLInputElement.stepDown", "stepDown()")}},
+        {{domxref("HTMLInputElement.stepUp", "stepUp()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"><code>対応するロールなし</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 31a564b58e9bbcaabd0fe756a29cf149f80b09e9 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Jun 2023 23:33:11 +0900
Subject: [PATCH 073/146] =?UTF-8?q?2023/06/15=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/number/index.md | 144 +++++++++---------
 1 file changed, 76 insertions(+), 68 deletions(-)

diff --git a/files/ja/web/html/element/input/number/index.md b/files/ja/web/html/element/input/number/index.md
index 26e2061a5df2e7..8802c8015a8d91 100644
--- a/files/ja/web/html/element/input/number/index.md
+++ b/files/ja/web/html/element/input/number/index.md
@@ -2,7 +2,7 @@
 title: <input type="number">
 slug: Web/HTML/Element/input/number
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: 35f56647dea855306800c124d99c4cd0962505dd
 ---
 
 {{HTMLSidebar}}
@@ -15,47 +15,6 @@ l10n:
 
 `number` 型に対応していないブラウザーでは、 `number` 入力欄は `text` 入力欄で代替されます。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>数字を表す {{jsxref("Number")}}、または空欄</td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>list</code>, <code>value</code>, <code>valueAsNumber</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}},
-        {{domxref("HTMLInputElement.stepUp", "stepUp()")}},
-        {{domxref("HTMLInputElement.stepDown", "stepDown()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 入力欄に入力された数字の値を表す数値です。 [`value`](/ja/docs/Web/HTML/Element/input#value) 属性に数値を設定することで、次のように入力欄の既定値を設定することができます。
@@ -92,7 +51,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 コントロールの内容がある書字方向 ({{Glossary("LTR")}} または {{Glossary("RTL")}}) であるものの、プレイスホルダーを逆の方向に表示する必要がある場合、 Unicode 双方向アルゴリズム書式文字を使用してプレイスホルダーの中で書字方向を上書きすることができます。詳しくは、[双方向テキストでの Unicode コードの使い方（英語）](https://www.w3.org/International/questions/qa-bidi-unicode-controls)を参照してください。
 
-> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[\<input>: 入力欄 (フォーム入力) 要素](/ja/docs/Web/HTML/Element/input)の[プレイスホルダーはアクセシブルではない](/ja/docs/Web/HTML/Element/input#プレイスホルダーはアクセシブルではない)を参照してください。
+> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[`<input>` のラベル](/ja/docs/Web/HTML/Element/input#ラベル)を参照してください。
 
 ### `readonly`
 
@@ -386,46 +345,46 @@ input:valid + span::after {
 そして最後に、 JavaScript です。
 
 ```js
-const metersInputGroup = document.querySelector('.metersInputGroup');
-const feetInputGroup = document.querySelector('.feetInputGroup');
-const metersInput = document.querySelector('#meters');
-const feetInput = document.querySelector('#feet');
-const inchesInput = document.querySelector('#inches');
+const metersInputGroup = document.querySelector(".metersInputGroup");
+const feetInputGroup = document.querySelector(".feetInputGroup");
+const metersInput = document.querySelector("#meters");
+const feetInput = document.querySelector("#feet");
+const inchesInput = document.querySelector("#inches");
 const switchBtn = document.querySelector('input[type="button"]');
 
-switchBtn.addEventListener('click', () => {
-  if (switchBtn.getAttribute('class') === 'meters') {
-    switchBtn.setAttribute('class', 'feet');
-    switchBtn.value = '身長をメートルで入力';
+switchBtn.addEventListener("click", () => {
+  if (switchBtn.getAttribute("class") === "meters") {
+    switchBtn.setAttribute("class", "feet");
+    switchBtn.value = "身長をメートルで入力";
 
-    metersInputGroup.style.display = 'none';
-    feetInputGroup.style.display = 'block';
+    metersInputGroup.style.display = "none";
+    feetInputGroup.style.display = "block";
 
-    feetInput.setAttribute('required', '');
-    inchesInput.setAttribute('required', '');
-    metersInput.removeAttribute('required');
+    feetInput.setAttribute("required", "");
+    inchesInput.setAttribute("required", "");
+    metersInput.removeAttribute("required");
 
-    metersInput.value = '';
+    metersInput.value = "";
   } else {
-    switchBtn.setAttribute('class', 'meters');
-    switchBtn.value = '身長をフィートとインチで入力';
+    switchBtn.setAttribute("class", "meters");
+    switchBtn.value = "身長をフィートとインチで入力";
 
-    metersInputGroup.style.display = 'block';
-    feetInputGroup.style.display = 'none';
+    metersInputGroup.style.display = "block";
+    feetInputGroup.style.display = "none";
 
-    feetInput.removeAttribute('required');
-    inchesInput.removeAttribute('required');
-    metersInput.setAttribute('required', '');
+    feetInput.removeAttribute("required");
+    inchesInput.removeAttribute("required");
+    metersInput.setAttribute("required", "");
 
-    feetInput.value = '';
-    inchesInput.value = '';
+    feetInput.value = "";
+    inchesInput.value = "";
   }
 });
 ```
 
 いくつかの変数を宣言した後、イベントリスナーを `button` に追加し、切り替えの仕組みを制御しています。これはとても単純で、ほとんどがボタンの `class` と {{HTMLElement("label")}} を変更するためのものであり、そしてボタンが押されたときに2組の入力の display 値を更新しています。
 
-(なお、ここではメートルとフィート/インチの間の変換は行っていませんが、実際のウェブアプリケーションではおそらく行うでしょう。)
+（なお、ここではメートルとフィート/インチの間の変換は行っていませんが、実際のウェブアプリケーションではおそらく行うでしょう。）
 
 > **メモ:** ユーザーがボタンをクリックしたとき、 `required` 属性を非表示にする入力欄から削除し、 `value` 属性を空にしています。これは入力欄の両方の組が入力されていなくてもフォームを送信することができるようにしています。これはユーザーが意図していないデータをフォームが送信しないことを保証するものでもあります。
 >
@@ -437,6 +396,55 @@ switchBtn.addEventListener('click', () => {
 
 また、 [`autocomplete`](/ja/docs/Web/HTML/Attributes/autocomplete) 属性を使用して、ユーザーがよりすばやく、エラーの可能性を低くしてフォームを記入できるようにすることも検討してください。例えば、郵便番号のフィールドで自動補完を有効にするには、 `autocomplete="postal-code"` と設定してください。
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>数字を表す {{jsxref("Number")}}、または空欄</td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+         <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+         <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
+         <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
+         <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>list</code>, <code>value</code>, <code>valueAsNumber</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}},
+        {{domxref("HTMLInputElement.stepUp", "stepUp()")}},
+        {{domxref("HTMLInputElement.stepDown", "stepDown()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td>
+        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/spinbutton_role">spinbutton</a></code>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 50be7ded8a8171b49031115b6b662836f413b628 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Jun 2023 00:02:06 +0900
Subject: [PATCH 074/146] =?UTF-8?q?2023/03/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/radio/index.md  | 88 +++++++++++--------
 1 file changed, 49 insertions(+), 39 deletions(-)

diff --git a/files/ja/web/html/element/input/radio/index.md b/files/ja/web/html/element/input/radio/index.md
index 4de3317b0ed771..c9adf1884ce88a 100644
--- a/files/ja/web/html/element/input/radio/index.md
+++ b/files/ja/web/html/element/input/radio/index.md
@@ -2,7 +2,7 @@
 title: <input type="radio">
 slug: Web/HTML/Element/input/radio
 l10n:
-  sourceCommit: a03b4b0e9aaac7409ff1ce974ab1bf2f40c81e03
+  sourceCommit: fa8a44b8bff24a4032181c4fd155c459c0dc9161
 ---
 
 {{HTMLSidebar}}
@@ -17,43 +17,6 @@ l10n:
 
 > **メモ:** [チェックボックス](/ja/docs/Web/HTML/Element/input/checkbox)はラジオボタンに似ていますが、重要な違いがあります。ラジオボタンは一組の中で一つの値を選択するように設計されているのに対し、チェックボックスは個別に値をオンまたはオフに設定できます。複数のコントロールが存在するところでは、ラジオボタンは全体の中で一つを選択できますが、チェックボックスは複数の値を選択することができます。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#value">値</a></strong></td>
-      <td>
-        ラジオボタンの値を表す文字列です。
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>{{domxref("HTMLElement/change_event", "change")}} および {{domxref("HTMLElement/input_event", "input")}}</td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <code><a href="#attr-checked">checked</a></code
-        >,
-        <code><a href="#attr-value">value</a></code>,
-        <code><a href="/ja/docs/Web/HTML/Attributes/required">required</a></code>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>checked</code> および <code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 `value` 属性はラジオボタンの値を持つ文字列です。値は{{Glossary("user agent", "ユーザーエージェント")}}がユーザーに表示することはありません。代わりに、グループ内のどのラジオボタンが選択されているかを識別するために使用されます。
@@ -308,7 +271,7 @@ button:active {
 }
 ```
 
-ここで最も注目すべきは、{{cssxref("appearance")}}プロパティ（一部のブラウザーで対応しているために必要な接頭辞付き）を使用している点です。既定で、ラジオボタン（と [チェックボックス](/ja/docs/Web/HTML/Element/input/checkbox)）は、それらのコントロールのためのオペレーティングシステムのネイティブスタイルでスタイル設定されています。 `appearance: none` を指定することで、ネイティブのスタイル設定を完全に削除し、自分自身でスタイルを作成することができます。ここでは、 {{cssxref("border")}} と {{cssxref("border-radius")}} と {{cssxref("transition")}} を使用して、ラジオ選択のアニメーションがあるように作成しています。また、 {{cssxref(":checked")}} 擬似クラスが、選択時のラジオボタンの外観のスタイルを指定するために使用されていることに注目してください。
+ここで最も注目すべきは、{{cssxref("appearance")}} プロパティ（一部のブラウザーで対応しているために必要な接頭辞付き）を使用している点です。既定で、ラジオボタン（と[チェックボックス](/ja/docs/Web/HTML/Element/input/checkbox)）は、それらのコントロールのためのオペレーティングシステムのネイティブスタイルでスタイル設定されています。 `appearance: none` を指定することで、ネイティブのスタイル設定を完全に削除し、自分自身でスタイルを作成することができます。ここでは、 {{cssxref("border")}} と {{cssxref("border-radius")}} と {{cssxref("transition")}} を使用して、ラジオ選択のアニメーションがあるように作成しています。また、 {{cssxref(":checked")}} 擬似クラスが、選択時のラジオボタンの外観のスタイルを指定するために使用されていることに注目してください。
 
 > **メモ:** もし {{cssxref("appearance")}} プロパティを使用したい場合は、とても慎重にテストする必要があります。このプロパティはほとんどの現代のブラウザーで対応していますが、その実装は大きく異なっています。古いブラウザーでは、キーワード `none` でさえ異なる形で同じ効果を持たず、まったく対応していないブラウザーもあります。最新のブラウザーでは、そのような違いは小さくなっています。
 
@@ -316,6 +279,53 @@ button:active {
 
 ラジオボタンをクリックすると、 2 つのボタンの状態が変わるときに、きれいで滑らかなフェードアウト/イン効果があることに注意してください。さらに、凡例と送信ボタンのスタイルと色は、強いコントラストを保有するようにカスタマイズされています。これは、実際のウェブアプリケーションで使用したい外観ではないかもしれませんが、その可能性を示していることは間違いありません。
 
+## Technical summary
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#value">値</a></strong></td>
+      <td>
+        ラジオボタンの値を表す文字列です。
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>{{domxref("HTMLElement/change_event", "change")}} および {{domxref("HTMLElement/input_event", "input")}}</td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <code><a href="#checked">checked</a></code
+        >, <code><a href="#value">value</a></code>,
+        <code
+          ><a href="/ja/docs/Web/HTML/Attributes/required">required</a></code
+        >
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>checked</code> および <code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}}
+      </td>
+    </tr>
+     <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td>
+        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/radio_role">radio</a></code>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 4cc29e8e14c2dda24ffb3a43d4688928fd811027 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Jun 2023 00:27:03 +0900
Subject: [PATCH 075/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/reset/index.md  | 79 ++++++++++---------
 1 file changed, 42 insertions(+), 37 deletions(-)

diff --git a/files/ja/web/html/element/input/reset/index.md b/files/ja/web/html/element/input/reset/index.md
index 07ff29cc0db3a1..e00166bbd8ca91 100644
--- a/files/ja/web/html/element/input/reset/index.md
+++ b/files/ja/web/html/element/input/reset/index.md
@@ -2,7 +2,7 @@
 title: <input type="reset">
 slug: Web/HTML/Element/input/reset
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: f6d04a43eadf5ab26a3488942dfb318b58234eb5
 ---
 
 {{HTMLSidebar}}
@@ -11,39 +11,7 @@ l10n:
 
 {{EmbedInteractiveExample("pages/tabbed/input-reset.html", "tabbed-standard")}}
 
-> **メモ:** 通常、フォームにリセットボタンを配置するべきではありません。このようなボタンは便利なものではなく、間違ってボタンをクリックしてしまったユーザーをイライラさせる可能性が高くなります ([送信ボタン](/ja/docs/Web/HTML/Element/input/submit)をクリックしようとしているときにクリックしてしまうことが多いです)。
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#value">値</a></strong></td>
-      <td>ボタンのラベルとして使用する文字列</td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>{{domxref("Element/click_event", "click")}}</td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#type"><code>type</code></a> および
-        <a href="/ja/docs/Web/HTML/Element/input#value"><code>value</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>なし</td>
-    </tr>
-  </tbody>
-</table>
+> **メモ:** 通常、フォームにリセットボタンを配置するべきではありません。このようなボタンは便利なものではなく、間違ってボタンをクリックしてしまったユーザーをイライラさせる可能性が高くなります（[送信ボタン](/ja/docs/Web/HTML/Element/input/submit)をクリックしようとしているときにクリックしてしまうことが多いです）。
 
 ## 値
 
@@ -57,7 +25,7 @@ l10n:
 
 {{EmbedLiveSample("Setting_the_value_attribute", 650, 30)}}
 
-`value` を指定しなかった場合は、既定のラベルが付いたボタンが表示されます (通常は「リセット」ですが、{{Glossary("user agent", "ユーザーエージェント")}}によって異なります)。
+`value` を指定しなかった場合は、既定のラベルが付いたボタンが表示されます（通常は「リセット」ですが、{{Glossary("user agent", "ユーザーエージェント")}}によって異なります）。
 
 ```html
 <input type="reset" />
@@ -111,7 +79,7 @@ l10n:
 
 {{EmbedLiveSample("Adding_a_reset_keyboard_shortcut", 650, 100)}}
 
-上記の例の問題点は、アクセスキーが何であるかをユーザーが知る方法がないことです。これは特に、一般的には競合を避けるために修飾キーが標準的ではないために特に問題になります。サイトを構築する際には、サイトデザインの邪魔にならないような方法でこの情報を提供するようにしてください (例えば、サイトのアクセスキーについての情報を指す簡単にアクセスできるリンクを提供するなど)。ボタンにツールチップを追加する ([`title`](/ja/docs/Web/HTML/Global_attributes#title) 属性を使う) ことも役立ちますが、アクセシビリティのためには完全な解決策ではありません。
+上記の例の問題点は、アクセスキーが何であるかをユーザーが知る方法がないことです。これは特に、一般的には競合を避けるために修飾キーが標準的ではないために特に問題になります。サイトを構築する際には、サイトデザインの邪魔にならないような方法でこの情報を提供するようにしてください（例えば、サイトのアクセスキーについての情報を指す簡単にアクセスできるリンクを提供するなど）。ボタンにツールチップを追加する（[`title`](/ja/docs/Web/HTML/Global_attributes#title) 属性を使う）ことも役立ちますが、アクセシビリティのためには完全な解決策ではありません。
 
 ### リセットボタンの無効化と有効化
 
@@ -133,6 +101,44 @@ l10n:
 
 上記に簡単な例を挙げました。リセットボタンについては、これ以上言うことはありません。
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#value">値</a></strong></td>
+      <td>ボタンのラベルとして使用する文字列</td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>{{domxref("Element/click_event", "click")}}</td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#type"><code>type</code></a> および
+        <a href="/ja/docs/Web/HTML/Element/input#value"><code>value</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>なし</td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="/ja/docs/Web/Accessibility/ARIA/Roles/button_role"><code>button</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}
@@ -145,7 +151,6 @@ l10n:
 
 - {{HTMLElement("input")}} およびそれが実装している {{domxref("HTMLInputElement")}} インターフェイス
 - [フォームとボタン](/ja/docs/Learn/Forms/Basic_native_form_controls#実際のボタン)
-- [フォーム (アクセシビリティ)](/ja/docs/Web/Accessibility/ARIA/forms)
 - [HTML フォーム](/ja/docs/Learn/Forms)
 - {{HTMLElement("button")}} 要素
 - [CSS プロパティの互換性](/ja/docs/Learn/Forms/Property_compatibility_table_for_form_controls)

From 8f8fc69a9dd57c837fa0c40416ac140697ee00ff Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Jun 2023 00:47:46 +0900
Subject: [PATCH 076/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/html/element/input/submit/index.md | 81 ++++++++++---------
 1 file changed, 42 insertions(+), 39 deletions(-)

diff --git a/files/ja/web/html/element/input/submit/index.md b/files/ja/web/html/element/input/submit/index.md
index b8e0fb04ab6f27..11f00576783ecc 100644
--- a/files/ja/web/html/element/input/submit/index.md
+++ b/files/ja/web/html/element/input/submit/index.md
@@ -2,45 +2,13 @@
 title: <input type="submit">
 slug: Web/HTML/Element/input/submit
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: f6d04a43eadf5ab26a3488942dfb318b58234eb5
 ---
 
 {{HTMLSidebar}}
 
 {{HTMLElement("input")}} 要素の **`submit`** 型は、ボタンとして描画されます。 {{domxref("Element/click_event", "click")}} イベントが発生したとき（ふつうはユーザーがボタンをクリックしたとき）、{{Glossary("user agent", "ユーザーエージェント")}}はサーバーへフォームを送信しようとします。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#value">値</a></strong></td>
-      <td>ボタンのラベルとして使用する文字列</td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>{{domxref("Element/click_event", "click")}}</td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#type"><code>type</code></a> および
-        <a href="/ja/docs/Web/HTML/Element/input#value"><code>value</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td><code>value</code></td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>なし</td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 `<input type="submit">` 要素の [`value`](/ja/docs/Web/HTML/Element/input#value) 属性は、ボタンのラベルとして表示される文字列を示します。ボタンはその他の真の値を持ちません。
@@ -78,7 +46,7 @@ l10n:
 文字列で、フォームのデータをサーバーに送信する際に使われるエンコーディング方法を識別します。許されている値は 3 つです。
 
 - `application/x-www-form-urlencoded`
-  - : これは既定値で、フォームのデータを {{jsxref("encodeURI", "encodeURI()")}} などのアルゴリズムを使って URL エンコーディングした後で送信します。
+  - : これは既定値で、フォームのデータを {{jsxref("encodeURI", "encodeURI()")}} などのアルゴリズムを使って [URL エンコーディング](https://ja.wikipedia.org/wiki/パーセントエンコーディング)した後で送信します。
 - `multipart/form-data`
   - : データを管理するために {{domxref("FormData")}} API を使用し、複数のファイルをサーバーに送信することができます。フォームに {{HTMLElement("input")}} 要素の [`type`](/ja/docs/Web/HTML/Element/input#type) が `file` ([`<input type="file">`](/ja/docs/Web/HTML/Element/input/file)) が含まれている場合は、このエンコーディング型を*使わなければなりません*。
 - `text/plain`
@@ -128,7 +96,7 @@ l10n:
 
 `<input type="submit">` ボタンはフォームを送信するために使用されます。もしカスタムボタンを作成し、JavaScript で動作をカスタマイズしたい場合は、[`<input type="button">`](/ja/docs/Web/HTML/Element/input/button) か、より好ましくは {{htmlelement("button")}} 要素を使用しなければいけません。
 
-もしフォームのボタンを作成するのに `<button>` 要素を使用するのであれば、次のことに注意してください。 `<button>` が {{HTMLElement("form")}} の中に 1 つしかない場合、そのボタンは "submit" ボタンとして扱われます。ですから、どのボタンが送信ボタンであるかを明示的に指定する習慣をつけるとよいでしょう。
+もしフォームのボタンを作成するのに `<button>` 要素を使用するのであれば、次のことに注意してください。`<button>` が {{HTMLElement("form")}} の中にある場合、そのボタンは "submit" ボタンとして扱われます。ですから、どのボタンが送信ボタンであるかを明示的に指定する習慣をつけるとよいでしょう。
 
 ### 単純な送信ボタン
 
@@ -154,11 +122,11 @@ l10n:
 
 送信すると、データの名前と値のペアがサーバーに送信されます。この例では、文字列は `text=usertext` となります。"usertext" はユーザーが入力したテキストで、特殊文字を保持するためにエンコードされています。どこでどのようにデータを送信するかは `<form>` の設定によります。詳しくは[フォームデータの送信](/ja/docs/Learn/Forms/Sending_and_retrieving_form_data)を参照してください。
 
-### 送信するキーボードショートカットの追加
+### 送信ボタンへのキーボードショートカットの追加
 
 キーボードショートカットは、アクセスキーやキーボード相当物とも呼ばれ、ユーザーがキーボードのキーまたはキーの組み合わせを使ってボタンを発生させることができます。送信ボタンにキーボードショートカットを追加するには、それが意味をなす他の {{HTMLElement("input")}} と同じように、[`accesskey`](/ja/docs/Web/HTML/Global_attributes/accesskey) グローバル属性を使用してください。
 
-この例では、 <kbd>s</kbd> がアクセスキーとして指定されています（<kbd>s</kbd> と、あなたのブラウザー/OS の組み合わせに応じた特定の修飾キーを押す必要があります。ユーザーエージェント自身のキーボードショートカットとの競合を避けるために、ホストコンピュータ上の他のショートカットとは異なる修飾キーがアクセスキーに使用されます。詳しくは [`accesskey`](/ja/docs/Web/HTML/Global_attributes/accesskey) を参照してください。
+この例では、 <kbd>s</kbd> がアクセスキーとして指定されています（<kbd>s</kbd> と、あなたのブラウザー/OS の組み合わせに応じた特定の修飾キーを押す必要があります）。ユーザーエージェント自身のキーボードショートカットとの競合を避けるために、ホストコンピュータ上の他のショートカットとは異なる修飾キーがアクセスキーに使用されます。詳しくは [`accesskey`](/ja/docs/Web/HTML/Global_attributes/accesskey) を参照してください。
 
 以下は、前回の例に <kbd>s</kbd> アクセスキーを追加した例です。
 
@@ -176,7 +144,7 @@ l10n:
 
 例えば、 Mac 版 Firefox では <kbd>Control</kbd>-<kbd>Option</kbd>-<kbd>S</kbd> を押すと送信ボタンを起動しますが、Windows 版 Chrome では <kbd>Alt</kbd>+<kbd>S</kbd> を使用します。
 
-{{EmbedLiveSample("Adding_a_submit_keyboard_shortcut", 650, 100)}}
+{{EmbedLiveSample("Adding_a_keyboard_shortcut_to_a_submit_button", 650, 100)}}
 
 上の例の問題点は、ユーザーがアクセスキーが何であるかを知らないということです。 特に、競合を避けるために変更する修飾子は通常標準的でないため、このようなことが起こります。サイトを構築する際には、サイトのデザインを邪魔しないような方法でこの情報を提供するようにしてください（例えば、サイトのアクセスキーが何であるかについての情報を指し示す、簡単にアクセスできるリンクを提供する）。ボタンにツールチップを追加する（[`title`](/ja/docs/Web/HTML/Global_attributes/title) 属性を使用する）こともできますが、アクセシビリティの観点からは完全な解決策とは言えません。
 
@@ -200,6 +168,42 @@ l10n:
 
 上に簡単な例を記載しています。送信ボタンについては、実のところこれ以上言うべきことはありません。この種のコントロールが「単純なボタン」と呼ばれることがあるのはそのためです。
 
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#value">値</a></strong></td>
+      <td>ボタンのラベルとして使用する文字列</td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>{{domxref("Element/click_event", "click")}}</td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#type"><code>type</code></a> および
+        <a href="/ja/docs/Web/HTML/Element/input#value"><code>value</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td><code>value</code></td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>なし</td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="/ja/docs/Web/Accessibility/ARIA/Roles/button_role"><code>button</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}
@@ -212,7 +216,6 @@ l10n:
 
 - {{HTMLElement("input")}} およびそれが実装している {{domxref("HTMLInputElement")}} インターフェイス
 - [フォームとボタン](/ja/docs/Learn/Forms/Basic_native_form_controls#実際のボタン)
-- [フォーム（アクセシビリティ）](/ja/docs/Web/Accessibility/ARIA/forms)
 - [HTML フォーム](/ja/docs/Learn/Forms)
 - {{HTMLElement("button")}} 要素
 - [CSS プロパティの互換性](/ja/docs/Learn/Forms/Property_compatibility_table_for_form_controls)

From cf8169a0e76477efaf5196fb536b9fcce3d1fbc8 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Jun 2023 00:59:06 +0900
Subject: [PATCH 077/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/input/tel/index.md | 125 ++++++++++---------
 1 file changed, 66 insertions(+), 59 deletions(-)

diff --git a/files/ja/web/html/element/input/tel/index.md b/files/ja/web/html/element/input/tel/index.md
index add4501eb55709..f5fa9246c1b30c 100644
--- a/files/ja/web/html/element/input/tel/index.md
+++ b/files/ja/web/html/element/input/tel/index.md
@@ -2,7 +2,7 @@
 title: <input type="tel">
 slug: Web/HTML/Element/input/tel
 l10n:
-  sourceCommit: 4b2f9de5cf7a4eb7b684960b6b9f5f5c35693181
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
@@ -15,57 +15,6 @@ l10n:
 
 > **メモ:** `tel` 型に対応していないブラウザーでは、通常の {{HTMLElement("input/text", "text")}} 入力欄で代用されます。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>
-        電話番号を表す文字列、または空欄
-      </td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応している共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#minlength"><code>minlength</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#size"><code>size</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td>
-        <code>list</code>, <code>selectionStart</code>,
-        <code>selectionEnd</code>, <code>selectionDirection</code>,
-        <code>value</code>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}},
-        {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}},
-        {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 {{HTMLElement("input")}} 要素の [`value`](/ja/docs/Web/HTML/Element/input#value) 属性には、電話番号を表す文字列、または空文字列 (`""`) の文字列が入ります。
@@ -92,7 +41,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 ### pattern
 
-`pattern` 属性は、指定する場合は正規表現であり、入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) が[制約検証](/ja/docs/Web/HTML/Constraint_validation)に合格するためにはこれと一致しなければなりません。これは {{jsxref("RegExp")}} 型で使用される JavaScript の妥当な正規表現である必要があり、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_Expressions)で記述されています。正規表現がコンパイルされるときに `'u'` フラグが指定されるので、パターンは ASCII ではなく Unicode コードポイントの並びとして扱われます。パターンのテキストをスラッシュで囲んではいけません。
+`pattern` 属性は、指定する場合は正規表現であり、入力欄の [`value`](/ja/docs/Web/HTML/Element/input#value) が[制約検証](/ja/docs/Web/HTML/Constraint_validation)に合格するためにはこれと一致しなければなりません。これは {{jsxref("RegExp")}} 型で使用される JavaScript の妥当な正規表現である必要があり、これは[正規表現のガイド](/ja/docs/Web/JavaScript/Guide/Regular_expressions)で記述されています。正規表現がコンパイルされるときに `'u'` フラグが指定されるので、パターンは ASCII ではなく Unicode コードポイントの並びとして扱われます。パターンのテキストをスラッシュで囲んではいけません。
 
 指定されたパターンがないかか無効である場合は、正規表現は適用されず、この属性は完全に無視されます。
 
@@ -106,7 +55,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 コントロールの内容がある書字方向 ({{Glossary("LTR")}} または {{Glossary("RTL")}}) であるものの、プレイスホルダーを逆の方向に表示する必要がある場合、 Unicode 双方向アルゴリズム書式文字を使用してプレイスホルダーの中で書字方向を上書きすることができます。詳しくは、[双方向テキストでの Unicode コードの使い方（英語）](https://www.w3.org/International/questions/qa-bidi-unicode-controls)を参照してください。
 
-> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[\<input>: 入力欄 (フォーム入力) 要素](/ja/docs/Web/HTML/Element/input)の[プレイスホルダーはアクセシブルではない](/ja/docs/Web/HTML/Element/input#プレイスホルダーはアクセシブルではない)を参照してください。
+> **メモ:** 可能であれば `placeholder` を使用することは避けてください。フォームを説明する他の方法ほど意味論的に有益ではなく、コンテンツに予期しない技術的な問題を引き起こす可能性があります。詳しくは、[`<input>` のラベル](/ja/docs/Web/HTML/Element/inputlabels)を参照してください。
 
 ### readonly
 
@@ -442,7 +391,7 @@ selectElem.onchange = () => {
 
     inputElems[1].placeholder = "First part";
     inputElems[1].pattern = "[0-9]{3}";
-    inputElems[1].setAttribute("aria-label","First part of number");
+    inputElems[1].setAttribute("aria-label", "First part of number");
 
     inputElems[2].placeholder = "Second part";
     inputElems[2].pattern = "[0-9]{4}";
@@ -464,13 +413,13 @@ selectElem.onchange = () => {
 
     inputElems[1].placeholder = "First part";
     inputElems[1].pattern = "[0-9]{2,4}";
-    inputElems[1].setAttribute("aria-label","First part of number");
+    inputElems[1].setAttribute("aria-label", "First part of number");
 
     inputElems[2].placeholder = "Second part";
     inputElems[2].pattern = "[0-9]{4}";
-    inputElems[2].setAttribute("aria-label","Second part of number");
+    inputElems[2].setAttribute("aria-label", "Second part of number");
   }
-}
+};
 ```
 
 この例は次のように見えます。
@@ -510,6 +459,65 @@ input:valid + span::after {
 }
 ```
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>
+        電話番号を表す文字列、または空欄
+      </td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#maxlength"><code>maxlength</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#minlength"><code>minlength</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#pattern"><code>pattern</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#placeholder"><code>placeholder</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#size"><code>size</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td>
+        <code>list</code>, <code>selectionStart</code>,
+        <code>selectionEnd</code>, <code>selectionDirection</code>,
+        <code>value</code>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}},
+        {{domxref("HTMLInputElement.setRangeText", "setRangeText()")}},
+        {{domxref("HTMLInputElement.setSelectionRange", "setSelectionRange()")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><code>list</code> 属性がある場合:
+                <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></code></td>
+      <td><code>list</code> 属性がない場合: <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role">combobox</a></code></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}
@@ -521,7 +529,6 @@ input:valid + span::after {
 ## 関連情報
 
 - [HTML フォームガイド](/ja/docs/Learn/Forms)
-- [フォームとアクセシビリティ](/ja/docs/Web/Accessibility/ARIA/forms)
 - {{HTMLElement("input")}}
 
   - [`<input type="text">`](/ja/docs/Web/HTML/Element/input/text)

From bec02c3d6c2e6b46a26d5a8af9e3c322eb0687b8 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 21:49:03 +0900
Subject: [PATCH 078/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
 =?UTF-8?q?=20(#13857)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

2023/06/13 時点の英語版に同期
---
 files/ja/web/html/element/input/time/index.md | 172 +++++++++---------
 1 file changed, 91 insertions(+), 81 deletions(-)

diff --git a/files/ja/web/html/element/input/time/index.md b/files/ja/web/html/element/input/time/index.md
index e99511924ae91a..2ddb317b447146 100644
--- a/files/ja/web/html/element/input/time/index.md
+++ b/files/ja/web/html/element/input/time/index.md
@@ -2,7 +2,7 @@
 title: <input type="time">
 slug: Web/HTML/Element/input/time
 l10n:
-  sourceCommit: 36790eb3900518f7212ce0f0e4d69fac2e14d1e6
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
@@ -39,50 +39,6 @@ Edge の `time` コントロールはいくらかもっと精巧で、時と分
 
 ![Edge の 24 時制の time input](edge-time.png) 24 時制
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong><a href="#値">値</a></strong></td>
-      <td>時刻を表す文字列、または空欄。</td>
-    </tr>
-    <tr>
-      <td><strong>イベント</strong></td>
-      <td>
-        {{domxref("HTMLElement/change_event", "change")}} および
-        {{domxref("HTMLElement/input_event", "input")}}
-      </td>
-    </tr>
-    <tr>
-      <td><strong>対応する共通属性</strong></td>
-      <td>
-        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
-        <a href="/ja/docs/Web/HTML/Element/input#step"><code>step</code></a>
-      </td>
-    </tr>
-    <tr>
-      <td><strong>IDL 属性</strong></td>
-      <td>
-        <code>value</code>, <code>valueAsDate</code>,
-        <code>valueAsNumber</code>, <code>list</code>.
-      </td>
-    </tr>
-    <tr>
-      <td><strong>DOM インターフェイス</strong></td>
-      <td><p>{{domxref("HTMLInputElement")}}</p></td>
-    </tr>
-    <tr>
-      <td><strong>メソッド</strong></td>
-      <td>
-        {{domxref("HTMLInputElement.select", "select()")}},
-        {{domxref("HTMLInputElement.stepDown", "stepDown()")}},
-        {{domxref("HTMLInputElement.stepUp", "stepUp()")}}.
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 ## 値
 
 入力欄に入力された時刻を表す文字列です。
@@ -104,12 +60,12 @@ Edge の `time` コントロールはいくらかもっと精巧で、時と分
 
 ```js
 const timeControl = document.querySelector('input[type="time"]');
-timeControl.value = '15:30';
+timeControl.value = "15:30";
 ```
 
 ### 時刻値の書式
 
-`time` 入力欄の `value` は、常に先頭にゼロを含む 24 時制で `hh:mm` の書式であり、ユーザーのロケール（またはユーザーエージェント）に基づいて選択される入力書式とは関係ありません。時刻が秒を含む場合（[step 属性の使用](#step_属性の使用)を参照）は、書式は常に `hh:mm:ss` です。この入力型で使用される時刻の値の形式について詳しくは、 [HTML で使われる日付や時刻の形式](/ja/docs/Web/HTML/Date_and_time_formats)の[時刻文字列](/ja/docs/Web/HTML/Date_and_time_formats#時刻文字列)をご覧ください。
+`time` 入力欄の `value` は、常に先頭にゼロを含む 24 時制で `hh:mm` の書式であり、ユーザーのロケール（またはユーザーエージェント）に基づいて選択される入力書式とは関係ありません。時刻が秒を含む場合（[step 属性の使用](#step_属性の使用)を参照）は、書式は常に `hh:mm:ss` です。この入力型で使用される時刻の値の形式について詳しくは、[時刻文字列](/ja/docs/Web/HTML/Date_and_time_formats#時刻文字列)をご覧ください。
 
 この例では、時刻を入力すると time 入力欄の値が、どのように変化するかを見ることができます。
 
@@ -132,9 +88,13 @@ JavaScript コードは、 time 入力欄に {{domxref("HTMLElement/input_event"
 const startTime = document.getElementById("startTime");
 const valueSpan = document.getElementById("value");
 
-startTime.addEventListener("input", () => {
-  valueSpan.innerText = startTime.value;
-}, false);
+startTime.addEventListener(
+  "input",
+  () => {
+    valueSpan.innerText = startTime.value;
+  },
+  false
+);
 ```
 
 {{EmbedLiveSample("Time_value_format", 600, 80)}}
@@ -167,7 +127,7 @@ list 属性の値は、同じ文書内にある {{HTMLElement("datalist")}} 要
 
 ### step
 
-`step` 属性は値が吸着する粒度を指定する数値、または後述する特殊な値 `any` です。刻みの基準値に等しい値（指定されていれば [`min`](#min)、そうでなければ [`value`](/ja/docs/Web/HTML/Element/input#value)、どちらも設定されていなければ適切な既定値）のみが妥当となります。
+`step` 属性は、値が遵守しなければならない粒度を指定する数値、または下記で記述する特別な値 `any` です。ステップの基準となる値（[`min`](#min) を指定した場合は [`value`](/ja/docs/Web/HTML/Element/input#value)、それ以外の場合は適切な既定値）と同じ値のみが有効となります。
 
 文字列値の `any` は、刻みがなく、どの値でも許可されることを意味します（[`min`](#min) や [`max`](#max) など、他の制約には制限されます）。
 
@@ -280,13 +240,13 @@ input:valid + span::after {
 [`min`](/ja/docs/Web/HTML/Element/input#min) 属性に [`max`](/ja/docs/Web/HTML/Element/input#max) 属性よりも大きな値を設定することで、有効な時間帯が真夜中をまたぐようにするために、有効な時間帯を真夜中で折り返させることができます。この機能は他の入力型では対応していません。この機能は[仕様書内](https://html.spec.whatwg.org/multipage/input.html#has-a-reversed-range)に存在するものの、まだ全体では対応されていません。 Chrome ベースのブラウザーでは 82 版から対応しており、 Firefox は 76 版から対応しています。 Safari は 14.1 版の時点でまだ対応していません。そうなることを見越して、準備しておきましょう。
 
 ```js
-const input = document.createElement('input');
-input.type = 'time';
-input.min = '23:00';
-input.max = '01:00';
-input.value = '23:59';
+const input = document.createElement("input");
+input.type = "time";
+input.min = "23:00";
+input.max = "01:00";
+input.value = "23:59";
 
-if (input.validity.valid && input.type === 'time') {
+if (input.validity.valid && input.type === "time") {
   // <input type=time> が範囲の折り返しに対応している
 } else {
   // <input type=time> が範囲の折り返しに対応していない
@@ -477,19 +437,19 @@ input:valid + span::after {
 
 ```js
 // 変数の宣言
-const nativePicker = document.querySelector('.nativeTimePicker');
-const fallbackPicker = document.querySelector('.fallbackTimePicker');
-const fallbackLabel = document.querySelector('.fallbackLabel');
+const nativePicker = document.querySelector(".nativeTimePicker");
+const fallbackPicker = document.querySelector(".fallbackTimePicker");
+const fallbackLabel = document.querySelector(".fallbackLabel");
 
-const hourSelect = document.querySelector('#hour');
-const minuteSelect = document.querySelector('#minute');
+const hourSelect = document.querySelector("#hour");
+const minuteSelect = document.querySelector("#minute");
 
 // 最初はフォールバックを非表示にする
-fallbackPicker.style.display = 'none';
-fallbackLabel.style.display = 'none';
+fallbackPicker.style.display = "none";
+fallbackLabel.style.display = "none";
 
 // 新しい日付入力が文字列入力にフォールバックされるかどうか
-const test = document.createElement('input');
+const test = document.createElement("input");
 
 try {
   test.type = 'time';
@@ -497,12 +457,12 @@ try {
   console.log(e.description);
 }
 
-// もし文字列入力になるならば、 if() {} ブロックの中のコードを実行する
-if (test.type === 'text') {
+// もし文字列入力になるならば、 if () {} ブロックの中のコードを実行する
+if (test.type === "text") {
   // ネイティブの日付選択を隠してフォールバック版を表示
-  nativePicker.style.display = 'none';
-  fallbackPicker.style.display = 'block';
-  fallbackLabel.style.display = 'block';
+  nativePicker.style.display = "none";
+  fallbackPicker.style.display = "block";
+  fallbackLabel.style.display = "block";
 
   // 時と分を動的に生成する
   populateHours();
@@ -512,7 +472,7 @@ if (test.type === 'text') {
 function populateHours() {
   // 時刻の <select> に営業時間の 6 時間分を生成する
   for (let i = 12; i <= 18; i++) {
-    const option = document.createElement('option');
+    const option = document.createElement("option");
     option.textContent = i;
     hourSelect.appendChild(option);
   }
@@ -521,24 +481,74 @@ function populateHours() {
 function populateMinutes() {
   // 分の <select> に 1 時間内の 60 分を生成する
   for (let i = 0; i <= 59; i++) {
-    const option = document.createElement('option');
-    option.textContent = (i < 10) ? `0${i}` : i;
+    const option = document.createElement("option");
+    option.textContent = i < 10 ? `0${i}` : i;
     minuteSelect.appendChild(option);
   }
 }
 
 // 時が 18 になったら、分を 00 に設定する
 // — 18:00 以降を選択できなくする
- function setMinutesToZero() {
-   if (hourSelect.value === '18') {
-     minuteSelect.value = '00';
-   }
- }
-
- hourSelect.onchange = setMinutesToZero;
- minuteSelect.onchange = setMinutesToZero;
+function setMinutesToZero() {
+  if (hourSelect.value === "18") {
+    minuteSelect.value = "00";
+  }
+}
+
+hourSelect.onchange = setMinutesToZero;
+minuteSelect.onchange = setMinutesToZero;
 ```
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <td><strong><a href="#値">値</a></strong></td>
+      <td>時刻を表す文字列、または空欄。</td>
+    </tr>
+    <tr>
+      <td><strong>イベント</strong></td>
+      <td>
+        {{domxref("HTMLElement/change_event", "change")}} および
+        {{domxref("HTMLElement/input_event", "input")}}
+      </td>
+    </tr>
+    <tr>
+      <td><strong>対応している共通属性</strong></td>
+      <td>
+        <a href="/ja/docs/Web/HTML/Element/input#autocomplete"><code>autocomplete</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#list"><code>list</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#readonly"><code>readonly</code></a>,
+        <a href="/ja/docs/Web/HTML/Element/input#step"><code>step</code></a>
+      </td>
+    </tr>
+    <tr>
+      <td><strong>IDL 属性</strong></td>
+      <td>
+        <code>value</code>, <code>valueAsDate</code>,
+        <code>valueAsNumber</code>, <code>list</code>.
+      </td>
+    </tr>
+    <tr>
+      <td><strong>DOM インターフェイス</strong></td>
+      <td><p>{{domxref("HTMLInputElement")}}</p></td>
+    </tr>
+    <tr>
+      <td><strong>メソッド</strong></td>
+      <td>
+        {{domxref("HTMLInputElement.select", "select()")}},
+        {{domxref("HTMLInputElement.stepDown", "stepDown()")}},
+        {{domxref("HTMLInputElement.stepUp", "stepUp()")}}.
+      </td>
+    </tr>
+     <tr>
+      <td><strong>暗黙の ARIA ロール</strong></td>
+      <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"><code>対応するロールなし</code></a></td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 9e479cf61ba85b0bbf3c6a7b01d1c059393354a4 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Jun 2023 02:28:08 +0900
Subject: [PATCH 079/146] =?UTF-8?q?2023/03/01=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/ins/index.md | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/files/ja/web/html/element/ins/index.md b/files/ja/web/html/element/ins/index.md
index 8b748aa6ebf694..276d920893f69d 100644
--- a/files/ja/web/html/element/ins/index.md
+++ b/files/ja/web/html/element/ins/index.md
@@ -1,11 +1,13 @@
 ---
 title: <ins>
 slug: Web/HTML/Element/ins
+l10n:
+  sourceCommit: 5555af07f3ffd3918667d6d614a0f12aaf664ce8
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<ins>` 要素**は、文書に追加されたテキストの範囲を表します。同様に、 {{HTMLElement("del")}} 要素を使用して文書から削除されたテキストの範囲を表すことができます。
+**`<ins>`** は [HTML](/ja/docs/Web/HTML) の要素で、文書に追加されたテキストの範囲を表します。同様に、 {{HTMLElement("del")}} 要素を使用して文書から削除されたテキストの範囲を表すことができます。
 
 {{EmbedInteractiveExample("pages/tabbed/ins.html", "tabbed-standard")}}
 
@@ -13,7 +15,7 @@ slug: Web/HTML/Element/ins
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a>
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリー</a>
       </th>
       <td>
         <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
@@ -66,12 +68,12 @@ slug: Web/HTML/Element/ins
 
 ## 属性
 
-他のすべての HTML 要素と同様に、この要素は[グローバル属性](/ja/docs/Web/HTML/Global_attributes)を持っています。
+この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
 
 - `cite`
   - : 会議の議事録やトラブルシューティングシステムのチケットといった、追加についての説明を記したリソースへの URI を示します。
 - `datetime`
-  - : この属性は変更が行われた日時を示し、有効な日付または日時の文字列でなければなりません。値が日付または日時の文字列として解釈できなかった場合は、要素にタイムスタンプが関連付けられなくなります。時刻がない日付の書式については、[妥当な日付文字列の書式](/ja/docs/Web/HTML/Date_and_time_formats#Date_strings)を参照してください。日付と時刻の両方を含む場合の文字列の書式については、[妥当な日時文字列の書式](/ja/docs/Web/HTML/Date_and_time_formats#Local_date_and_time_strings)を参照してください。
+  - : この属性は変更が行われた日時を示し、有効な日付または日時の文字列でなければなりません。値が日付または日時の文字列として解釈できなかった場合は、要素にタイムスタンプが関連付けられなくなります。時刻がない日付の書式については、[妥当な日付文字列の書式](/ja/docs/Web/HTML/Date_and_time_formats#date_strings)を参照してください。日付と時刻の両方を含む場合の文字列の書式については、[妥当な日時文字列の書式](/ja/docs/Web/HTML/Date_and_time_formats#local_date_and_time_strings)を参照してください。
 
 ## 例
 
@@ -108,10 +110,10 @@ ins::after {
 }
 ```
 
-読み上げソフトを使用する人によっては、特に冗長になるコンテンツのアナウンスを意図的に無効にしていることがあります。このため、この手法を悪用しないようにすることは重要であり、コンテンツが挿入されていることを知らないと理解に影響するような場面でのみ使用するようにしてください。
+スクリーンリーダーを使用する人によっては、特に冗長になるコンテンツのアナウンスを意図的に無効にしていることがあります。このため、この手法を悪用しないようにすることは重要であり、コンテンツが挿入されていることを知らないと理解に影響するような場面でのみ使用するようにしてください。
 
-- [Short note on making your mark (more accessible) | The Paciello Group](https://developer.paciellogroup.com/blog/2017/12/short-note-on-making-your-mark-more-accessible/)
-- [Tweaking Text Level Styles | Adrian Roselli](http://adrianroselli.com/2017/12/tweaking-text-level-styles.html)
+- [Short note on making your mark (more accessible) | The Paciello Group](https://www.tpgi.com/short-note-on-making-your-mark-more-accessible/)
+- [Tweaking Text Level Styles | Adrian Roselli](https://adrianroselli.com/2017/12/tweaking-text-level-styles.html)
 
 ## 仕様書
 
@@ -119,7 +121,7 @@ ins::after {
 
 ## ブラウザーの互換性
 
-{{Compat("html.elements.ins")}}
+{{Compat}}
 
 ## 関連情報
 

From c5f26183541decfc5ba5ddd430eb4ebd006a9f3b Mon Sep 17 00:00:00 2001
From: HR <rlagofka1@naver.com>
Date: Sat, 24 Jun 2023 22:17:07 +0900
Subject: [PATCH 080/146] [ko] translate understanding_wcag (#13612)

* [ko] translate understanding_wcag

[ko] translate understanding_wcag

[fix] delete english, fix some words

fix some words

* fix: change words
---
 .../accessibility/understanding_wcag/index.md | 54 ++++++++++---------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/files/ko/web/accessibility/understanding_wcag/index.md b/files/ko/web/accessibility/understanding_wcag/index.md
index b912d44169058a..d99fb1a89429ef 100644
--- a/files/ko/web/accessibility/understanding_wcag/index.md
+++ b/files/ko/web/accessibility/understanding_wcag/index.md
@@ -1,47 +1,49 @@
 ---
-title: Understanding the Web Content Accessibility Guidelines
+title: 웹 컨텐츠 접근성 지침 이해하기
 slug: Web/Accessibility/Understanding_WCAG
+l10n:
+  sourceCommit: b0870830e4c02596ca6c501f8f8b468a917eafc2
 ---
 
-This set of articles provides quick explanations to help you understand the steps that need to be taken to conform to the recommendations outlined in the W3C Web Content Accessibility Guidelines 2.0 or 2.1 (or just WCAG, for the purposes of this writing).
+이 문서에서는 W3C 웹 컨텐츠 접근성 지침 2.0 또는 2.1(이 글에서는 WCAG)에 설명된 권장 사항들을 준수하기 위한 단계들을 이해하는 데에 도움이 되는 간략한 설명을 제공합니다.
 
-The WCAG 2.0 and 2.1 provide a detailed set of guidelines for making web content more accessible to people with a wide variety of disabilities. It is comprehensive but incredibly detailed, and quite difficult to gain a rapid understanding of. For this reason, we have summarised the practical steps you need to take to satisfy the different recommendations, with further links to more details where required.
+WCAG 2.0과 2.1은 다양한 장애를 가진 사람들이 웹 컨텐츠에 더 쉽게 접근할 수 있게 하는 자세한 지침을 제공합니다. 포괄적이지만 매우 구체적이며, 빠르게 이해하기엔 다소 어려울 수 있습니다. 이런 복잡하고 어려운 권장 사항들을 충족하기 위한 단계들을 요약해 놓았으며, 상세 정보가 필요한 경우 링크를 제공합니다.
 
-## The four principles
+## 4대 원칙
 
-WCAG is broadly broken down into four principles — major things that web content **must be** to be considered accessible (see [Understanding the Four Principles of Accessibility](https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-fourprincs-head) for the WCAG definitions).
+WCAG는 크게 네 가지 원칙으로 분류할 수 있습니다. 이는 웹 컨텐츠의 접근성을 위해 **반드시** 고려해야 하는 사항들입니다 (WCAG의 정의는 [접근성 4대 원칙의 이해](https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-fourprincs-head) 참조).
 
-Each of the links below will take you to pages that further expand on these areas, giving you practical advice on how to write your web content so it conforms to the success criteria outlined in each of the WCAG 2.0 and 2.1 guidelines that further sub-divides each principle.
+아래의 링크들을 클릭하면 해당 영역에 대해 더 자세히 설명하는 페이지로 이동하며, 각 원칙들을 더욱 세분화 한 WCAG 2.0과 2.1의 지침을 준수할 수 있는 실용적인 조언들을 통해 웹 컨텐츠를 작성할 수 있도록 합니다.
 
-- [Perceivable:](/ko/docs/user:chrisdavidmills/Understanding_WCAG/Perceivable) Users must be able to perceive it in some way, using one or more of their senses.
-- [Operable](/ko/docs/user:chrisdavidmills/Understanding_WCAG/Operable): Users must be able to control UI elements (e.g. buttons must be clickable in some way — mouse, keyboard, voice command, etc.).
-- [Understandable](/ko/docs/user:chrisdavidmills/Understanding_WCAG/Understandable): The content must be understandable to its users.
-- [Robust](/ko/docs/user:chrisdavidmills/Understanding_WCAG/Robust): The content must be developed using well-adopted web standards that will work across different browsers, now and in the future.
+- [인식의 용이성:](/ko/docs/user:chrisdavidmills/Understanding_WCAG/Perceivable) 사용자가 하나 또는 다수의 감각을 사용해 어떤 방식으로든 인지할 수 있어야 합니다.
+- [운용의 용이성](/ko/docs/user:chrisdavidmills/Understanding_WCAG/Operable): 사용자가 UI 요소들을 컨트롤 할 수 있어야 합니다(예를 들어, 버튼은 마우스, 키보드, 음성 명령 등등의 어떠한 방식을 통해서라도 클릭이 가능해야 합니다).
+- [이해의 용이성](/ko/docs/user:chrisdavidmills/Understanding_WCAG/Understandable): 컨텐츠를 사용자가 이해할 수 있어야 합니다.
+- [견고성](/ko/docs/user:chrisdavidmills/Understanding_WCAG/Robust): 컨텐츠는 각기 다른 브라우저에서, 현재와 미래에 모두 동작할 수 있도록 웹 표준을 준수하여 개발되어야 합니다.
 
-## Should I use WCAG 2.0 or 2.1?
+## WCAG 2.0과 2.1 중 어떤 것을 사용해야 하나요?
 
-WCAG 2.1 is the most recent and relevant accessibility standard. Use WCAG 2.1 to help more people with disabilities and reduce the future legal risk for web site owners. Target WCAG 2.0 first when allocating resources. Then step up to WCAG 2.1.
+WCAG 2.1 은 가장 최신화된 접근성 표준입니다. WCAG 2.1 을 사용해 장애를 가진 사람들을 돕고, 웹 사이트 소유자에게 생길 법적인 위험을 줄일 수 있습니다. 자원을 할당할 때에는 WCAG 2.0 을 목표로 하고, 단계적으로 WCAG 2.1로 나아가세요.
 
-### What is WCAG 2.1?
+### WCAG 2.1이 뭔가요?
 
-WCAG 2.1 was published as an official recommendation on 05 June 2018. The European Union (EU) adopted WCAG 2.1 as the digital accessibility standard in September 2018. W3C published a press release [WCAG 2.1 Adoption in Europe](https://www.w3.org/blog/2018/09/wcag-2-1-adoption-in-europe/).
+WCAG 2.1 은 2018년 1월 5일에 공식 권장 사항으로 발표되었습니다. 유럽 연합 (EU) 는 디지털 접근성 표준으로 2018년 9월에 WCAG 2.1을 채택했습니다. W3C 는 [WCAG 2.1 Adoption in Europe](https://www.w3.org/blog/2018/09/wcag-2-1-adoption-in-europe/) 라는 게시글을 발행했습니다.
 
-WCAG 2.1 includes:
+WCAG 2.1 은 다음을 포함합니다.
 
-- all of WCAG 2.0 (verbatim, word-for-word)
-- 17 new Success Criteria at the A / AA / AAA levels primarily addressing user needs in these areas:
+- WCAG 2.0 의 모든 것 (문자 그대로)
+- A / AA / AAA 수준의 17가지 새로운 기준은 주로 아래 사용자들의 요구 사항에 대한 내용입니다.
 
-  - Mobile Accessibility
-  - Low Vision
-  - Cognitive
+  - 모바일 접근성
+  - 낮은 시력을 가진 사용자
+  - 인지 장애를 가진 사용자
 
-- Read more about WCAG 2.1:
+- WCAG 2.1 더 알아보기
 
-  - Deque: [WCAG 2.1: What is Next for Accessibility Guidelines](https://www.deque.com/blog/wcag-2-1-what-is-next-for-accessibility-guidelines/)
-  - TPG: [Web Content Accessibility Guidelines (WCAG) 2.1](https://developer.paciellogroup.com/blog/2018/06/web-content-accessibility-guidelines-wcag-2-1/)
+  - Deque: [WCAG 2.1: 접근성 지침의 다음 단계](https://www.deque.com/blog/wcag-2-1-what-is-next-for-accessibility-guidelines/)
+  - TPG: [웹 컨텐츠 접근성 지침 (WCAG) 2.1](https://developer.paciellogroup.com/blog/2018/06/web-content-accessibility-guidelines-wcag-2-1/)
 
-## Legal standing
+## 법적 유효성
 
-This guide is intended to provide practical information to help you build better, more accessible websites. However, we are not lawyers, and none of this constitutes legal advice. If you are worried about the legal implications of web accessibility, we'd recommend that you check the specific legislation governing accessibility for the web/public resources in your country or locale, and seek the advice of a qualified lawyer.
+이 가이드는 접근성이 높은 웹 사이트를 만들기 위한 실용적인 정보들을 제공하는 것을 목표합니다. 하지만 우리는 법조인이 아니기 때문에, 이 문서를 법률 자문으로 받아들여서는 안됩니다. 웹 접근성에 대한 법적 문제가 우려된다면, 해당 국가나 지역의 웹/공공 자원에 대한 접근성에 관련된 법률을 확인하고, 전문 변호사의 자문을 구하는 것이 좋습니다.
 
-[What is accessibility?](/ko/docs/Learn/Accessibility/What_is_accessibility) and particularity the [Accessibility guidelines and the law](/ko/docs/Learn/Accessibility/What_is_accessibility#Accessibility_guidelines_and_the_law) section provide more related information.
+[접근성이란 무엇인가?](/ko/docs/Learn/Accessibility/What_is_accessibility) 와, 특히 [접근성 지침과 관련 법률](/ko/docs/Learn/Accessibility/What_is_accessibility#Accessibility_guidelines_and_the_law) 섹션에서 관련된 추가 정보들을 제공합니다.

From 41d9f9b9dfaed6155e904d248c359c8d6960e7b1 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Sat, 24 Jun 2023 15:19:12 +0200
Subject: [PATCH 081/146] [ko] sync translated content (#13891)

ko: sync translated content
---
 files/ko/_redirects.txt                                   | 1 +
 files/ko/_wikihistory.json                                | 8 ++++----
 .../web/css/css_paged_media}/index.md                     | 3 ++-
 3 files changed, 7 insertions(+), 5 deletions(-)
 rename files/ko/{web/css/paged_media => conflicting/web/css/css_paged_media}/index.md (88%)

diff --git a/files/ko/_redirects.txt b/files/ko/_redirects.txt
index a3b49fc6b69c40..827de96fc48537 100644
--- a/files/ko/_redirects.txt
+++ b/files/ko/_redirects.txt
@@ -627,6 +627,7 @@
 /ko/docs/Web/CSS/Media_Queries	/ko/docs/Web/CSS/CSS_media_queries
 /ko/docs/Web/CSS/Media_Queries/Using_Media_Queries_for_Accessibility	/ko/docs/Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility
 /ko/docs/Web/CSS/Media_Queries/Using_media_queries	/ko/docs/Web/CSS/CSS_media_queries/Using_media_queries
+/ko/docs/Web/CSS/Paged_Media	/ko/docs/conflicting/Web/CSS/CSS_paged_media
 /ko/docs/Web/CSS/Scaling_background_images	/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Resizing_background_images
 /ko/docs/Web/CSS/Understanding_z-index	/ko/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index
 /ko/docs/Web/CSS/Understanding_z-index/Adding_z-index	/ko/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Using_z-index
diff --git a/files/ko/_wikihistory.json b/files/ko/_wikihistory.json
index 8aabfa6a7d52b5..58a215d1d05fd8 100644
--- a/files/ko/_wikihistory.json
+++ b/files/ko/_wikihistory.json
@@ -5283,10 +5283,6 @@
     "modified": "2020-08-05T01:05:50.434Z",
     "contributors": ["alattalatta", "Netaras"]
   },
-  "Web/CSS/Paged_Media": {
-    "modified": "2019-03-23T22:33:25.305Z",
-    "contributors": ["Netaras"]
-  },
   "Web/CSS/Pseudo-classes": {
     "modified": "2020-08-13T04:55:02.947Z",
     "contributors": ["alattalatta", "Netaras"]
@@ -10851,6 +10847,10 @@
     "modified": "2019-03-18T21:28:25.734Z",
     "contributors": ["limkukhyun"]
   },
+  "conflicting/Web/CSS/CSS_paged_media": {
+    "modified": "2019-03-23T22:33:25.305Z",
+    "contributors": ["Netaras"]
+  },
   "conflicting/Web/JavaScript/Reference/Errors/Deprecated_octal": {
     "modified": "2020-03-12T19:44:24.834Z",
     "contributors": ["magnoliaa"]
diff --git a/files/ko/web/css/paged_media/index.md b/files/ko/conflicting/web/css/css_paged_media/index.md
similarity index 88%
rename from files/ko/web/css/paged_media/index.md
rename to files/ko/conflicting/web/css/css_paged_media/index.md
index e78f6ecf6a2995..33e578a9cdddd9 100644
--- a/files/ko/web/css/paged_media/index.md
+++ b/files/ko/conflicting/web/css/css_paged_media/index.md
@@ -1,6 +1,7 @@
 ---
 title: Paged Media
-slug: Web/CSS/Paged_Media
+slug: conflicting/Web/CSS/CSS_paged_media
+original_slug: Web/CSS/Paged_Media
 ---
 
 인쇄 미디어(paged media) 속성은 인쇄 콘텐츠의 프레젠테이션 또는 콘텐츠를 개별 페이지로 나누는 다른 미디어를 제어합니다. 페이지 나누기 설정, 인쇄 가능 영역 제어, 서로 다른 좌우 페이지 스타일 및 요소 내부 나누기 제어를 할 수 있습니다. 널리 지원되는 속성은 포함합니다

From 4bde83782e6f953ebf2638850c61a62b71eaa847 Mon Sep 17 00:00:00 2001
From: Lee Sanghyeon <yongdamsh@gmail.com>
Date: Sun, 25 Jun 2023 15:36:29 +0900
Subject: [PATCH 082/146] Modify the html entity in `button` element doc to the
 opening tag  (#13437)

Update html/element/button/index.md
---
 files/ko/web/html/element/button/index.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/files/ko/web/html/element/button/index.md b/files/ko/web/html/element/button/index.md
index 18dfae3506b44b..e95fc5662026eb 100644
--- a/files/ko/web/html/element/button/index.md
+++ b/files/ko/web/html/element/button/index.md
@@ -107,15 +107,15 @@ slug: Web/HTML/Element/button
   Firefox, unlike other browsers, [persist the dynamic disabled state](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing) of a {{HTMLElement("button")}} across page loads. Use the {{htmlattrxref("autocomplete","button")}} attribute to control this feature.
 
 - {{htmlattrdef("form")}}
-  - : 버튼과 연결할 {{HTMLElement("form")}} 요소("양식 소유자"). 같은 문서에 존재하는 `&#x3C;form>` 요소의 {{htmlattrxref("id")}} 특성 값을 사용해야 합니다. `form` 특성을 지정하지 않았으나 조상 중 `&#x3C;form>` 요소가 존재하면 해당 `&#x3C;form>`과 연결됩니다.
+  - : 버튼과 연결할 {{HTMLElement("form")}} 요소("양식 소유자"). 같은 문서에 존재하는 `<form>` 요소의 {{htmlattrxref("id")}} 특성 값을 사용해야 합니다. `form` 특성을 지정하지 않았으나 조상 중 `<form>` 요소가 존재하면 해당 `<form>`과 연결됩니다.
 
-  `form` 특성을 사용하면 버튼을 `&#x3C;form>` 요소에 넣지 않고도 연결할 수 있고, 조상 중 `&#x3C;form>`이 있더라도 소유자를 재정의할 수 있습니다.
+  `form` 특성을 사용하면 버튼을 `<form>` 요소에 넣지 않고도 연결할 수 있고, 조상 중 `<form>`이 있더라도 소유자를 재정의할 수 있습니다.
 
 - {{htmlattrdef("formaction")}}
-  - : `&#x3C;button>`이 제출 버튼인 경우, 제출한 정보를 처리할 URL. 지정한 경우, 버튼의 양식 소유자가 가진 {{htmlattrxref("action","form")}} 특성보다 우선합니다. 양식 소유자가 존재하지 않으면 영향을 주지 않습니다.
+  - : `<button>`이 제출 버튼인 경우, 제출한 정보를 처리할 URL. 지정한 경우, 버튼의 양식 소유자가 가진 {{htmlattrxref("action","form")}} 특성보다 우선합니다. 양식 소유자가 존재하지 않으면 영향을 주지 않습니다.
 
 - {{htmlattrdef("formenctype")}}
-  - : `&#x3C;button>`이 제출 버튼인 경우, `formenctype` 특성은 양식을 서버로 제출할 때 사용할 양식 데이터 인코딩을 지정합니다. 가능한 값은 다음과 같습니다.
+  - : `<button>`이 제출 버튼인 경우, `formenctype` 특성은 양식을 서버로 제출할 때 사용할 양식 데이터 인코딩을 지정합니다. 가능한 값은 다음과 같습니다.
 
   - `application/x-www-form-urlencoded`: 기본값.
   - `multipart/form-data`: {{htmlattrxref("type","input")}} 특성이 `file`인 {{HTMLElement("input")}}이 존재하는 양식에서 사용하세요.
@@ -124,7 +124,7 @@ slug: Web/HTML/Element/button
   지정한 경우, 버튼의 양식 소유자가 가진 {{htmlattrxref("enctype","form")}} 특성보다 우선합니다.
 
 - {{htmlattrdef("formmethod")}}
-  - : `&#x3C;button>`이 제출 버튼인 경우, `formmethod` 특성은 양식을 서버로 제출할 때 사용할 [HTTP 메서드](/ko/docs/Web/HTTP/Methods)를 지정합니다. 가능한 값은 다음과 같습니다.
+  - : `<button>`이 제출 버튼인 경우, `formmethod` 특성은 양식을 서버로 제출할 때 사용할 [HTTP 메서드](/ko/docs/Web/HTTP/Methods)를 지정합니다. 가능한 값은 다음과 같습니다.
 
   - `post`: 양식의 데이터를 HTTP 요청 본문에 넣습니다. 비밀번호처럼, 양식 데이터 중 공개하지 않아야 하는 항목이 있으면 사용하세요.
   - `get`: 양식 `action` URL 뒤에 `?` 를 추가한 후 양식 데이터를 덧붙입니다. 검색 양식처럼, 양식이 사이드 이펙트를 갖지 않을 때 사용하세요.
@@ -132,10 +132,10 @@ slug: Web/HTML/Element/button
   지정한 경우, 버튼의 양식 소유자가 가진 {{htmlattrxref("method","form")}} 특성보다 우선합니다.
 
 - {{htmlattrdef("formnovalidate")}}
-  - : `&#x3C;button>`이 제출 버튼인 경우, `formnovalidate` 특성은 양식을 제출할 때 [유효성 검사](/ko/docs/Learn/Forms/Form_validation)를 하지 않겠다는 것을 지정합니다. 지정한 경우, 버튼의 양식 소유자가 가진 {{htmlattrxref("novalidate","form")}} 특성보다 우선합니다.
+  - : `<button>`이 제출 버튼인 경우, `formnovalidate` 특성은 양식을 제출할 때 [유효성 검사](/ko/docs/Learn/Forms/Form_validation)를 하지 않겠다는 것을 지정합니다. 지정한 경우, 버튼의 양식 소유자가 가진 {{htmlattrxref("novalidate","form")}} 특성보다 우선합니다.
 
 - {{htmlattrdef("formtarget")}}
-  - : `&#x3C;button>`이 제출 버튼인 경우, `formtarget` 특성에는 양식 제출의 결과를 표시할 위치를 나타내는 표준 키워드 혹은 사용자 지정 이름을 사용할 수 있습니다. 가능한 값은 {{glossary("browsing context", "브라우징 맥락")}}(탭, 창, {{htmlelement("iframe")}})의 이름 또는 키워드입니다. 지정한 경우, 버튼의 양식 소유자가 가진 {{htmlattrxref("target","form")}} 특성보다 우선합니다. 다음 키워드는 특별한 뜻을 가지고 있습니다.
+  - : `<button>`이 제출 버튼인 경우, `formtarget` 특성에는 양식 제출의 결과를 표시할 위치를 나타내는 표준 키워드 혹은 사용자 지정 이름을 사용할 수 있습니다. 가능한 값은 {{glossary("browsing context", "브라우징 맥락")}}(탭, 창, {{htmlelement("iframe")}})의 이름 또는 키워드입니다. 지정한 경우, 버튼의 양식 소유자가 가진 {{htmlattrxref("target","form")}} 특성보다 우선합니다. 다음 키워드는 특별한 뜻을 가지고 있습니다.
 
   - `_self`: 응답을 현재 브라우징 맥락에 표시합니다. 기본값.
   - `_blank`: 응답을 새로운 브라우징 맥락에 표시합니다. 보통 새 탭이지만, 사용자가 브라우저 설정을 통해 새 창으로 바꿀 수 있습니다.
@@ -149,7 +149,7 @@ slug: Web/HTML/Element/button
   - : 버튼의 행동 방식. 가능한 값은 다음과 같습니다.
 
   - `submit`: 버튼이 서버로 양식 데이터를 제출합니다. 지정하지 않은 경우 기본값이며, 유효하지 않은 값일 때도 사용합니다.
-  - `reset`: `&#x3C;input type="reset">`처럼, 모든 컨트롤을 초깃값으로 되돌립니다.
+  - `reset`: `<input type="reset">`처럼, 모든 컨트롤을 초깃값으로 되돌립니다.
   - `button`: 기본 행동이 없으며 클릭했을 때 아무것도 하지 않습니다. 클라이언트측 스크립트와 연결할 수 있습니다.
 
 - {{htmlattrdef("value")}}

From 7fcfd212b72f69eadf817c1de223a1ec395db18e Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Sun, 25 Jun 2023 14:39:59 +0800
Subject: [PATCH 083/146] [zh-cn]: Update translation of Promise.race()
 (#13904)

Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../global_objects/promise/race/index.md      | 269 ++++++++++++++----
 1 file changed, 217 insertions(+), 52 deletions(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/race/index.md b/files/zh-cn/web/javascript/reference/global_objects/promise/race/index.md
index 685b93b16e2166..aad9c373483e45 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/promise/race/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/promise/race/index.md
@@ -5,100 +5,263 @@ slug: Web/JavaScript/Reference/Global_Objects/Promise/race
 
 {{JSRef}}
 
-**`Promise.race(iterable)`** 方法返回一个 promise，一旦迭代器中的某个 promise 解决或拒绝，返回的 promise 就会解决或拒绝。
+**`Promise.race()`** 静态方法接受一个 promise 可迭代对象作为输入，并返回一个 {{jsxref("Promise")}}。这个返回的 promise 会随着第一个 promise 的敲定而敲定。
 
-{{EmbedInteractiveExample("pages/js/promise-race.html")}}
+{{EmbedInteractiveExample("pages/js/promise-race.html", "taller")}}
 
 ## 语法
 
-```plain
-Promise.race(iterable);
+```js-nolint
+Promise.race(iterable)
 ```
 
 ### 参数
 
-- iterable
-  - : 可迭代对象，类似{{jsxref("Array")}}。详见 [iterable](/zh-CN/docs/Web/JavaScript/Guide/iterable)。
+- `iterable`
+  - : 一个 promise [可迭代对象](/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols#可迭代协议)（例如{{jsxref("Array", "数组", "", 1)}}）。
 
 ### 返回值
 
-一个**待定的** {{jsxref("Promise")}} 只要给定的迭代中的一个 promise 解决或拒绝，就采用第一个 promise 的值作为它的值，从而**异步**地解析或拒绝（一旦堆栈为空）。
+一个 {{jsxref("Promise")}}，会以 `iterable` 中第一个敲定的 promise 的状态**异步敲定**。换句话说，如果第一个敲定的 promise 被兑现，那么返回的 promise 也会被兑现；如果第一个敲定的 promise 被拒绝，那么返回的 promise 也会被拒绝。如果传入的 `iterable` 为空，返回的 promise 就会一直保持待定状态。如果传入的 `iterable` 非空但其中没有任何一个 promise 是待定状态，返回的 promise 仍会异步敲定（而不是同步敲定）。
 
 ## 描述
 
-`race` 函数返回一个 `Promise`，它将与第一个传递的 promise 相同的完成方式被完成。它可以是完成（resolves），也可以是失败（rejects），这要取决于第一个完成的方式是两个中的哪个。
+`Promise.race()` 方法是 [Promise 并发](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise_并发)方法之一。当你想要第一个异步任务完成时，但不关心它的最终状态（即它既可以成功也可以失败）时，它就非常有用。
 
-如果传的迭代是空的，则返回的 promise 将永远等待。
-
-如果迭代包含一个或多个非承诺值和/或已解决/拒绝的承诺，则 `Promise.race` 将解析为迭代中找到的第一个值。
+如果可迭代对象中包含一个或多个非 promise 值和/或已敲定的 promise，则 `Promise.race()` 将以可迭代对象中找到的第一个此类值敲定。
 
 ## 示例
 
+### 使用 Promise.race()
+
+这个例子展示了如何使用 `Promise.race()` 来比较多个使用 [`setTimeout()`](/zh-CN/docs/Web/API/setTimeout) 实现的计时器。计时时间最短的计时器总是赢得竞态，并成为返回的 promise 状态。
+
+```js
+function sleep(time, value, state) {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      if (state === "兑现") {
+        return resolve(value);
+      } else {
+        return reject(new Error(value));
+      }
+    }, time);
+  });
+}
+
+const p1 = sleep(500, "一", "兑现");
+const p2 = sleep(100, "二", "兑现");
+
+Promise.race([p1, p2]).then((value) => {
+  console.log(value); // “二”
+  // 两个都会兑现，但 p2 更快
+});
+
+const p3 = sleep(100, "三", "兑现");
+const p4 = sleep(500, "四", "拒绝");
+
+Promise.race([p3, p4]).then(
+  (value) => {
+    console.log(value); // “三”
+    // p3 更快，所以它兑现
+  },
+  (error) => {
+    // 不会被调用
+  },
+);
+
+const p5 = sleep(500, "五", "兑现");
+const p6 = sleep(100, "六", "拒绝");
+
+Promise.race([p5, p6]).then(
+  (value) => {
+    // 不会被调用
+  },
+  (error) => {
+    console.error(error.message); // “六”
+    // p6 更快，所以它拒绝
+  },
+);
+```
+
 ### Promise.race 的异步性
 
+以下示例演示了 `Promise.race` 的异步性。与其他 promise 并发方法不同，`Promise.race` 总是异步的：即使 `iterable` 为空，它也永远不会同步地完成。
+
 ```js
-// we are passing as argument an array of promises that are already resolved,
-// to trigger Promise.race as soon as possible
-var resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)];
+// 传入一个已经解决的 Promise 数组，以尽快触发 Promise.race。
+const resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)];
 
-var p = Promise.race(resolvedPromisesArray);
-// immediately logging the value of p
+const p = Promise.race(resolvedPromisesArray);
+// 立即打印 p 的值
 console.log(p);
 
-// using setTimeout we can execute code after the stack is empty
-setTimeout(function(){
-    console.log('the stack is now empty');
-    console.log(p);
+// 使用 setTimeout，我们可以在堆栈为空后执行代码
+setTimeout(() => {
+  console.log("堆栈现在为空");
+  console.log(p);
 });
 
-// logs, in order:
+// 按顺序打印：
 // Promise { <state>: "pending" }
-// the stack is now empty
+// 堆栈现在为空
 // Promise { <state>: "fulfilled", <value>: 33 }
 ```
 
-### 使用 Promise.race – setTimeout 的示例
+一个空的可迭代对象会导致返回的 Promise 一直处于待定状态：
 
 ```js
-var p1 = new Promise(function(resolve, reject) {
-    setTimeout(resolve, 500, "one");
-});
-var p2 = new Promise(function(resolve, reject) {
-    setTimeout(resolve, 100, "two");
+const foreverPendingPromise = Promise.race([]);
+console.log(foreverPendingPromise);
+setTimeout(() => {
+  console.log("堆栈现在为空");
+  console.log(foreverPendingPromise);
 });
 
-Promise.race([p1, p2]).then(function(value) {
-  console.log(value); // "two"
-  // 两个都完成，但 p2 更快
-});
+// 按顺序打印:
+// Promise { <state>: "pending" }
+// 堆栈现在为空
+// Promise { <state>: "pending" }
+```
 
-var p3 = new Promise(function(resolve, reject) {
-    setTimeout(resolve, 100, "three");
-});
-var p4 = new Promise(function(resolve, reject) {
-    setTimeout(reject, 500, "four");
+如果可迭代对象包含一个或多个非 Promise 值和/或一个已经敲定的 Promise，则 `Promise.race` 会以数组中找到的第一个这样的值敲定：
+
+```js
+const foreverPendingPromise = Promise.race([]);
+const alreadyFulfilledProm = Promise.resolve(100);
+
+const arr = [foreverPendingPromise, alreadyFulfilledProm, "非 Promise 值"];
+const arr2 = [foreverPendingPromise, "非 Promise 值", Promise.resolve(100)];
+const p = Promise.race(arr);
+const p2 = Promise.race(arr2);
+
+console.log(p);
+console.log(p2);
+setTimeout(() => {
+  console.log("堆栈现在为空");
+  console.log(p);
+  console.log(p2);
 });
 
-Promise.race([p3, p4]).then(function(value) {
-  console.log(value); // "three"
-  // p3 更快，所以它完成了
-}, function(reason) {
-  // 未被调用
+// 按顺序打印：
+// Promise { <state>: "pending" }
+// Promise { <state>: "pending" }
+// 堆栈现在为空
+// Promise { <state>: "fulfilled", <value>: 100 }
+// Promise { <state>: "fulfilled", <value>: "非 Promise 值" }
+```
+
+### 使用 Promise.race() 实现请求超时
+
+你可以使用一个定时器来与一个可能持续很长时间的请求进行竞争，以便超出时间限制时，返回的 Promise 自动拒绝。
+
+```js
+const data = Promise.race([
+  fetch("/api"),
+  new Promise((resolve, reject) => {
+    // 5 秒后拒绝
+    setTimeout(() => reject(new Error("请求超时")), 5000);
+  }),
+])
+  .then((res) => res.json())
+  .catch((err) => displayError(err));
+```
+
+如果 `data` Promise 被兑现，它将包含从 `/api` 获取的数据；否则，如果 `fetch` 保持待定状态并输给 `setTimeout` 定时器，这个 Promise 将在 5 秒后被拒绝。
+
+### 使用 Promise.race() 检测 Promise 的状态
+
+由于 `Promise.race()` 解决的可迭代对象中第一个非待定状态的 Promise，我们可以检查一个 Promise 的状态，包括它是否处于待定状态。这个示例是从 [`promise-status-async`](https://github.com/kudla/promise-status-async/blob/master/lib/promiseState.js) 改编而来的。
+
+```js
+function promiseState(promise) {
+  const pendingState = { status: "待定" };
+
+  return Promise.race([promise, pendingState]).then(
+    (value) =>
+      value === pendingState ? value : { status: "已兑现", value },
+    (reason) => ({ status: "已拒绝", reason }),
+  );
+}
+```
+
+在这个函数中，如果 `promise` 是待定状态，非 Promise 类型的第二个值 `pendingState` 将成为这个 `race` 的结果；否则，如果 `promise` 已经敲定，我们可以通过 `onFulfilled` 和 `onRejected` 处理函数来知道它的状态。例如：
+
+```js
+const p1 = new Promise((res) => setTimeout(() => res(100), 100));
+const p2 = new Promise((res) => setTimeout(() => res(200), 200));
+const p3 = new Promise((res, rej) => setTimeout(() => rej(300), 100));
+
+async function getStates() {
+  console.log(await promiseState(p1));
+  console.log(await promiseState(p2));
+  console.log(await promiseState(p3));
+}
+
+console.log("开始状态：");
+getStates();
+setTimeout(() => {
+  console.log("等待 100ms 后：");
+  getStates();
+}, 100);
+
+// 打印：
+// 开始状态：
+// { status: '待定' }
+// { status: '待定' }
+// { status: '待定' }
+// 等待 100ms 后：
+// { status: '已兑现', value: 100 }
+// { status: '待定' }
+// { status: '已拒绝', reason: 300 }
+```
+
+> **备注：** `promiseState` 函数仍然是异步执行的，因为没有办法同步地获取 Promise 的值（即不使用 `then()` 或 `await`），即使它已经敲定。但是，`promiseState()` 总是在一次事件循环内就会完成，并且实际上从不等待任何 Promise 的敲定。
+
+### 与 Promise.any() 的比较
+
+`Promise.race` 方法以可迭代对象中第一个敲定的 {{jsxref("Promise")}} 作为敲定值。
+
+```js
+const promise1 = new Promise((resolve, reject) => {
+  setTimeout(resolve, 500, "一");
 });
 
-var p5 = new Promise(function(resolve, reject) {
-    setTimeout(resolve, 500, "five");
+const promise2 = new Promise((resolve, reject) => {
+  setTimeout(reject, 100, "二");
 });
-var p6 = new Promise(function(resolve, reject) {
-    setTimeout(reject, 100, "six");
+
+Promise.race([promise1, promise2])
+  .then((value) => {
+    console.log("成功，值为：", value);
+  })
+  .catch((reason) => {
+    // 只有 promise1 成功兑现，但 promise2 更快
+    console.error("失败，原因为：", reason);
+  });
+// 失败，原因为：二
+```
+
+{{jsxref("Promise.any")}} 方法以可迭代对象中第一个被兑现的 {{jsxref("Promise")}} 作为兑现值。
+
+```js
+const promise1 = new Promise((resolve, reject) => {
+  setTimeout(resolve, 500, "一");
 });
 
-Promise.race([p5, p6]).then(function(value) {
-  // 未被调用
-}, function(reason) {
-  console.log(reason); // "six"
-  // p6 更快，所以它失败了
+const promise2 = new Promise((resolve, reject) => {
+  setTimeout(reject, 100, "二");
 });
+
+Promise.any([promise1, promise2])
+  .then((value) => {
+    // 只有 promise1 成功兑现，即使 promise2 更快敲定
+    console.log("成功，值为：", value);
+  })
+  .catch((reason) => {
+    console.error("失败，原因为：", reason);
+  });
+// 成功，值为：一
 ```
 
 ## 规范
@@ -109,7 +272,9 @@ Promise.race([p5, p6]).then(function(value) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Promise")}}
 - {{jsxref("Promise.all()")}}
+- {{jsxref("Promise.allSettled()")}}
+- {{jsxref("Promise.any()")}}

From 271ba5b6b71983f5d6444bd2f946b43f59abce61 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Sun, 25 Jun 2023 14:40:32 +0800
Subject: [PATCH 084/146] sync with english version for font-smooth (#13927)

---
 files/zh-cn/web/css/font-smooth/index.md | 116 +++++++++++++++--------
 1 file changed, 74 insertions(+), 42 deletions(-)

diff --git a/files/zh-cn/web/css/font-smooth/index.md b/files/zh-cn/web/css/font-smooth/index.md
index c754db0668072c..3100ce7d052ce2 100644
--- a/files/zh-cn/web/css/font-smooth/index.md
+++ b/files/zh-cn/web/css/font-smooth/index.md
@@ -1,67 +1,98 @@
 ---
-title: 字体平滑
+title: font-smooth
 slug: Web/CSS/font-smooth
 ---
 
 {{CSSRef}} {{ Non-standard_header }}
 
-**`font-smooth`** [CSS](/zh-CN/CSS) 属性用来控制字体渲染时的平滑效果。
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <td><strong>{{ Xref_cssinitial() }}</strong></td>
-      <td><code>auto</code></td>
-    </tr>
-    <tr>
-      <td><strong>适用元素</strong></td>
-      <td>所有元素与生成的内容</td>
-    </tr>
-    <tr>
-      <td><strong>{{ Xref_cssinherited() }}</strong></td>
-      <td>是</td>
-    </tr>
-    <tr>
-      <td><strong>Percentages</strong></td>
-      <td>relative to parent element's font size</td>
-    </tr>
-    <tr>
-      <td><strong>Media</strong></td>
-      <td>{{ Xref_cssvisual() }}</td>
-    </tr>
-    <tr>
-      <td><strong>{{ Xref_csscomputed() }}</strong></td>
-      <td>as specified</td>
-    </tr>
-  </tbody>
-</table>
+**`font-smooth`** [CSS](/zh-CN/docs/Web/CSS) 属性控制字体渲染时应用的抗锯齿效果。
 
 ## 语法
 
 ```css
-/* Keyword values */
+/* 关键字值 */
 font-smooth: auto;
 font-smooth: never;
 font-smooth: always;
 
-/* <length> value */
+/* <length> 值 */
 font-smooth: 2em;
+
+/* 全局值 */
+font-smooth: inherit;
+font-smooth: initial;
+font-smooth: revert;
+font-smooth: revert-layer;
+font-smooth: unset;
 ```
 
-> **备注：** **Webkit** 实现了名为`-webkit-font-smoothing`的相似属性。这个属性仅在 Mac OS X/macOS 下生效。- `none` - 关闭字体平滑；展示有锯齿边缘的文字。
+> **备注：** Webkit 实现了名为 **`-webkit-font-smoothing`** 的相似属性。该属性仅适用于 macOS。
 >
-> - `antialiased` - 平滑像素级别的字体，而不是子像素。从亚像素渲染切换到黑暗背景上的浅色文本的抗锯齿使其看起来更轻。
-> - `subpixel-antialiased` - 在大多数非视网膜显示器上，这将会提供最清晰的文字。
+> - `auto`——由浏览器决定（如果可用，则使用亚像素抗锯齿；这是默认值）。
+> - `none`——关闭字体平滑；显示带有锯齿边缘的文本。
+> - `antialiased`——在像素（而不是亚像素）级别平滑字体。对于深色背景上的浅色文本，从亚像素渲染切换为抗锯齿渲染可以使其看起来更清晰。
+> - `subpixel-antialiased`——在大多数非视网膜显示器上，这将会提供最清晰的文本。
 
-> **备注：** **Firefox** 实现了名为 -moz-osx-font-smoothing 的相似属性。这个属性仅在 Mac OS X / macOS 下生效。- `auto` - 允许浏览器选择字体平滑的优化方式，通常为`grayscale`。
+> **备注：** Firefox 实现了名为 **`-moz-osx-font-smoothing`** 的相似属性。该属性仅适用于 macOS。
 >
-> - `grayscale` - 用灰度抗锯齿渲染文本，而不是子像素。从亚像素渲染切换到黑暗背景上的浅色文本的抗锯齿使其看起来更轻。
-> - {{cssxref("inherit")}}
-> - {{cssxref("unset")}}
+> - `auto`——允许浏览器选择字体平滑的优化方式，通常为 `grayscale`。
+> - `grayscale`——用灰度抗锯齿（而不是亚像素）渲染文本。对于深色背景上的浅色文本，从亚像素渲染切换为抗锯齿渲染可以使其看起来更清晰。
+
+## 形式定义
+
+{{cssinfo}}
+
+## 形式语法
+
+```plain
+font-smooth =
+  auto | never | always | <absolute-size> | <length>
+```
+
+## 示例
+
+### 基础使用示例
+
+以下示例展示了在 macOS 上打开字体平滑的 Safari/Chromium 和 Firefox 的等效结果。对于这两类情况，平滑的字体应该看起来更细一些。
+
+对于那些没有使用 macOS 系统的用户，这里有一张截图（后面会有实时版本）：
+
+![两类文本示例，一个具有 font-smooth 属性，而另一个则不具有](smoothing.png)
+
+#### HTML
+
+```html
+<p>Without font smoothing</p>
+
+<p class="smoothed">With font smoothing</p>
+```
+
+#### CSS
+
+```css
+html {
+  background-color: black;
+  color: white;
+  font-size: 3rem;
+}
+
+p {
+  text-align: center;
+}
+
+.smoothed {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+```
+
+#### 结果
+
+{{EmbedLiveSample('基础使用示例', '100%', 260)}}
 
 ## 规范
 
-尽管在早期（2002）的 [CSS3 Fonts](http://www.w3.org/TR/WD-font/#font-smooth) 草稿中就出现了 `font-smooth` ，但是这个属性已经在规范中被移除，而且已经不在标准跟踪之中。
+不属于任何规范。
 
 ## 浏览器兼容性
 
@@ -69,4 +100,5 @@ font-smooth: 2em;
 
 ## 参见
 
-- [Please Stop "Fixing" Font Smoothing – UsabilityPost](http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/)
+- [请停止“修复”字体平滑——UsabilityPost](https://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/)
+- [不干涉字体平滑和抗锯齿](https://www.zachleat.com/web/font-smooth/)

From 870eed32a7f96483d1c428f81ef66a59269b8b9a Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Sun, 25 Jun 2023 15:43:28 +0800
Subject: [PATCH 085/146] sync with english version for "transforming xml"
 (#13929)

Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
---
 .../xslt/transforming_xml_with_xslt/index.md  | 323 +++++++-----------
 1 file changed, 131 insertions(+), 192 deletions(-)

diff --git a/files/zh-cn/web/xslt/transforming_xml_with_xslt/index.md b/files/zh-cn/web/xslt/transforming_xml_with_xslt/index.md
index 2fc24fd88aed43..c9be90f00ad9f9 100644
--- a/files/zh-cn/web/xslt/transforming_xml_with_xslt/index.md
+++ b/files/zh-cn/web/xslt/transforming_xml_with_xslt/index.md
@@ -1,196 +1,135 @@
 ---
-title: Transforming XML with XSLT
+title: 使用 XSLT 转换 XML
 slug: Web/XSLT/Transforming_XML_with_XSLT
 ---
 
-### An Overview
-
-The separation of content and presentation is a key design feature of [XML](cn/XML). The structure of an XML document is designed to reflect and clarify important relationships among the individual aspects of the content itself, unhindered by a need to provide any indication about how this data should eventually be presented. This intelligent structuring is particularly important as more and more data transfers are automated and take place between highly heterogeneous machines linked by a network.
-
-Yet eventually much of the content stored in XML documents will need to be presented to human readers. Because a browser provides a familiar and highly flexible interface, it is an ideal mechanism for delivering such presentation versions of XML content. Built from the ground up utilizing a wide variety of XML technologies, Mozilla incorporates within itself all of the mechanisms needed to process both original XML documents and the specialized stylesheets used to style and lay them out for HTML display, reducing server load with client-side processing.
-
-At present, Gecko (the layout engine behind Mozilla and Firefox) supports two forms of XML stylesheets. For basic control of appearance -- fonts, colors, position, and so forth -- Gecko uses [CSS](cn/CSS), familiar from "DHTML". All of CSS1 and most of CSS2 are supported. Support for the emerging CSS3 standard is under development. For further information about CSS, see [Eric Meyer's CSS pages](http://www.meyerweb.com/eric/css/).
-
-Our focus here is on the second type of stylesheet that Gecko supports: the XSLT stylesheet. XSLT stands for eXtensible Stylesheet Language/Transform and the name is apt. XSLT allows a stylesheet author to transform a primary XML document in two significant ways: manipulating and sorting the content, including a wholesale reordering of it if so desired, and transforming the content into a different format (and in the case of Mozilla, the focus is on converting it on the fly into HTML which can then be displayed by the browser).
-
-### XSLT/XPath reference
-
-#### Elements
-
-- [xsl:apply-imports](cn/XSLT/apply-imports)
-  _(supported)_
-- [xsl:apply-templates](cn/XSLT/apply-templates)
-  _(supported)_
-- [xsl:attribute](cn/XSLT/attribute)
-  _(supported)_
-- [xsl:attribute-set](cn/XSLT/attribute-set)
-  _(supported)_
-- [xsl:call-template](cn/XSLT/call-template)
-  _(supported)_
-- [xsl:choose](cn/XSLT/choose)
-  _(supported)_
-- [xsl:comment](cn/XSLT/comment)
-  _(supported)_
-- [xsl:copy](cn/XSLT/copy)
-  _(supported)_
-- [xsl:copy-of](cn/XSLT/copy-of)
-  _(supported)_
-- [xsl:decimal-format](cn/XSLT/decimal-format)
-  _(supported)_
-- [xsl:element](cn/XSLT/element)
-  _(supported)_
-- [xsl:fallback](cn/XSLT/fallback)
-  _(not supported)_
-- [xsl:for-each](cn/XSLT/for-each)
-  _(supported)_
-- [xsl:if](cn/XSLT/if)
-  _(supported)_
-- [xsl:import](cn/XSLT/import)
-  _(mostly supported)_
-- [xsl:include](cn/XSLT/include)
-  _(supported)_
-- [xsl:key](cn/XSLT/key)
-  _(supported)_
-- [xsl:message](cn/XSLT/message)
-  _(supported)_
-- [xsl:namespace-alias](cn/XSLT/namespace-alias)
-  _(not supported)_
-- [xsl:number](cn/XSLT/number)
-  _(partially supported)_
-- [xsl:otherwise](cn/XSLT/otherwise)
-  _(supported)_
-- [xsl:output](cn/XSLT/output)
-  _(partially supported)_
-- [xsl:param](cn/XSLT/param)
-  _(supported)_
-- [xsl:preserve-space](cn/XSLT/preserve-space)
-  _(supported)_
-- [xsl:processing-instruction](cn/XSLT/processing-instruction)
-- [xsl:sort](cn/XSLT/sort)
-  _(supported)_
-- [xsl:strip-space](cn/XSLT/strip-space)
-  _(supported)_
-- [xsl:stylesheet](cn/XSLT/stylesheet)
-  _(partially supported)_
-- [xsl:template](cn/XSLT/template)
-  _(supported)_
-- [xsl:text](cn/XSLT/text)
-  _(partially supported)_
-- [xsl:transform](cn/XSLT/transform)
-  _(supported)_
-- [xsl:value-of](cn/XSLT/value-of)
-  _(partially supported)_
-- [xsl:variable](cn/XSLT/variable)
-  _(supported)_
-- [xsl:when](cn/XSLT/when)
-  _(supported)_
-- [xsl:with-param](cn/XSLT/with-param)
-  _(supported)_
-
-#### Axes
-
-- [ancestor](cn/XPath/Axes/ancestor)
-- [ancestor-or-self](cn/XPath/Axes/ancestor-or-self)
-- [attribute](cn/XPath/Axes/attribute)
-- [child](cn/XPath/Axes/child)
-- [descendant](cn/XPath/Axes/descendant)
-- [descendant-or-self](cn/XPath/Axes/descendant-or-self)
-- [following](cn/XPath/Axes/following)
-- [following-sibling](cn/XPath/Axes/following-sibling)
-- [namespace](cn/XPath/Axes/namespace)
-  _(not supported)_
-- [parent](cn/XPath/Axes/parent)
-- [preceding](cn/XPath/Axes/preceding)
-- [preceding-sibling](cn/XPath/Axes/preceding-sibling)
-- [self](cn/XPath/Axes/self)
-
-#### Functions
-
-- [boolean()](cn/XPath/Functions/boolean)
-  _(supported)_
-- [ceiling()](cn/XPath/Functions/ceiling)
-  _(supported)_
-- [concat()](cn/XPath/Functions/concat)
-  _(supported)_
-- [contains()](cn/XPath/Functions/contains)
-  _(supported)_
-- [count()](cn/XPath/Functions/count)
-  _(supported)_
-- [current()](cn/XPath/Functions/current)
-  _(supported)_
-- [document()](cn/XPath/Functions/document)
-  _(supported)_
-- [element-available()](cn/XPath/Functions/element-available)
-  _(supported)_
-- [false()](cn/XPath/Functions/false)
-  _(supported)_
-- [floor()](cn/XPath/Functions/floor)
-  _(supported)_
-- [format-number()](cn/XPath/Functions/format-number)
-  _(supported)_
-- [function-available()](cn/XPath/Functions/function-available)
-  _(supported)_
-- [generate-id()](cn/XPath/Functions/generate-id)
-  _(supported)_
-- [id()](cn/XPath/Functions/id)
-  _(partially supported)_
-- [key()](cn/XPath/Functions/key)
-  _(supported)_
-- [lang()](cn/XPath/Functions/lang)
-  _(supported)_
-- [last()](cn/XPath/Functions/last)
-  _(supported)_
-- [local-name()](cn/XPath/Functions/local-name)
-  _(supported)_
-- [name()](cn/XPath/Functions/name)
-  _(supported)_
-- [namespace-uri()](cn/XPath/Functions/namespace-uri)
-  _(supported)_
-- [normalize-space()](cn/XPath/Functions/normalize-space)
-  _(supported)_
-- [not()](cn/XPath/Functions/not)
-  _(supported)_
-- [number()](cn/XPath/Functions/number)
-  _(supported)_
-- [position()](cn/XPath/Functions/position)
-  _(supported)_
-- [round()](cn/XPath/Functions/round)
-  _(supported)_
-- [starts-with()](cn/XPath/Functions/starts-with)
-  _(supported)_
-- [string()](cn/XPath/Functions/string)
-  _(supported)_
-- [string-length()](cn/XPath/Functions/string-length)
-  _(supported)_
-- [substring()](cn/XPath/Functions/substring)
-  _(supported)_
-- [substring-after()](cn/XPath/Functions/substring-after)
-  _(supported)_
-- [substring-before()](cn/XPath/Functions/substring-before)
-  _(supported)_
-- [sum()](cn/XPath/Functions/sum)
-  _(supported)_
-- [system-property()](cn/XPath/Functions/system-property)
-  _(supported)_
-- [translate()](cn/XPath/Functions/translate)
-  _(supported)_
-- [true()](cn/XPath/Functions/true)
-  _(supported)_
-- [unparsed-entity-url()](cn/XPath/Functions/unparsed-entity-url)
-  _(not supported)_
-
-### For Further Reading
-
-- [Books](cn/Transforming_XML_with_XSLT/For_Further_Reading#Books)
-- [Online](cn/Transforming_XML_with_XSLT/For_Further_Reading#Online)
-
-  - [The World Wide Web Consortium](cn/Transforming_XML_with_XSLT/For_Further_Reading#The_World_Wide_Web_Consortium)
-  - [Portals](cn/Transforming_XML_with_XSLT/For_Further_Reading#Portals)
-  - [Articles](cn/Transforming_XML_with_XSLT/For_Further_Reading#Articles)
-  - [Tutorials/Examples](cn/Transforming_XML_with_XSLT/For_Further_Reading#Tutorials.2FExamples)
-  - [Mailing Lists/Newsgroups](cn/Transforming_XML_with_XSLT/For_Further_Reading#Mailing_Lists.2FNewsgroups)
-
-### Original Document Information
-
-- Copyright Information: Copyright © 2001-2003 Netscape. All rights reserved.
-- Note: This reprinted article was originally part of the DevEdge site.
+{{XsltSidebar}}
+
+## 概览
+
+[概览](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/An_Overview)
+
+内容和表示分离是 [XML](/zh-CN/docs/Web/XML) 的一个关键设计特性。XML 文档的结构被设计成反映和阐明内容本身的各方面之间的重要关系，而不受需要提供有关此数据最终应该如何呈现的任何指示的障碍。这种智能的结构尤为重要，特别是在越来越多的数据在通过网络连接的高度异构的机器之间自动化传输的趋势下。
+
+然而，最终存储在 XML 文档中的大部分内容都需要呈现给人类。因为浏览器提供了一个熟悉且高度灵活的界面，所以它是传递此类呈现给人类的 XML 内容的理想机制。Firefox 利用各类 XML 技术从头开始构建，将处理原始 XML 文档和用于为显示的 HTML 设置样式和布局的专用样式表所需的机制合并到一起，从而通过客户端处理来减少服务器的负载。
+
+目前，Gecko（Firefox 的排版引擎）支持两种形式的 XML 样式表。对于外观的基本控制（字体、颜色、位置等），Gecko 使用 [CSS](/zh-CN/docs/Web/CSS)。
+
+我们这里的重点是 Gecko 支持的第二种样式表：XSLT 样式表。XSLT 代表可扩展样式表转换语言（eXtensible Stylesheet Language/Transform），这个名字很贴切。XSLT 允许样式表的作者以两种重要的方式转换主 XML 文档：对文档进行操作和排序，包括在需要的情况下进行整体重排序，以及将内容转换为不同的格式（以 Firefox 为例，则重点是将其即时转换为后续可用浏览器显示的 HTML）。
+
+## XSLT/XPath 参考
+
+### 元素
+
+[元素](/zh-CN/docs/Web/XSLT/Element)
+
+- [xsl:apply-imports](/zh-CN/docs/Web/XSLT/Element/apply-imports)（_支持_）
+- [xsl:apply-templates](/zh-CN/docs/Web/XSLT/Element/apply-templates)（_支持_）
+- [xsl:attribute](/zh-CN/docs/Web/XSLT/Element/attribute)（_支持_）
+- [xsl:attribute-set](/zh-CN/docs/Web/XSLT/Element/attribute-set)（_支持_）
+- [xsl:call-template](/zh-CN/docs/Web/XSLT/Element/call-template)（_支持_）
+- [xsl:choose](/zh-CN/docs/Web/XSLT/Element/choose)（_支持_）
+- [xsl:comment](/zh-CN/docs/Web/XSLT/Element/comment)（_支持_）
+- [xsl:copy](/zh-CN/docs/Web/XSLT/Element/copy)（_支持_）
+- [xsl:copy-of](/zh-CN/docs/Web/XSLT/Element/copy-of)（_支持_）
+- [xsl:decimal-format](/zh-CN/docs/Web/XSLT/Element/decimal-format)（_支持_）
+- [xsl:element](/zh-CN/docs/Web/XSLT/Element/element)（_支持_）
+- [xsl:fallback](/zh-CN/docs/Web/XSLT/Element/fallback)（_不支持_）
+- [xsl:for-each](/zh-CN/docs/Web/XSLT/Element/for-each)（_支持_）
+- [xsl:if](/zh-CN/docs/Web/XSLT/Element/if)（_支持_）
+- [xsl:import](/zh-CN/docs/Web/XSLT/Element/import) _(mostly supported)_
+- [xsl:include](/zh-CN/docs/Web/XSLT/Element/include)（_支持_）
+- [xsl:key](/zh-CN/docs/Web/XSLT/Element/key)（_支持_）
+- [xsl:message](/zh-CN/docs/Web/XSLT/Element/message)（_支持_）
+- [xsl:namespace-alias](/zh-CN/docs/Web/XSLT/Element/namespace-alias)（_不支持_）
+- [xsl:number](/zh-CN/docs/Web/XSLT/Element/number)（_部分支持_）
+- [xsl:otherwise](/zh-CN/docs/Web/XSLT/Element/otherwise)（_支持_）
+- [xsl:output](/zh-CN/docs/Web/XSLT/Element/output)（_部分支持_）
+- [xsl:param](/zh-CN/docs/Web/XSLT/Element/param)（_支持_）
+- [xsl:preserve-space](/zh-CN/docs/Web/XSLT/Element/preserve-space)（_支持_）
+- [xsl:processing-instruction](/zh-CN/docs/Web/XSLT/Element/processing-instruction)
+- [xsl:sort](/zh-CN/docs/Web/XSLT/Element/sort)（_支持_）
+- [xsl:strip-space](/zh-CN/docs/Web/XSLT/Element/strip-space)（_支持_）
+- [xsl:stylesheet](/zh-CN/docs/Web/XSLT/Element/stylesheet)（_部分支持_）
+- [xsl:template](/zh-CN/docs/Web/XSLT/Element/template)（_支持_）
+- [xsl:text](/zh-CN/docs/Web/XSLT/Element/text)（_部分支持_）
+- [xsl:transform](/zh-CN/docs/Web/XSLT/Element/transform)（_支持_）
+- [xsl:value-of](/zh-CN/docs/Web/XSLT/Element/value-of)（_部分支持_）
+- [xsl:variable](/zh-CN/docs/Web/XSLT/Element/variable)（_支持_）
+- [xsl:when](/zh-CN/docs/Web/XSLT/Element/when)（_支持_）
+- [xsl:with-param](/zh-CN/docs/Web/XSLT/Element/with-param)（_支持_）
+
+### 轴
+
+[轴](/zh-CN/docs/Web/XPath/Axes)
+
+- [ancestor](/zh-CN/docs/Web/XPath/Axes#ancestor)
+- [ancestor-or-self](/zh-CN/docs/Web/XPath/Axes#ancestor-or-self)
+- [attribute](/zh-CN/docs/Web/XPath/Axes#attribute)
+- [child](/zh-CN/docs/Web/XPath/Axes#child)
+- [descendant](/zh-CN/docs/Web/XPath/Axes#descendant)
+- [descendant-or-self](/zh-CN/docs/Web/XPath/Axes#descendant-or-self)
+- [following](/zh-CN/docs/Web/XPath/Axes#following)
+- [following-sibling](/zh-CN/docs/Web/XPath/Axes#following-sibling)
+- [namespace](/zh-CN/docs/Web/XPath/Axes#namespace)（_不支持_）
+- [parent](/zh-CN/docs/Web/XPath/Axes#parent)
+- [preceding](/zh-CN/docs/Web/XPath/Axes#preceding)
+- [preceding-sibling](/zh-CN/docs/Web/XPath/Axes#preceding-sibling)
+- [self](/zh-CN/docs/Web/XPath/Axes#self)
+
+### 函数
+
+[函数](/zh-CN/docs/Web/XPath/Functions)
+
+- [boolean()](/zh-CN/docs/Web/XPath/Functions/boolean)（_支持_）
+- [ceiling()](/zh-CN/docs/Web/XPath/Functions/ceiling)（_支持_）
+- [concat()](/zh-CN/docs/Web/XPath/Functions/concat)（_支持_）
+- [contains()](/zh-CN/docs/Web/XPath/Functions/contains)（_支持_）
+- [count()](/zh-CN/docs/Web/XPath/Functions/count)（_支持_）
+- [current()](/zh-CN/docs/Web/XPath/Functions/current)（_支持_）
+- [document()](/zh-CN/docs/Web/XPath/Functions/document)（_支持_）
+- [element-available()](/zh-CN/docs/Web/XPath/Functions/element-available)（_支持_）
+- [false()](/zh-CN/docs/Web/XPath/Functions/false)（_支持_）
+- [floor()](/zh-CN/docs/Web/XPath/Functions/floor)（_支持_）
+- [format-number()](/zh-CN/docs/Web/XPath/Functions/format-number)（_支持_）
+- [function-available()](/zh-CN/docs/Web/XPath/Functions/function-available)（_支持_）
+- [generate-id()](/zh-CN/docs/Web/XPath/Functions/generate-id)（_支持_）
+- [id()](/zh-CN/docs/Web/XPath/Functions/id)（_部分支持_）
+- [key()](/zh-CN/docs/Web/XPath/Functions/key)（_支持_）
+- [lang()](/zh-CN/docs/Web/XPath/Functions/lang)（_支持_）
+- [last()](/zh-CN/docs/Web/XPath/Functions/last)（_支持_）
+- [local-name()](/zh-CN/docs/Web/XPath/Functions/local-name)（_支持_）
+- [name()](/zh-CN/docs/Web/XPath/Functions/name)（_支持_）
+- [namespace-uri()](/zh-CN/docs/Web/XPath/Functions/namespace-uri)（_支持_）
+- [normalize-space()](/zh-CN/docs/Web/XPath/Functions/normalize-space)（_支持_）
+- [not()](/zh-CN/docs/Web/XPath/Functions/not)（_支持_）
+- [number()](/zh-CN/docs/Web/XPath/Functions/number)（_支持_）
+- [position()](/zh-CN/docs/Web/XPath/Functions/position)（_支持_）
+- [round()](/zh-CN/docs/Web/XPath/Functions/round)（_支持_）
+- [starts-with()](/zh-CN/docs/Web/XPath/Functions/starts-with)（_支持_）
+- [string()](/zh-CN/docs/Web/XPath/Functions/string)（_支持_）
+- [string-length()](/zh-CN/docs/Web/XPath/Functions/string-length)（_支持_）
+- [substring()](/zh-CN/docs/Web/XPath/Functions/substring)（_支持_）
+- [substring-after()](/zh-CN/docs/Web/XPath/Functions/substring-after)（_支持_）
+- [substring-before()](/zh-CN/docs/Web/XPath/Functions/substring-before)（_支持_）
+- [sum()](/zh-CN/docs/Web/XPath/Functions/sum)（_支持_）
+- [system-property()](/zh-CN/docs/Web/XPath/Functions/system-property)（_支持_）
+- [translate()](/zh-CN/docs/Web/XPath/Functions/translate)（_支持_）
+- [true()](/zh-CN/docs/Web/XPath/Functions/true)（_支持_）
+- [unparsed-entity-url()](/zh-CN/docs/Web/XPath/Functions/unparsed-entity-url)（_不支持_）
+
+## 扩展阅读
+
+[扩展阅读](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading)
+
+- [图书](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#图书)
+- [数字内容](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#数字内容)
+  - [网站](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#网站)
+  - [文章](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#文章)
+  - [教程/示例](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#教程示例)
+  - [其他](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#其他)
+
+## 原始文档信息
+
+- 版权信息：Copyright © 2001-2003 Netscape. All rights reserved.
+- 注意：这篇转载文章最初是 DevEdge 的一部分。

From be5712372736cbdf3d0dc98c851549e25612dab0 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 25 Jun 2023 16:25:25 +0800
Subject: [PATCH 086/146] [zh-CN] initial translation of Notification.silent
 (#13614)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../web/api/notification/silent/index.md      | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 files/zh-cn/web/api/notification/silent/index.md

diff --git a/files/zh-cn/web/api/notification/silent/index.md b/files/zh-cn/web/api/notification/silent/index.md
new file mode 100644
index 00000000000000..6082bb1254090e
--- /dev/null
+++ b/files/zh-cn/web/api/notification/silent/index.md
@@ -0,0 +1,39 @@
+---
+title: Notification：silent 属性
+slug: Web/API/Notification/silent
+---
+
+{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}
+
+{{domxref("Notification")}} 接口的 **`silent`** 只读属性指定通知是否应当保持静默，即无论设备设置如何，都不发出声音或振动。该属性在{{domxref("Notification.Notification","Notification()")}} 构造函数的 `silent` 选项中指定。
+
+## 值
+
+一个布尔值。默认值是 `false`；设为 `true` 将使通知静音。
+
+## 示例
+
+以下代码片段旨在触发静默通知；创建一个简单的 `options` 对象，然后调用 {{DOMxRef("Notification.Notification","Notification()")}} 构造函数触发通知。
+
+```js
+const options = {
+  body: "您提交的代码收到了 3 条新的审阅意见。",
+  silent: true,
+};
+
+const n = new Notification("新评论活动", options);
+
+console.log(n.silent); // "true"
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- [使用 Notification API](/zh-CN/docs/Web/API/Notifications_API/Using_the_Notifications_API)

From f82f74314b033be8455c0bf14bf1c9bcc5c6e598 Mon Sep 17 00:00:00 2001
From: lensfrex <Het2002@outlook.com>
Date: Sun, 25 Jun 2023 19:43:00 +0800
Subject: [PATCH 087/146] [zh-cn] The result of HTML example does not match the
 description (#13931)

---
 files/zh-cn/web/css/overflow-y/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/zh-cn/web/css/overflow-y/index.md b/files/zh-cn/web/css/overflow-y/index.md
index 4f2f520bfa5554..24fb095cad88c4 100644
--- a/files/zh-cn/web/css/overflow-y/index.md
+++ b/files/zh-cn/web/css/overflow-y/index.md
@@ -60,13 +60,13 @@ overflow-y: unset;
 
 ```html
 <ul>
-  <li><code>overflow-y:scroll</code> — 总是显示滚动条
+  <li><code>overflow-y:hidden</code> — 在盒子外隐藏溢出的内容
   <div id="div1">
    歌词是诗歌的一种，入乐的叫歌，不入乐的叫诗（或词）。入乐的歌在感情抒发、形象塑造上和诗没有任何区别，但在结构上、节奏上要受音乐的制约，在韵律上要照顾演唱的方便，在遣词炼字上要考虑听觉艺术的特点，因为它要入乐歌唱。歌词与诗的分别，主要是诗不一定要入乐（合乐），歌词是要合乐的。合乐成为歌曲。歌词一般是配合曲子旋律一同出现的，歌词是歌曲的本意所在。现代一般是配合音乐，便于哼唱的语句。
   </div>
   </li>
 
-  <li><code>overflow-y:hidden</code> — 在盒子外隐藏溢出的内容
+  <li><code>overflow-y:scroll</code> — 总是显示滚动条
   <div id="div2">
   歌词是诗歌的一种，入乐的叫歌，不入乐的叫诗（或词）。入乐的歌在感情抒发、形象塑造上和诗没有任何区别，但在结构上、节奏上要受音乐的制约，在韵律上要照顾演唱的方便，在遣词炼字上要考虑听觉艺术的特点，因为它要入乐歌唱。歌词与诗的分别，主要是诗不一定要入乐（合乐），歌词是要合乐的。合乐成为歌曲。歌词一般是配合曲子旋律一同出现的，歌词是歌曲的本意所在。现代一般是配合音乐，便于哼唱的语句。
   </div>

From a07299e76e3ef3ef3f7e73c7e0dee16fa959707d Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 25 Jun 2023 19:47:19 +0800
Subject: [PATCH 088/146] [zh-CN] initial translation of Notification.title
 (#13617)

---
 .../zh-cn/web/api/notification/title/index.md | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 files/zh-cn/web/api/notification/title/index.md

diff --git a/files/zh-cn/web/api/notification/title/index.md b/files/zh-cn/web/api/notification/title/index.md
new file mode 100644
index 00000000000000..d4396d53ea4bc8
--- /dev/null
+++ b/files/zh-cn/web/api/notification/title/index.md
@@ -0,0 +1,39 @@
+---
+title: Notification：title 属性
+slug: Web/API/Notification/title
+---
+
+{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+
+{{domxref("Notification")}} 接口的 **`title`** 只读属性指示通知的标题。此属性通过 {{domxref("Notification.Notification","Notification()")}} 构造函数的 `title` 参数指定。
+
+## 值
+
+一个字符串。
+
+## 示例
+
+```js
+function spawnNotification(theBody, theIcon, theTitle) {
+  const options = {
+    body: theBody,
+    icon: theIcon,
+  };
+
+  const n = new Notification(theTitle, options);
+
+  console.log(n.title);
+}
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- [使用 Notification API](/zh-CN/docs/Web/API/Notifications_API/Using_the_Notifications_API)

From 6e03d12c6f871ec330e55ba74d04db1c99c24318 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 25 Jun 2023 19:50:37 +0800
Subject: [PATCH 089/146] [zh-CN] initial translation of Notification.vibrate
 (#13618)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../web/api/notification/vibrate/index.md     | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 files/zh-cn/web/api/notification/vibrate/index.md

diff --git a/files/zh-cn/web/api/notification/vibrate/index.md b/files/zh-cn/web/api/notification/vibrate/index.md
new file mode 100644
index 00000000000000..0d310cd2399c59
--- /dev/null
+++ b/files/zh-cn/web/api/notification/vibrate/index.md
@@ -0,0 +1,39 @@
+---
+title: Notification：vibrate 属性
+slug: Web/API/Notification/vibrate
+---
+
+{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
+
+{{domxref("Notification")}} 接口的 `vibrate` 只读属性指定当通知触发时设备振动硬件发出的[振动模式](/zh-CN/docs/Web/API/Vibration_API#振动模式)。此属性通过 {{domxref("Notification.Notification","Notification()")}} 构造函数的 `vibrate` 选项指定。
+
+## 值
+
+一个[振动 API 规范](https://w3c.github.io/vibration/)所指定的[振动模式](/zh-CN/docs/Web/API/Vibration_API#振动模式)。
+
+## 示例
+
+以下代码片段旨在创建同时触发设备振动的通知；首先创建一个简单的 `options` 对象，然后使用 `Notification()` 构造函数触发通知。
+
+```js
+const options = {
+  body: "您提交的代码收到了 3 条新的审阅意见。",
+  vibrate: [200, 100, 200],
+};
+
+const n = new Notification("新的评论活动", options);
+
+console.log(n.vibrate); // "[200, 100, 200]"
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- [使用 Notification API](/zh-CN/docs/Web/API/Notifications_API/Using_the_Notifications_API)

From 2dd87c97df3e150e616396d2ca192d74f87db9d6 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 25 Jun 2023 19:57:11 +0800
Subject: [PATCH 090/146] [zh-CN] initial translation of Notification.timestamp
 (#13616)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../web/api/notification/timestamp/index.md   | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 files/zh-cn/web/api/notification/timestamp/index.md

diff --git a/files/zh-cn/web/api/notification/timestamp/index.md b/files/zh-cn/web/api/notification/timestamp/index.md
new file mode 100644
index 00000000000000..aaefb81268d714
--- /dev/null
+++ b/files/zh-cn/web/api/notification/timestamp/index.md
@@ -0,0 +1,43 @@
+---
+title: Notification：timestamp 属性
+slug: Web/API/Notification/timestamp
+---
+
+{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
+
+{{domxref("Notification")}} 接口的 **`timestamp`** 只读属性返回一个数字。此属性通过 {{domxref("Notification.Notification"," Notification()")}} 构造函数的 `timestamp` 选项指定。
+
+通知的时间戳可以表示创建通知的事件的时间（自 1970 年 1 月 1 日 00:00:00 UTC 时间以来的毫秒数），或者它可以是你希望与通知相关联的任意时间戳。例如，一个即将召开的会议的时间戳可以设置在未来，而一条错过的消息的时间戳可以设置在过去。
+
+## 值
+
+一个表示时间戳的数字，以 [Unix 时间](/zh-CN/docs/Glossary/Unix_time)形式按毫秒为单位给出。
+
+## 示例
+
+以下代码片段会触发一条通知；首先创建一个简单的 `options` 对象，然后使用 `Notification()` 构造函数触发通知。
+
+```js
+const dts = Math.floor(Date.now());
+
+const options = {
+  body: "您提交的代码收到了 3 条新的审阅意见。",
+  timestamp: dts,
+};
+
+const n = new Notification("新的评论活动", options);
+
+console.log(n.timestamp); // 输出 timestamp
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- [使用 Notification API](/zh-CN/docs/Web/API/Notifications_API/Using_the_Notifications_API)

From 9e74a72ddb82b2409b20cb0297dbe6ac511d9dc4 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 00:29:13 +0900
Subject: [PATCH 091/146] =?UTF-8?q?2023/03/12=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmllabelelement/index.md | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/files/ja/web/api/htmllabelelement/index.md b/files/ja/web/api/htmllabelelement/index.md
index 5382ebbf06d619..9f45a2325448f6 100644
--- a/files/ja/web/api/htmllabelelement/index.md
+++ b/files/ja/web/api/htmllabelelement/index.md
@@ -1,6 +1,8 @@
 ---
 title: HTMLLabelElement
 slug: Web/API/HTMLLabelElement
+l10n:
+  sourceCommit: 7e6e5f5d4c1c984af3d4ebf9399042d19eccea1e
 ---
 
 {{ APIRef("HTML DOM") }}
@@ -9,22 +11,22 @@ slug: Web/API/HTMLLabelElement
 
 {{InheritanceDiagram}}
 
-## プロパティ
+## インスタンスプロパティ
 
-_親インターフェイスである {{domxref("HTMLElement")}} からプロパティを継承しています。_
+_親インターフェイスである {{domxref("HTMLElement")}} から継承したプロパティがあります。_
 
 - {{domxref("HTMLLabelElement.control")}} {{ReadOnlyInline}}
   - : {{domxref("HTMLElement")}} で、このラベルが関連付けられているコントロールを表します。
 - {{domxref("HTMLLabelElement.form")}} {{ReadOnlyInline}}
   - : {{domxref("HTMLFormElement")}} オブジェクトで、このラベル付きコントロールが関連付けられているフォームを表します。関連付けられているコントロールがない場合や、コントロールがフォームに関連付けられていない場合は `null` になります。言い換えれば、これは `HTMLLabelElement.control.form` のショートカットです。
 - {{domxref("HTMLLabelElement.htmlFor")}}
-  - : 文字列で、ラベル付けしたコントロールの ID が入ります。これは [`for`](/ja/docs/Web/HTML/Element/label#for)t/label#for)t/label#for) 属性を反映します。
+  - : 文字列で、ラベル付けしたコントロールの ID が入ります。これは [`for`](/ja/docs/Web/HTML/Element/label#for) 属性を反映します。
 
 > **メモ:** プログラムから `for` 属性を設定する場合は、 [`htmlFor`](/ja/docs/Web/API/HTMLLabelElement/htmlFor) を使用してください。
 
-## メソッド
+## インスタンスメソッド
 
-_特有のメソッドはありません。親インターフェイスである {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_固有のメソッドはありません。親インターフェイスである {{domxref("HTMLElement")}} から継承したメソッドがあります。_
 
 ## 仕様書
 

From 8ef29c2a59cf5936db9cc61424e283757d6172b6 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 00:31:16 +0900
Subject: [PATCH 092/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/api/htmllabelelement/control/index.md   |  5 ++++-
 files/ja/web/api/htmllabelelement/form/index.md |  5 ++++-
 .../web/api/htmllabelelement/htmlfor/index.md   | 17 ++++++-----------
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/files/ja/web/api/htmllabelelement/control/index.md b/files/ja/web/api/htmllabelelement/control/index.md
index 4819712811ed5e..a906905c519b99 100644
--- a/files/ja/web/api/htmllabelelement/control/index.md
+++ b/files/ja/web/api/htmllabelelement/control/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLLabelElement.control
+title: "HTMLLabelElement: control プロパティ"
+short-title: control
 slug: Web/API/HTMLLabelElement/control
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
 ---
 
 {{APIRef("HTML DOM")}}
diff --git a/files/ja/web/api/htmllabelelement/form/index.md b/files/ja/web/api/htmllabelelement/form/index.md
index b42adafa773190..c115d6d89fb519 100644
--- a/files/ja/web/api/htmllabelelement/form/index.md
+++ b/files/ja/web/api/htmllabelelement/form/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLLabelElement.form
+title: "HTMLLabelElement: form プロパティ"
+short-title: form
 slug: Web/API/HTMLLabelElement/form
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
 ---
 
 {{APIRef("HTML DOM")}}
diff --git a/files/ja/web/api/htmllabelelement/htmlfor/index.md b/files/ja/web/api/htmllabelelement/htmlfor/index.md
index 3c09d480c5614c..ad3ffaee67e5cb 100644
--- a/files/ja/web/api/htmllabelelement/htmlfor/index.md
+++ b/files/ja/web/api/htmllabelelement/htmlfor/index.md
@@ -1,23 +1,18 @@
 ---
-title: HTMLLabelElement.htmlFor
+title: "HTMLLabelElement: htmlFor プロパティ"
+short-title: htmlFor
 slug: Web/API/HTMLLabelElement/htmlFor
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
 ---
 
 {{APIRef("HTML DOM")}}
 
 **`HTMLLabelElement.htmlFor`** プロパティは [`for`](/ja/docs/Web/HTML/Element/label#for) コンテンツプロパティの値を反映します。つまり、このスクリプトでアクセス可能なプロパティは、ラベルに関連付けられたコントロール要素の ID である `for` コンテンツプロパティの値を設定したり読み取ったりするために使用されます。
 
-## 構文
+## 値
 
-```js
-controlId = HTMLLabelElement.htmlFor
-
-HTMLLabelElement.htmlFor = newId
-```
-
-### 値
-
-{{domxref("DOMString")}} で、このコントロールに関連する要素の ID 文字列が入ります。
+文字列で、このコントロールに関連する要素の ID 文字列が入ります。
 
 > **メモ:** このプロパティに値がある場合 {{domxref("HTMLLabelElement.control")}} プロパティも同じコントロールになります。
 

From f28e797f6058379db34b59ba385d805548e4eb9c Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 00:52:08 +0900
Subject: [PATCH 093/146] =?UTF-8?q?2023/05/20=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/label/index.md | 51 ++++++++++++------------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/files/ja/web/html/element/label/index.md b/files/ja/web/html/element/label/index.md
index 5a7b2224ae8e0d..7bbe7c52c2554b 100644
--- a/files/ja/web/html/element/label/index.md
+++ b/files/ja/web/html/element/label/index.md
@@ -1,28 +1,29 @@
 ---
-title: '<label>: 入力欄ラベル要素'
+title: "<label>: ラベル要素"
 slug: Web/HTML/Element/label
 l10n:
-  sourceCommit: d2758b52647c72eab555b05941c8bc613a1e65d2
+  sourceCommit: 37163d27e0625a83a3f8633fe58b9041867adeaa
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<label>` 要素**は、ユーザーインターフェイスの項目のキャプションを表します。
+**`<label>`**は [HTML](/ja/docs/Web/HTML) の要素で、ユーザーインターフェイスの項目のキャプションを表します。
 
 {{EmbedInteractiveExample("pages/tabbed/label.html", "tabbed-shorter")}}
 
-`<label>` を {{htmlelement("input")}} 要素と関連付けると、いくらかの利点が発生します。
+`<label>` を {{htmlelement("input")}} や {{htmlelement("textarea")}} などのフォーム要素と関連付けると、いくらかの利点が発生します。
 
 - ラベルのテキストが、対応するテキスト入力欄に視覚的に関連付けられるだけではありません。プログラム的にも関連付けられます。つまり、例えばユーザーがフォーム入力欄にフォーカスを移動した時、読み上げソフトがラベルを読み上げ、支援技術のユーザーが何のデータを入力するべきか理解しやすくすることができます。
 - 関連付けられたラベルをクリックして、入力欄自体をクリックした場合と同様に、入力欄にフォーカスを与えたりアクティブ化にしたりすることができます。こうしてヒット領域を拡大すると、タッチパネルの端末を使用している場合を含めて、入力欄をアクティブ化させやすくなります。
 
-`<label>` を `<input>` 要素に関連付けるには、 `<input>` に `id` 属性を設定しなければなりません。そして `<label>` に `for` 属性を設定して、値を input の `id` と同じにします。
+`<label>` 要素と `<input>` 要素を明示的に関連付けるには、最初に `id` 属性を `<input>` 要素に追加します。次に、`for` 属性を `<label>` 要素に追加します。`for` の値は `<input>` 要素の `id` と同じにします。
 
 他の方法として、 `<input>` を直接 `<label>` の内側に入れることができますが、この場合は関連付けが明確なので、 `for` および `id` 属性は必要ありません。
 
 ```html
-<label>Do you like peas?
-  <input type="checkbox" name="peas">
+<label>
+  Do you like peas?
+  <input type="checkbox" name="peas" />
 </label>
 ```
 
@@ -30,7 +31,7 @@ l10n:
 
 ```html
 <label for="username">名前を入力してください:</label>
-<input id="username">
+<input id="username" name="username" type="text" />
 <label for="username">名前を忘れてしまいましたか？</label>
 ```
 
@@ -42,7 +43,7 @@ l10n:
 
 - `for`
 
-  - : `for` 属性の値は単一の [`id`](/ja/docs/Web/HTML/Global_attributes#id) でなければならず、これは `<label>` 要素と同一の文書内にある[ラベル付け可能](/ja/docs/Web/Guide/HTML/Content_categories#ラベル付け可能)なフォーム関連要素のものです。従って、この `label` 要素が関連付けられるのはフォームコントロール 1 つだけです。
+  - : `for` 属性の値は単一の [`id`](/ja/docs/Web/HTML/Global_attributes#id) でなければならず、これは `<label>` 要素と同一の文書内にある[ラベル付け可能](/ja/docs/Web/HTML/Content_categories#ラベル付け可能)なフォーム関連要素のものです。従って、この `label` 要素が関連付けられるのはフォームコントロール 1 つだけです。
 
     > **メモ:** プログラムから `for` 属性を設定する場合は、 [`htmlFor`](/ja/docs/Web/API/HTMLLabelElement/htmlFor) を使用してください。
 
@@ -58,22 +59,22 @@ l10n:
 
 ## 例
 
-### シンプルな label の例
+### 暗黙のラベルの定義
 
 ```html
-<label>Click me <input type="text"></label>
+<label>Click me <input type="text" /></label>
 ```
 
-{{EmbedLiveSample('Simple_label_example', '200', '50', '')}}
+{{EmbedLiveSample('Simple_label_example', '200', '50')}}
 
-### "for" 属性の使用例
+### "for" 属性をつけた明示的なラベルの定義
 
 ```html
-<label for="username">Click me</label>
-<input type="text" id="username">
+<label for="username">Click me to focus on the input field</label>
+<input type="text" id="username" />
 ```
 
-{{EmbedLiveSample('Using_the_for_attribute', '200', '50', '')}}
+{{EmbedLiveSample('Using_the_for_attribute', '200', '50')}}
 
 ## アクセシビリティの考慮
 
@@ -81,20 +82,20 @@ l10n:
 
 `label` の中に{{HTMLElement("a", "アンカー")}}や{{HTMLElement("button", "ボタン")}}のような対話型要素を配置しないでください。そのようにすると、ユーザーが `label` に関連したフォーム入力欄を有効化しにくくなります。
 
-#### 悪い例
+**悪い例:**
 
 ```html example-bad
 <label for="tac">
-  <input id="tac" type="checkbox" name="terms-and-conditions">
+  <input id="tac" type="checkbox" name="terms-and-conditions" />
   <a href="terms-and-conditions.html">利用規約と利用条件</a>に同意します。
 </label>
 ```
 
-#### 良い例
+**良い例:**
 
 ```html example-good
 <label for="tac">
-  <input id="tac" type="checkbox" name="terms-and-conditions">
+  <input id="tac" type="checkbox" name="terms-and-conditions" />
   利用規約と利用条件に同意します。
 </label>
 <p>
@@ -108,21 +109,21 @@ l10n:
 
 [フォーム](/ja/docs/Web/HTML/Element/form)、またはフォームのセクションにタイトルが必要な場合は、 {{HTMLElement("legend")}} を {{HTMLElement("fieldset")}} の中に配置して使用してください。
 
-#### 悪い例
+**悪い例:**
 
 ```html example-bad
 <label for="your-name">
   <h3>Your name</h3>
-  <input id="your-name" name="your-name" type="text">
+  <input id="your-name" name="your-name" type="text" />
 </label>
 ```
 
-#### 良い例
+**良い例:**
 
 ```html example-good
 <label class="large-label" for="your-name">
   Your name
-  <input id="your-name" name="your-name" type="text">
+  <input id="your-name" name="your-name" type="text" />
 </label>
 ```
 
@@ -161,7 +162,7 @@ l10n:
         >、ただし、子孫に
         <code>label</code>
         要素を持つことはできない。ラベル付けの対象となるコントロール以外の<a
-          href="/ja/docs/Web/Guide/HTML/Content_categories#ラベル付け可能"
+          href="/ja/docs/Web/HTML/Content_categories#ラベル付け可能"
           >ラベル付け可能</a
         >要素を入れてはならない。
       </td>

From 840d97c5975060b71ba2bddefc2f651fc2ca32b5 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 01:56:23 +0900
Subject: [PATCH 094/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/legend/index.md | 36 +++++++++++++----------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/files/ja/web/html/element/legend/index.md b/files/ja/web/html/element/legend/index.md
index 8d10029428faa5..595667a243dd51 100644
--- a/files/ja/web/html/element/legend/index.md
+++ b/files/ja/web/html/element/legend/index.md
@@ -1,19 +1,33 @@
 ---
-title: <legend>
+title: "<legend>: フィールドセット凡例要素"
 slug: Web/HTML/Element/legend
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<legend>` 要素**は、その親要素である {{HTMLElement("fieldset")}} の内容のキャプションを表します。
+**`<legend>`** は [HTML](/ja/docs/Web/HTML) の要素で、その親要素である {{HTMLElement("fieldset")}} の内容のキャプションを表します。
 
 {{EmbedInteractiveExample("pages/tabbed/legend.html", "tabbed-standard")}}
 
+## 属性
+
+この要素には、[グローバル属性](/ja/docs/Web/HTML/Global_attributes)以外の属性はありません。
+
+## 例
+
+`<legend>` の使用例は、 {{HTMLElement("form")}} のページを参照してください。
+
+## 技術的概要
+
 <table class="properties">
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a>
+        <a href="/ja/docs/Web/HTML/Content_categories"
+          >コンテンツカテゴリー</a
+        >
       </th>
       <td>なし</td>
     </tr>
@@ -24,8 +38,8 @@ slug: Web/HTML/Element/legend
           >記述コンテンツ</a
         >
         および
-        <a href="/ja/docs/Web/HTML/Element/Heading_Elements">見出し</a> (h1–h6
-        要素)
+        <a href="/ja/docs/Web/HTML/Element/Heading_Elements">見出し</a>
+        （h1–h6 要素）
       </td>
     </tr>
     <tr>
@@ -60,22 +74,14 @@ slug: Web/HTML/Element/legend
   </tbody>
 </table>
 
-## 属性
-
-この要素には、[グローバル属性](/ja/docs/Web/HTML/Global_attributes)以外の属性はありません。
-
-## 例
-
-`<legend>` の使用例は、 {{ HTMLElement("form") }} のページを参照してください。
-
 ## 仕様書
 
 {{Specifications}}
 
 ## ブラウザーの互換性
 
-{{Compat("html.elements.legend")}}
+{{Compat}}
 
 ## 関連情報
 
-- [ARIA: Form ロール](/ja/docs/Web/Accessibility/ARIA/Roles/Form_Role)
+- [ARIA: Form ロール](/ja/docs/Web/Accessibility/ARIA/Roles/form_role)

From e8112918edf35133bfe8eae67990d1cba518ef02 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 02:04:59 +0900
Subject: [PATCH 095/146] =?UTF-8?q?2023/03/12=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmllielement/index.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/files/ja/web/api/htmllielement/index.md b/files/ja/web/api/htmllielement/index.md
index e04e4a6c1162e2..dfb158a2833f06 100644
--- a/files/ja/web/api/htmllielement/index.md
+++ b/files/ja/web/api/htmllielement/index.md
@@ -1,6 +1,8 @@
 ---
 title: HTMLLIElement
 slug: Web/API/HTMLLIElement
+l10n:
+  sourceCommit: 7e6e5f5d4c1c984af3d4ebf9399042d19eccea1e
 ---
 
 {{ APIRef("HTML DOM") }}
@@ -9,18 +11,18 @@ slug: Web/API/HTMLLIElement
 
 {{InheritanceDiagram}}
 
-## プロパティ
+## インスタンスプロパティ
 
-_親である {{domxref("HTMLElement")}} からプロパティを継承しています。_
+_親である {{domxref("HTMLElement")}} から継承したプロパティがあります。_
 
 - {{domxref("HTMLLIElement.type")}} {{deprecated_inline}}
   - : 文字列で、箇条書き記号の種類を `"disc"`, `"square"`, `"circle"` のいずれかで表します。リストの種別を定義する標準の方法は CSS の {{cssxref("list-style-type")}} プロパティによる方法なので、スクリプトから設定する場合は CSSOM のメソッドを使用してください。
 - {{domxref("HTMLLIElement.value")}}
   - : `long` 型で、 {{HTMLElement("ol")}} の内部での*リスト要素*の位置を順序で示します。これは HTML の {{HTMLElement("li")}} 要素の [`value`](/ja/docs/Web/HTML/Element/li#value) 属性を反映しています。 `0` より小さくすることもできます。 {{HTMLElement("li")}} 要素が {{HTMLElement("ol")}} 要素の子である場合、このプロパティは意味を持ちません。
 
-## メソッド
+## インスタンスメソッド
 
-_固有のメソッドはありません。親である {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_固有のメソッドはありません。親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
 
 ## 仕様書
 

From bb60026ef8cd9a59d70a6d5178029e36529f8d93 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Mon, 26 Jun 2023 10:39:08 +0800
Subject: [PATCH 096/146] sync with english version for glossary/character
 (#13930)

---
 files/zh-cn/glossary/character/index.md | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/files/zh-cn/glossary/character/index.md b/files/zh-cn/glossary/character/index.md
index fa37dc28421d27..b97e085bddc12d 100644
--- a/files/zh-cn/glossary/character/index.md
+++ b/files/zh-cn/glossary/character/index.md
@@ -1,18 +1,16 @@
 ---
-title: Character
+title: 字符
 slug: Glossary/Character
 ---
 
 {{GlossarySidebar}}
 
-一个字符要么是一个可打印符号（字母，数字，标点符号)，或者是非打印“控制”符号（例如回车字符）。{{glossary("UTF-8")}} 是最常用的字符集，包含了最多人使用的人类语言的字符。
+一个*字符*（character）要么是一个可打印符号（字母、数字、标点符号)，或者是不可打印的“控制”符号（例如，回车、软连字符）。{{glossary("UTF-8")}} 是最常见的字符集，包含了最流行的人类语言的字符。
 
-## Learn More
+## 参见
 
-### General knowledge
-
-- [Character (computing)](https://zh.wikipedia.org/wiki/Character_(computing)) on Wikipedia
-- [Character encoding](https://zh.wikipedia.org/wiki/Character_encoding) on Wikipedia
-- [ASCII](https://zh.wikipedia.org/wiki/ASCII) on Wikipedia
-- [UTF-8](https://zh.wikipedia.org/wiki/UTF-8) on Wikipedia
-- [Unicode](https://zh.wikipedia.org/wiki/Unicode) on Wikipedia
+- 维基百科上的[字符（计算机科学）](<https://zh.wikipedia.org/wiki/字符_(计算机科学)>)
+- 维基百科上的[字符编码](https://zh.wikipedia.org/wiki/字符编码)
+- 维基百科上的 [ASCII](https://zh.wikipedia.org/wiki/ASCII)
+- 维基百科上的 [UTF-8](https://zh.wikipedia.org/wiki/UTF-8)
+- 维基百科上的 [Unicode](https://zh.wikipedia.org/wiki/Unicode)

From 3ee4cfbfb50e1758d704b6545bf2f595ee7da400 Mon Sep 17 00:00:00 2001
From: GyoHeon <gh.lee@muzlive.com>
Date: Mon, 26 Jun 2023 14:03:38 +0900
Subject: [PATCH 097/146] =?UTF-8?q?[ko]=20JavaScript:=20Equality=20(=3D=3D?=
 =?UTF-8?q?)=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8=20(#13843)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../reference/operators/equality/index.md     | 70 +++++++++++++------
 1 file changed, 48 insertions(+), 22 deletions(-)

diff --git a/files/ko/web/javascript/reference/operators/equality/index.md b/files/ko/web/javascript/reference/operators/equality/index.md
index 3f063cea4a556b..09fe24cf426399 100644
--- a/files/ko/web/javascript/reference/operators/equality/index.md
+++ b/files/ko/web/javascript/reference/operators/equality/index.md
@@ -1,38 +1,47 @@
 ---
 title: 동등 연산자(==)
 slug: Web/JavaScript/Reference/Operators/Equality
+l10n:
+  sourceCommit:3e2369d97e2d6fbfe33a3c496a8edd90e0b539e2
 ---
 {{jsSidebar("Operators")}}
 
-동등 연산자(==)는 두 개의 피연산자가 동일한지 확인하며, Boolean값을 반환합니다. [일치 연산자](/en-US/docs/Web/JavaScript/Reference/Operators/Strict_equality)(===)와는 다르게 다른 타입의 피연산자들끼리의 비교를 시도합니다.
+동등 연산자(==)는 두 개의 피연산자가 동일한지 확인하며, 불리언 결과를 반환합니다. [일치 연산자](/ko/docs/Web/JavaScript/Reference/Operators/Strict_equality)와는 다르게 다른 타입의 피연산자들끼리의 비교를 시도합니다.
 
 {{EmbedInteractiveExample("pages/js/expressions-equality.html")}}
 
 ## 문법
 
-```js
-    x == y
+```js-nolint
+x == y
 ```
 
 ## 상세 설명
 
-동등 연산자 (`==` 와 `!=`)는 두 피연산자를 비교하기 위해 [Abstract Equality Comparison Algorithm](http://www.ecma-international.org/ecma-262/5.1/#sec-11.9.3)를 사용합니다. 다음과 같이 간략히 설명할 수 있습니다:
-
-- 두 피연산자가 모두 객체일때, 두 피연산자가 동일한 객체를 참조할때에만 true를 반환합니다.
-- 하나의 피연산자가 `null`이고 다른 하나가 `undefined`일때, `true`를 반환합니다.
-- 두 피연산자의 타입이 다를 경우, 비교하기 전에 동일한 타입으로 변환하도록 합니다:
+동등 연산자 (`==` 와 `!=`)는 두 피연산자를 비교하기 위해 [느슨한 같음](/ko/docs/Web/JavaScript/Equality_comparisons_and_sameness#loose_equality_using)을 사용합니다. 다음과 같이 간략히 설명할 수 있습니다.
 
-  - 숫자와 문자열을 비교할 경우, 문자열을 숫자로 변환하도록 합니다.
-  - 하나의 피연산자가 `Boolean`일 경우, Boolean 피연산자가 true일 경우 1로 변환하고, false일 경우, +0으로 변환합니다.
-  - 하나의 피연산자가 객체이고 다른하나가 숫자나 문자열이면, 객체를 `valueOf()`나`toString()`를 사용해 기본 데이터 타입으로 변환하도록 합니다.
+1. 두 피연산자가 동일한 타입일 때는 다음과 같이 비교합니다.
+   - 객체: 두 피연산자가 동일한 객체를 참조할 때만 `true`를 반환합니다.
+   - 문자열: 두 피연산자가 동일한 문자를 동일한 순서로 가질 때만 `true`를 반환합니다.
+   - 숫자: 두 피연산자가 동일한 값을 가질 때만 `true`를 반환합니다. `+0`과 `-0`은 동일한 값으로 취급합니다. 만약 두 피연산자가 모두 `NaN`이라면 `false`를 반환합니다. `NaN`은 항상 `NaN`과 다릅니다.
+   - 불리언: 두 피연산자가 모두 `true`이거나 모두 `false`일 때만 `true`를 반환합니다.
+   - BigInt: 두 피연산자가 동일한 값을 가질 때만 `true`를 반환합니다.
+   - 심볼: 두 피연산자가 동일한 심볼을 참조할 때만 `true`를 반환합니다.
+2. 하나의 피연산자가 `null`이거나 `undefined`인 경우, `true`를 반환하기 위해선 다른 하나가 무조건 `null`이거나 `undefined`여야 합니다. 그렇지 않으면 `false`를 반환합니다.
+3. 하나의 피연산자가 객체이고 다른 하나가 원시 타입인 경우, [객체를 원시 타입으로 변환합니다.](/ko/docs/Web/JavaScript/Data_structures#primitive_coercion)
+4. 이 경우, 두 피연산자를 모두 원시 타입(문자열, 숫자, 불리언, 심볼, BigInt 중 하나)으로 변환합니다. 나머지 변환은 다음 순서를 따릅니다.
+   - 두 피연산자의 타입이 같다면, 1단계를 이용해 비교합니다.
+   - 하나의 피연산자가 심볼이고 다른 하나가 심볼이 아닌 경우, `false`를 반환합니다.
+   - 하나의 피연산자가 불리언이고 다른 하나가 불리언이 아닌 경우, [불리언을 숫자로 변환합니다.](/ko/docs/Web/JavaScript/Reference/Global_Objects/Number#number_coercion) `true`는 1로 변환하고 `false`는 0으로 변환합니다. 그 후 두 피연산자를 다시 느슨하게 비교합니다.
+   - 숫자와 문자열: [문자열을 숫자로 변환합니다.](/ko/docs/Web/JavaScript/Reference/Global_Objects/Number#number_coercion) 변환 실패의 결괏값은 `NaN`이므로, 비교 결과가 `false`라는 것을 보장합니다.
+   - 숫자와 BigInt: 숫자 값으로 비교합니다. 숫자가 ±Infinity 혹은 `NaN`이면 `false`를 반환합니다.
+   - 문자열과 BigInt: 문자열을 [BigInt()](/ko/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt) 생성자와 같은 알고리즘으로 BigInt로 변환합니다. 만약 변환이 실패하면 `false`를 반환합니다.
 
-- 두개의 피연산자가 동일한 타입일 경우, 다음과 같이 비교됩니다:
+동등 연산자는 대칭적입니다. A와 B가 어떤 값을 가져도 `A == B`는 `B == A`와 항상 동일한 의미입니다(타입 변환의 적용 순서를 제외하고).
 
-  - `String`: 두 피연산자가 동일한 문자순서가 동일한 문자열일 경우, `true`를 반환합니다.
-  - `Number`: 두 피연산자가 동일한 값을 가질 경우, `true`을 반환합니다. +0 과 -0 은 동일한 값으로 취급합니다. 어느 한쪽이 `NaN`일 경우, `false`를 반환합니다.
-  - `Boolean`: 두 피연산자가 모두 `true`이거나, 모두 `false`일 경우, `true`를 반환합니다.
+[일치 연산자](/ko/docs/Web/JavaScript/Reference/Operators/Strict_equality) (`===`)와의 가장 두드러지는 차이점은 일치 연산자는 타입 변환을 시도하지 않는다는 것입니다. 일치 연산자는 다른 타입을 가진 피연산자는 다르다고 판단합니다. 일치 연산자는 기본적으로 1단계만 수행하고 다른 모든 경우에 `false`를 반환합니다.
 
-[일치연산자](/en-US/docs/Web/JavaScript/Reference/Operators/Strict_equality) (`===`)와의 가장 두드러지는 차이점은 일치 연산자는 타입변환을 시도하지 않는다는 것입니다. 일치 연산자는 다른 타입을 가진 피연산자는 다르다고 판단합니다.
+위 알고리즘에는 "고의적 위반"이 있습니다. 한 피연산자가 [`document.all`](/ko/docs/Web/API/Document/all)인 경우, `undefined`처럼 처리됩니다. 이는 `document.all == null`은 `true`지만, `document.all === undefined && document.all === null`이 `false`라는 것을 의미합니다.
 
 ## 예시
 
@@ -64,16 +73,21 @@ number1 == number2;   // false
 ### 객체들 간의 비교
 
 ```js
-const object1 = {"key": "value"}
-const object2 = {"key": "value"};
+const object1 = {
+  "key": "value",
+}
 
-object1 == object2 // false
-object2 == object2 // true
+const object2 = {
+  "key": "value",
+};
+
+console.log(object1 == object2) // false
+console.log(object1 == object1) // true
 ```
 
 ### String과 String objects의 비교
 
-`new String()` 을 통해 생성된 문자열들은 객체입니다. 이 객체중 하나를 문자열과 비교한다면, `String` 객체가 문자열로 변환된 후 비교될 것입니다. 그러나 두개의 피연산자 모두 `String` 객체라면, 객체로써 비교가 이루어지기 때문에 같은 값으로 취급될려면 같은 객체를 참조하고 있어야 합니다:
+`new String()` 을 통해 생성된 문자열들은 객체입니다. 이 객체 중 하나를 문자열과 비교한다면, `String` 객체가 문자열로 변환된 후 비교될 것입니다. 그러나 두 개의 피연산자 모두 `String` 객체라면, 객체로써 비교가 이루어지기 때문에 같은 값으로 취급되려면 같은 객체를 참조하고 있어야 합니다.
 
 ```js
 const string1 = "hello";
@@ -88,7 +102,7 @@ console.log(string3 == string4); // false
 console.log(string4 == string4); // true
 ```
 
-### Comparing Dates and strings
+### Dates와 문자열의 비교
 
 ```js
 const d = new Date('December 17, 1995 03:24:00');
@@ -96,6 +110,18 @@ const s = d.toString(); // for example: "Sun Dec 17 1995 03:24:00 GMT-0800 (Paci
 console.log(d == s);    //true
 ```
 
+### 배열과 문자열의 비교
+
+```js
+const a = [1, 2, 3];
+const b = "1,2,3";
+a == b; // true, `a` converts to string
+
+const c = [true, 0.5, "hey"];
+const d = c.toString(); // "true,0.5,hey"
+c == d; // true
+```
+
 ## 명세서
 
 {{Specifications}}

From 71b4b5edd3759abaca19325e08f710a44dccd252 Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Mon, 26 Jun 2023 13:26:01 +0800
Subject: [PATCH 098/146] [zh-cn] update guide/graphics (#13938)

---
 files/zh-cn/web/guide/graphics/index.md | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/files/zh-cn/web/guide/graphics/index.md b/files/zh-cn/web/guide/graphics/index.md
index ba7b0a147cf7ca..aa55e64b5ff028 100644
--- a/files/zh-cn/web/guide/graphics/index.md
+++ b/files/zh-cn/web/guide/graphics/index.md
@@ -3,25 +3,27 @@ title: Web 图形开发
 slug: Web/Guide/Graphics
 ---
 
-现代网站和应用需要呈现大量图片。展示静态签 {{HTMLElement("img")}}，也可以采用 CSS 样式中的 {{cssxref("background-image")}} 属性。与此同时，你也能绘制出动态图像，或者是对图像进行巧妙处理。这些文章可以帮助你了解如何做到这些事情。
+<section id="Quick_links">
+  {{ListSubpagesForSidebar("/zh-CN/docs/Web/Guide")}}
+</section>
 
-## 2D 图像
+网站和应用程序经常需要呈现一些图形，如图像。静态图像可以使用 {{HTMLElement("img")}} 元素显示，或使用 CSS {{cssxref("background-image")}} 属性设置 HTML 元素的背景显示。你还可以即时构建图形，或在事后对图像进行操作。这些文章提供了关于如何实现这一目标的见解。
 
-- [Canvas](/zh-CN/docs/HTML/Canvas)
-  - : {{HTMLElement("canvas")}}提供了一些使用 JavaScript 来绘制 2D 图像的接口
-- [SVG](/zh-CN/docs/SVG)
-  - : 可缩放矢量图形 (SVG) 帮助你使用直线，曲线，和其他的几何图形来生成（渲染）图像。通过使用矢量图形，你能够画出任意拉伸也不失真的图像。
+## 2D 图形
 
-[查看全部...](/zh-CN/docs/tag/Graphics)
+- [Canvas](/zh-CN/docs/Web/API/Canvas_API)
+  - : {{HTMLElement("canvas")}} 元素提供了一些使用 JavaScript 来绘制 2D 图像的接口。
+- [SVG](/zh-CN/docs/Web/SVG)
+  - : 可缩放矢量图形（SVG）帮助你使用直线、曲线和其他的几何图形来渲染图形。通过使用矢量图形，你能够画出任意拉伸也不失真的图像。
 
-## 3D 图像
+## 3D 图形
 
-- [WebGL](/zh-CN/docs/Web/WebGL)
+- [WebGL](/zh-CN/docs/Web/API/WebGL_API)
   - : 开启 WebGL（即 Web 3D 图像 API）历程的指南。这项技术可帮助你在 Web 内容中使用标准的 OpenGL ES。
 
 ## 视频
 
-- [使用 HTML5 音频（audio）和 视频（video）](/zh-CN/docs/Web/Guide/HTML/Using_HTML5_audio_and_video)
+- [使用 HTML 音频和视频](/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content)
   - : 在网页中嵌入视频/音频并控制其播放。
-- [WebRTC](/zh-CN/docs/WebRTC)
+- [WebRTC](/zh-CN/docs/Web/API/WebRTC_API)
   - : WebRTC 中的 RTC 代表实时通讯技术，这一技术允许音频/视频数据流在对等的浏览器客户端之间共享。

From c08711587bcd52fbb5bbce6fb992b8af01f08e2b Mon Sep 17 00:00:00 2001
From: Chaomin Ruan <chaominruan@gmail.com>
Date: Mon, 26 Jun 2023 15:43:40 +0800
Subject: [PATCH 099/146] [zh-CN]: update web worker api (#13933)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 files/zh-cn/web/api/web_workers_api/index.md | 129 ++++++++++++++-----
 1 file changed, 98 insertions(+), 31 deletions(-)

diff --git a/files/zh-cn/web/api/web_workers_api/index.md b/files/zh-cn/web/api/web_workers_api/index.md
index eb334acb6de0a3..44da3c24458dc6 100644
--- a/files/zh-cn/web/api/web_workers_api/index.md
+++ b/files/zh-cn/web/api/web_workers_api/index.md
@@ -1,67 +1,134 @@
 ---
-title: Web Workers API
+title: Web Worker API
 slug: Web/API/Web_Workers_API
 ---
 
 {{DefaultAPISidebar("Web Workers API")}}
 
-通过使用 Web Workers，Web 应用程序可以在独立于主线程的后台线程中，运行一个脚本操作。这样做的好处是可以在独立线程中执行费时的处理任务，从而允许主线程（通常是 UI 线程）不会因此被阻塞/放慢。
+**Web Worker** 使得在一个独立于 Web 应用程序主执行线程的后台线程中运行脚本操作成为可能。这样做的好处是可以在独立线程中执行费时的处理任务，使主线程（通常是 UI 线程）的运行不会被阻塞/放慢。
 
-## Web Workers 概念与用法
+## Web Worker 概念与用法
 
-使用构造函数（例如，{{domxref("Worker.Worker", "Worker()")}}）创建一个 **worker** 对象，构造函数接受一个 JavaScript 文件 URL — 这个文件包含了将在 worker 线程中运行的代码。worker 将运行在与当前 {{domxref("window")}}不同的另一个全局上下文中，这个上下文由一个对象表示，标准情况下为{{domxref("DedicatedWorkerGlobalScope")}} （标准 workers 由单个脚本使用; 共享 workers 使用{{domxref("SharedWorkerGlobalScope")}}）。
+Worker 是一个使用构造函数创建的对象（例如 {{domxref("Worker.Worker", "Worker()")}}），它运行一个具名 JavaScript 文件——该文件包含将在 worker 线程中运行的代码。
 
-你可以在 worker 线程中运行任意的代码，但注意存在一些例外：你不能直接在 worker 线程中操纵 DOM 元素；或使用{{domxref("window")}} 对象中的某些方法和属性。大部分 window 对象的方法和属性是可以使用的，包括 [WebSockets](/zh-CN/docs/WebSockets)，以及诸如 [IndexedDB](/zh-CN/docs/Web/API/IndexedDB_API) 和 FireFox OS 中独有的 [Data Store API](/zh-CN/docs/Web/API/Data_Store_API) 这一类数据存储机制。更多信息请参见： [Functions and classes available to workers](/zh-CN/docs/Web/API/Worker/Functions_and_classes_available_to_workers) 。
+除了标准的 [JavaScript](/zh-CN/docs/Web/JavaScript) 函数集（如 [`String`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String)、[`Array`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array)、[`Object`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object)、[`JSON`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON) 等），你可以在 worker 线程中运行任何你喜欢的代码，有一些例外：你不能直接在 worker 线程中操作 DOM 元素，或使用 [`window`](/zh-CN/docs/Web/API/Window) 对象中的某些方法和属性。有关你可以运行的代码的信息，请参见下面的 [Worker 全局上下文和函数](#worker_全局上下文和函数)和[支持的 Web API](#支持的_web_api) 。
 
-主线程和 worker 线程相互之间使用 `postMessage()` 方法来发送信息，并且通过 `onmessage` 这个 event handler 来接收信息（传递的信息包含在 [`message`](/zh-CN/docs/Web/API/BroadcastChannel/message_event) 这个事件的`data`属性内) 。数据的交互方式为传递副本，而不是直接共享数据。
+数据通过消息系统在 worker 和主线程之间发送——双方都使用 `postMessage()` 方法发送消息，并通过 `onmessage` 事件处理程序响应消息（消息包含在 {{domxref("Worker/message_event", "message")}} 事件的 `data` 属性中）。数据是复制的，而不是共享的。
 
-worker 可以另外生成新的 worker，这些 worker 与它们父页面的宿主相同。此外，worker 可以通过 [`XMLHttpRequest`](/zh-CN/DOM/XMLHttpRequest) 来访问网络，只不过 `XMLHttpRequest` 的 `responseXML` 和 `channel` 这两个属性的值将总是 `null` 。
+worker 可以依次生成新的 worker，只要这些 worker 与父页面托管在同一个 {{glossary("origin")}} 中。此外，worker 可以通过 [`XMLHttpRequest`](/zh-CN/docs/Web/API/XMLHttpRequest) 来访问网络，但 `XMLHttpRequest` 的 `responseXML` 和 `channel` 属性始终返回 `null`。
 
-除了专用 worker 之外，还有一些其他种类的 worker：
+### Worker 类型
 
-- Shared Workers 可被不同的窗体的多个脚本运行，例如 IFrames 等，只要这些 workers 处于同一主域。共享 worker 比专用 worker 稍微复杂一点 — 脚本必须通过活动端口进行通讯。详情请见{{domxref("SharedWorker")}}。
-- [Service Workers](/zh-CN/docs/Web/API/Service_Worker_API) 一般作为 web 应用程序、浏览器和网络（如果可用）之间的代理服务。他们旨在（除开其他方面）创建有效的离线体验，拦截网络请求，以及根据网络是否可用采取合适的行动，更新驻留在服务器上的资源。他们还将允许访问推送通知和后台同步 API。
-- Chrome Workers 是一种仅适用于 firefox 的 worker。如果您正在开发附加组件，希望在扩展程序中使用 worker 且可以访问 [js-ctypes](/zh-CN/js-ctypes)，那么可以使用 Chrome Workers。详情请见{{domxref("ChromeWorker")}}
-- 音频 [Workers](/zh-CN/docs/Web/API/Web_Audio_API#Audio_Workers)可以在网络 worker 上下文中直接完成脚本化音频处理。
+有许多不同类型的 worker：
 
-> **备注：** 根据网络 worker 规范，worker 错误事件不应该冒泡（参见 [Firefox bug 1188141](https://bugzil.la/1188141)）。该规范已在 Firefox 42 中实现。
+- 专用 worker 是由单个脚本使用的 worker。该上下文由 {{DOMxRef("DedicatedWorkerGlobalScope")}} 对象表示。
+- {{DOMxRef("SharedWorker","Shared worker")}} 是可以由在不同窗口、IFrame 等中运行的多个脚本使用的 worker ，只要它们与 worker 在同一域中。它们比专用的 worker 稍微复杂一点——脚本必须通过活动端口进行通信。
+- [Service Worker](/zh-CN/docs/Web/API/Service_Worker_API) 基本上是作为代理服务器，位于 web 应用程序、浏览器和网络（如果可用）之间。它们的目的是（除开其他方面）创建有效的离线体验、拦截网络请求，以及根据网络是否可用采取合适的行动并更新驻留在服务器上的资源。它们还将允许访问推送通知和后台同步 API。
+
+> **备注：** 根据 [web worker 规范](https://html.spec.whatwg.org/multipage/workers.html#runtime-script-errors-2)，worker 错误事件不应该冒泡（参见 [Firefox bug 1188141](https://bugzil.la/1188141)）。该规范已在 Firefox 42 中实现。
+
+### Worker 全局上下文和函数
+
+worker 在一个与当前 {{DOMxRef("window")}} 不同的全局上下文中运行！虽然 {{domxref("Window")}} 不能直接用于 worker，但许多相同的方法被定义在一个共享的混入（`WindowOrWorkerGlobalScope`）中，并通过 worker 自己的 {{domxref("WorkerGlobalScope")}} 衍生的上下文提供给它们：
+
+- {{domxref("DedicatedWorkerGlobalScope")}} 用于专用 worker
+- {{domxref("SharedWorkerGlobalScope")}} 用于共享 worker
+- {{domxref("ServiceWorkerGlobalScope")}} 用于 [service worker](/zh-CN/docs/Web/API/Service_Worker_API)
+
+所有 worker 和主线程（来自 `WindowOrWorkerGlobalScope`）共有的一些函数（子集）是：
+
+- {{domxref("atob", "atob()")}}
+- {{domxref("btoa", "btoa()")}}
+- {{domxref("clearInterval", "clearInterval()")}}
+- {{domxref("clearTimeout()")}}
+- {{domxref("Window.dump()", "dump()")}} {{non-standard_inline}}
+- {{domxref("setInterval()")}}
+- {{domxref("setTimeout()")}}
+
+以下函数**仅**对 worker 可用：
+
+- {{domxref("WorkerGlobalScope.importScripts", "WorkerGlobalScope.importScripts()")}}（所有 worker）
+- {{domxref("DedicatedWorkerGlobalScope.postMessage")}}（仅限专用 worker）
+
+### 支持的 Web API
+
+> **备注：** 如果列出的 API 被某一平台的特定版本所支持，那么一般可以认为它在 web worker 中是可用的。你也可以使用网站来测试对某个特定对象/函数的支持：<https://worker-playground.glitch.me/>
+
+以下 Web API 对 worker 是可用的：
+
+- {{domxref("Barcode_Detection_API","Barcode Detection API")}}
+- {{domxref("Broadcast_Channel_API","Broadcast Channel API")}}
+- {{domxref("Cache", "Cache API")}}
+- {{domxref("Channel_Messaging_API", "Channel Messaging API")}}
+- {{domxref("Console API", "Console API")}}
+- [Web Crypto API](/zh-CN/docs/Web/API/Web_Crypto_API)（例如 {{domxref("Crypto")}}）
+- [CSS Font Loading API](/zh-CN/docs/Web/API/CSS_Font_Loading_API)
+- {{domxref("CustomEvent")}}
+- {{domxref("Encoding_API", "Encoding API")}}（例如 {{domxref("TextEncoder")}}、{{domxref("TextDecoder")}}）
+- {{domxref("Fetch_API", "Fetch API")}}
+- {{domxref("FileReader")}}
+- {{domxref("FileReaderSync")}}（仅在 worker 中有效！）
+- {{domxref("FormData")}}
+- {{domxref("ImageData")}}
+- {{domxref("IndexedDB_API", "IndexedDB")}}
+- [Network Information API](/zh-CN/docs/Web/API/Network_Information_API)
+- {{domxref("Notifications_API", "Notifications API")}}
+- {{domxref("Performance_API","Performance API")}}，包括：
+  - {{domxref("Performance")}}
+  - {{domxref("PerformanceEntry")}}
+  - {{domxref("PerformanceMeasure")}}
+  - {{domxref("PerformanceMark")}}
+  - {{domxref("PerformanceObserver")}}
+  - {{domxref("PerformanceResourceTiming")}}
+- {{jsxref("Promise")}}
+- [Server-sent 事件](/zh-CN/docs/Web/API/Server-sent_events)
+- {{domxref("ServiceWorkerRegistration")}}
+- {{domxref("URL_API","URL API")}}（例如 {{domxref("URL")}}）
+- [WebGL](/zh-CN/docs/Web/API/WebGL_API) 与 {{domxref("OffscreenCanvas")}}
+- {{domxref("WebSocket")}}
+- {{domxref("XMLHttpRequest")}}
+
+worker 也可以派生其他 worker，所以这些 API 也是可用的：
+
+- {{domxref("Worker")}}
+- {{domxref("WorkerGlobalScope")}}
+- {{domxref("WorkerLocation")}}
+- {{domxref("WorkerNavigator")}}
 
 ## Web Worker 接口
 
-- {{domxref("AbstractWorker")}}
-  - : 抽象属性和方法是所有类型的 worker 中常用的（例如{{domxref("Worker")}}或 {{domxref("SharedWorker")}}）
 - {{domxref("Worker")}}
   - : 表示正在运行的 worker 线程，允许你将信息传递到正在运行的 worker 程序代码。
+- {{DOMxRef("WorkerLocation")}}
+  - : 定义由 {{domxref("Worker")}} 执行的脚本的绝对位置。
 - {{domxref("SharedWorker")}}
-  - : 表示一种可以同时被多个浏览器环境访问的特殊类型的 worker。这些浏览器环境可以是多个 window, iframes 或者甚至是多个 worker.
+  - : 表示一种特定的 worker，可以从多个{{glossary("browsing context", "浏览上下文")}}（即窗口、标签或 iframe）甚至其他 worker 访问。
 - {{domxref("WorkerGlobalScope")}}
-  - : 表示任意 worker 的通用作用域（对于正常的网页类容来说与{{domxref("Window")}} 有相同的作用）。不同类型的 worker 都有从接口继承作用于对象，并且可以添加更多特定功能。
+  - : 表示任意 worker 的通用作用域（对于正常的网页类容来说与 {{domxref("Window")}} 有相同的作用）。不同类型的 worker 都有从接口继承作用域对象，并且可以添加更多特定特性。
 - {{domxref("DedicatedWorkerGlobalScope")}}
-  - : 表示一个专用 worker 的作用域，继承自{{domxref("WorkerGlobalScope")}}，且可添加一些特有的功能。
+  - : 表示一个专用 worker 的作用域，继承自 {{domxref("WorkerGlobalScope")}}，且可添加一些特有的特性。
 - {{domxref("SharedWorkerGlobalScope")}}
-  - : 表示一个共享 worker 的作用域，继承自{{domxref("WorkerGlobalScope")}}，且可添加一些特有的功能。
+  - : 表示一个共享 worker 的作用域，继承自 {{domxref("WorkerGlobalScope")}}，且可添加一些特有的特性。
 - {{domxref("WorkerNavigator")}}
   - : 表示用户代理（客户端）的身份和状态。
 
 ## 示例
 
-我们创建了几个简单的 demos 以演示基本用法：
+我们创建了几个演示来展示 Web Worker 的使用：
 
-- [基本的 dedicated worker 示例](https://github.com/mdn/simple-web-worker) ([运行 dedicated worker](http://mdn.github.io/simple-web-worker/)).
-- [基本的 shared worker 示例](https://github.com/mdn/simple-shared-worker) ([运行 shared worker](http://mdn.github.io/simple-shared-worker/)).
+- [基本的专用 worker 示例](https://github.com/mdn/dom-examples/tree/main/web-workers/simple-web-worker)（[运行专用 worker](https://mdn.github.io/dom-examples/web-workers/simple-web-worker/)）。
+- [基本的共享 worker 示例](https://github.com/mdn/dom-examples/tree/main/web-workers/simple-shared-worker)（[运行共享 worker](https://mdn.github.io/dom-examples/web-workers/simple-shared-worker/)）。
+- [OffscreenCanvas worker 示例](https://github.com/mdn/dom-examples/tree/main/web-workers/offscreen-canvas-worker)（[运行 OffscreenCanvas worker](https://mdn.github.io/dom-examples/web-workers/offscreen-canvas-worker/)）。
 
-你可以在[使用 web workers](/zh-CN/docs/Web/API/Web_Workers_API/Using_web_workers)中找到有关这些 demos 是如何工作的更多信息。
+你可以在[使用 web worker](/zh-CN/docs/Web/API/Web_Workers_API/Using_web_workers) 中找到有关这些演示是如何工作的更多信息。
 
 ## 规范
 
 {{Specifications}}
 
-## 相关链接
+## 参见
 
-- [Using Web Workers](/zh-CN/docs/Web/API/Web_Workers_API/basic_usage)
-- [Worker Interface](/zh-CN/docs/Web/API/Worker)
-- [SharedWorker interface](/zh-CN/docs/Web/API/SharedWorker)
-- [ServiceWorker API](/zh-CN/docs/Web/API/ServiceWorker_API)
-- [Functions and classes available to workers](/zh-CN/docs/Web/API/Worker/Functions_and_classes_available_to_workers)
-- [Advanced concepts and examples](/zh-CN/docs/Web/API/Web_Workers_API/Advanced_concepts_and_examples)
-- [ChromeWorker](/zh-CN/docs/Web/API/ChromeWorker): for using workers in privileged/chrome code
+- [使用 Web Worker](/zh-CN/docs/Web/API/Web_Workers_API/Using_web_workers)
+- {{domxref("Worker")}} 接口
+- {{domxref("SharedWorker")}} 接口
+- [Service Worker API](/zh-CN/docs/Web/API/Service_Worker_API)

From 5ec271a819ce48bb60a0f75f793206403bff97f0 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 23:00:17 +0900
Subject: [PATCH 100/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmllinkelement/as/index.md  |  5 +++-
 .../htmllinkelement/fetchpriority/index.md    |  7 ++++--
 .../htmllinkelement/referrerpolicy/index.md   |  7 ++++--
 files/ja/web/api/htmllinkelement/rel/index.md | 14 ++++++-----
 .../web/api/htmllinkelement/rellist/index.md  | 24 ++++++++++---------
 5 files changed, 35 insertions(+), 22 deletions(-)

diff --git a/files/ja/web/api/htmllinkelement/as/index.md b/files/ja/web/api/htmllinkelement/as/index.md
index 140846b21e3c38..87ee2a4e66cdb4 100644
--- a/files/ja/web/api/htmllinkelement/as/index.md
+++ b/files/ja/web/api/htmllinkelement/as/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLLinkElement.as
+title: "HTMLLinkElement: as プロパティ"
+short-title: as
 slug: Web/API/HTMLLinkElement/as
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
 ---
 
 {{APIRef("HTML DOM")}}
diff --git a/files/ja/web/api/htmllinkelement/fetchpriority/index.md b/files/ja/web/api/htmllinkelement/fetchpriority/index.md
index 0b9a5d9e36386b..66de92ec9656e2 100644
--- a/files/ja/web/api/htmllinkelement/fetchpriority/index.md
+++ b/files/ja/web/api/htmllinkelement/fetchpriority/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLLinkElement.fetchPriority
+title: "HTMLLinkElement: fetchPriority プロパティ"
+short-title: fetchPriority
 slug: Web/API/HTMLLinkElement/fetchPriority
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
 ---
 
 {{SeeCompatTable}}{{APIRef("HTML DOM")}}
@@ -27,7 +30,7 @@ slug: Web/API/HTMLLinkElement/fetchPriority
 ## 例
 
 ```js
-var preloadLink = document.createElement("link");
+const preloadLink = document.createElement("link");
 preloadLink.href = "myimage.jpg";
 preloadLink.rel = "preload";
 preloadLink.as = "image";
diff --git a/files/ja/web/api/htmllinkelement/referrerpolicy/index.md b/files/ja/web/api/htmllinkelement/referrerpolicy/index.md
index a917ebfa3a4b1a..b4cacbe4a73774 100644
--- a/files/ja/web/api/htmllinkelement/referrerpolicy/index.md
+++ b/files/ja/web/api/htmllinkelement/referrerpolicy/index.md
@@ -1,6 +1,9 @@
 ---
-title: HTMLLinkElement.referrerPolicy
+title: "HTMLLinkElement: referrerPolicy プロパティ"
+short-title: referrerPolicy
 slug: Web/API/HTMLLinkElement/referrerPolicy
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
 ---
 
 {{APIRef}}
@@ -35,7 +38,7 @@ slug: Web/API/HTMLLinkElement/referrerPolicy
 ## 例
 
 ```js
-var links = document.getElementsByTagName("link");
+const links = document.getElementsByTagName("link");
 links[0].referrerPolicy; // "no-referrer"
 ```
 
diff --git a/files/ja/web/api/htmllinkelement/rel/index.md b/files/ja/web/api/htmllinkelement/rel/index.md
index cc90f87d3f1e07..073ef7cd7ed538 100644
--- a/files/ja/web/api/htmllinkelement/rel/index.md
+++ b/files/ja/web/api/htmllinkelement/rel/index.md
@@ -1,11 +1,14 @@
 ---
-title: HTMLLinkElement.rel
+title: "HTMLLinkElement: rel プロパティ"
+short-title: rel
 slug: Web/API/HTMLLinkElement/rel
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
 ---
 
 {{ APIRef("HTML DOM") }}
 
-**`HTMLLinkElement.rel`** プロパティは [`rel`](/ja/docs/Web/HTML/Element/link#rel) 属性を反映しています。これは、空白で区切られた[リンク種別](/ja/docs/Web/HTML/Link_types)のリストの入った文字列であり、{{HTMLElement("link")}} 要素で表されるリソースと現在の文書との関係を示します。
+**`HTMLLinkElement.rel`** プロパティは [`rel`](/ja/docs/Web/HTML/Attributes/rel) 属性を反映します。これは、空白で区切られたリンク種別のリストの入った文字列であり、{{HTMLElement("link")}} 要素で表されるリソースと現在の文書との関係を示します。
 
 この属性の最も一般的な使用法は、外部のスタイルシートへのリンクを指定する場合です。プロパティに `stylesheet` を設定し、 [`href`](/ja/docs/Web/HTML/Element/link#href) 属性にページをフォーマットする外部スタイルシートの URL を設定します。
 
@@ -16,10 +19,9 @@ slug: Web/API/HTMLLinkElement/rel
 ## 例
 
 ```js
-var links = document.getElementsByTagName('link');
-var length = links.length;
-for (var i = 0; i < length; i++) {
-  alert(links[i]);
+const links = document.getElementsByTagName("link");
+for (const link of links) {
+  console.log(link);
 }
 ```
 
diff --git a/files/ja/web/api/htmllinkelement/rellist/index.md b/files/ja/web/api/htmllinkelement/rellist/index.md
index 9961a63082b039..3ab2a7e1448738 100644
--- a/files/ja/web/api/htmllinkelement/rellist/index.md
+++ b/files/ja/web/api/htmllinkelement/rellist/index.md
@@ -1,13 +1,16 @@
 ---
-title: HTMLLinkElement.relList
+title: "HTMLLinkElement: relList プロパティ"
+short-title: relList
 slug: Web/API/HTMLLinkElement/relList
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
 ---
 
 {{ APIRef("HTML DOM") }}
 
-**`HTMLAnchorElement.relList`** 読み取り専用プロパティは、[`rel`](/ja/docs/Web/HTML/Element/link#rel) 属性を反映しています。 これは生きた {{domxref("DOMTokenList")}} で、{{HTMLElement("link")}} 要素で表されるリソースと現在のドキュメントの間の関係を示す[リンク種別](/ja/docs/Web/HTML/Link_types)のセットが入ります。
+**`HTMLLinkElement.relList`** は読み取り専用プロパティで、[`rel`](/ja/docs/Web/HTML/Attributes/rel) 属性を反映します。 これは生きた {{domxref("DOMTokenList")}} で、{{HTMLElement("link")}} 要素で表されるリソースと現在のドキュメントの間の関係を示すリンク種別のセットが入ります。
 
-このプロパティ自体は読み取り専用です。 つまり、 {{domxref("DOMTokenList")}} を別のものに置き換えることはできませんが、その内容は変更できます。
+このプロパティ自体は読み取り専用です。つまり、{{domxref("DOMTokenList")}} を別のものに置き換えることはできませんが、その内容は変更できます。
 
 ## 値
 
@@ -16,15 +19,14 @@ slug: Web/API/HTMLLinkElement/relList
 ## 例
 
 ```js
-var links = document.getElementsByTagName("link");
-var length = links.length;
-for (var i = 0; i < length; i++) {
-  var list = links[i].relList;
-  var listLength = list.length;
+const links = document.getElementsByTagName("link");
+const length = links.length;
+for (const link of links) {
+  const listLength = list.length;
   console.log("New link found.");
-  for (var j = 0; j < listLength; j++) {
-    console.log(list[j]);
-  }
+  relList.forEach((relEntry) => {
+    console.log(relEntry);
+  });
 }
 ```
 

From 27a86b16c26a74094edfc5dd82b9a5ae699637ef Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 23:20:52 +0900
Subject: [PATCH 101/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/api/htmllinkelement/sheet/index.md | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 files/ja/web/api/htmllinkelement/sheet/index.md

diff --git a/files/ja/web/api/htmllinkelement/sheet/index.md b/files/ja/web/api/htmllinkelement/sheet/index.md
new file mode 100644
index 00000000000000..c2abfd73f22f61
--- /dev/null
+++ b/files/ja/web/api/htmllinkelement/sheet/index.md
@@ -0,0 +1,38 @@
+---
+title: "HTMLLinkElement: sheet プロパティ"
+short-title: sheet
+slug: Web/API/HTMLLinkElement/sheet
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("HTML DOM")}}
+
+**`sheet`** は {{domxref("HTMLLinkElement")}} インターフェイスの読み取り専用プロパティで、この要素に関連付けられたスタイルシートが入ります。
+
+スタイルシートは `rel="stylesheet"` が `<link>` と一緒に使用されると `HTMLLinkElement` に関連付けられます。
+
+## 値
+
+{{DOMxRef("StyleSheet")}} オブジェクトです。この要素に関連付けられたものがない場合は `null` になります。
+
+## 例
+
+```html
+<html>
+  <header>
+    <link rel="stylesheet" href="styles.css" />
+    …
+  </header>
+</html>
+```
+
+`HTMLLinkElement` オブジェクトの `sheet` プロパティは `styles.css` と記述されているスタイルシート ({{domxref("StyleSheet")}}) オブジェクトを返します。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 0c4968cb996a275484ad9142644010ffa8ec2e29 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 23:31:24 +0900
Subject: [PATCH 102/146] =?UTF-8?q?2023/03/12=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmllinkelement/index.md | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/files/ja/web/api/htmllinkelement/index.md b/files/ja/web/api/htmllinkelement/index.md
index 49012ee4383a2d..7c94ff5bbec9ab 100644
--- a/files/ja/web/api/htmllinkelement/index.md
+++ b/files/ja/web/api/htmllinkelement/index.md
@@ -1,6 +1,8 @@
 ---
 title: HTMLLinkElement
 slug: Web/API/HTMLLinkElement
+l10n:
+  sourceCommit: 7e6e5f5d4c1c984af3d4ebf9399042d19eccea1e
 ---
 
 {{ APIRef("HTML DOM") }}
@@ -9,9 +11,9 @@ slug: Web/API/HTMLLinkElement
 
 {{InheritanceDiagram}}
 
-## プロパティ
+## インスタンスプロパティ
 
-_親である {{domxref("HTMLElement")}} からプロパティを継承しています。_
+_親である {{domxref("HTMLElement")}} から継承したプロパティがあります。_
 
 - {{domxref("HTMLLinkElement.as")}}
   - : 文字列で、この HTML リンクによって読み込まれるコンテンツの種類を表します。
@@ -19,7 +21,7 @@ _親である {{domxref("HTMLElement")}} からプロパティを継承してい
   - : 文字列で、このリンク要素の CORS 設定に対応します。詳細については、 [CORS 設定属性](/ja/docs/Web/HTML/Attributes/crossorigin)を参照してください。
 - {{domxref("HTMLLinkElement.disabled")}}
   - : 論理値で、リンクが無効であるかどうかを表します。現在、スタイルシートリンクでのみ使用されています。
-- {{domxref("HTMLLinkElement.fetchPriority")}}
+- {{domxref("HTMLLinkElement.fetchPriority")}} {{experimental_inline}}
   - : オプションの文字列で、ブラウザーが先読みの取得を他の同じ種類のリソースと比較してどのように優先させるべきかというヒントを表します。この値を指定した場合、許可された値のいずれかでなければなりません。高い優先度で取得する場合は `high`、低い優先度で取得する場合は `low`、優先度を指定しない場合は `auto` （既定値）となります。
 - {{domxref("HTMLLinkElement.href")}}
   - : 文字列で、対象リソースの URI を表します。
@@ -31,11 +33,11 @@ _親である {{domxref("HTMLElement")}} からプロパティを継承してい
   - : 文字列で、使用するリファラーを示す HTML の [`referrerpolicy`](/ja/docs/Web/HTML/Element/link#referrerpolicy) 属性を反映します。
 - {{domxref("HTMLLinkElement.rel")}}
   - : 文字列で、リンク元文書からリンク先リソースに対する関連性を表します。
-- {{domxref("HTMLLinkElement.relList")}} {{readonlyInline}}
+- {{domxref("HTMLLinkElement.relList")}} {{ReadOnlyInline}}
   - : {{domxref("DOMTokenList")}} で、 HTML の [`rel`](/ja/docs/Web/HTML/Element/link#rel) 属性をトークンのリストとして反映します。
-- {{domxref("HTMLLinkElement.sizes")}} {{readonlyInline}}
+- {{domxref("HTMLLinkElement.sizes")}} {{ReadOnlyInline}}
   - : {{domxref("DOMTokenList")}} で、トークンのリストとして HTML の [`sizes`](/ja/docs/Web/HTML/Element/link#sizes) 属性を反映します。
-- {{domxref("HTMLLinkElement.sheet")}} {{readonlyInline}}
+- {{domxref("HTMLLinkElement.sheet")}} {{ReadOnlyInline}}
   - : 指定された要素に関連付けられた {{domxref("StyleSheet")}} オブジェクトを返します。存在しない場合は `null` を返します。
 - {{domxref("HTMLLinkElement.type")}}
   - : 文字列で、リンク先リソースの MIME タイプを表します。
@@ -48,14 +50,14 @@ _親である {{domxref("HTMLElement")}} からプロパティを継承してい
 
   - : 文字列で、リソースからこの文書に対してリンクされたリソースの逆相の関係を表します。
 
-    > **メモ:** 現在、 W3C HTML 5.2 仕様では `rev` は廃止ではないとされていますが、 WHATWG living standard では廃止というラベルが貼られたままになっています。この矛盾が解決されるまでは、廃止であると考えるべきでしょう。
+    > **メモ:** 現在、W3C HTML 5.2 仕様では `rev` は廃止ではないとされていますが、WHATWG living standard では廃止というラベルが貼られたままになっています。この矛盾が解決されるまでは、廃止であると考えるべきでしょう。
 
 - {{domxref("HTMLLinkElement.target")}} {{deprecated_inline}}
   - : 文字列で、リソースが適用する対象フレームの名前を表します。
 
-## メソッド
+## インスタンスメソッド
 
-_固有のメソッドはありません。親である {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_固有のメソッドはありません。親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
 
 ## 仕様書
 

From 2478441fb269c9759dc07d15887324b0daabba57 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Jun 2023 23:59:22 +0900
Subject: [PATCH 103/146] =?UTF-8?q?2023/05/22=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/link/index.md | 158 +++++++++++++++---------
 1 file changed, 97 insertions(+), 61 deletions(-)

diff --git a/files/ja/web/html/element/link/index.md b/files/ja/web/html/element/link/index.md
index 89a30d316d30b2..5aef497a324950 100644
--- a/files/ja/web/html/element/link/index.md
+++ b/files/ja/web/html/element/link/index.md
@@ -1,6 +1,8 @@
 ---
-title: '<link>: 外部リソースへのリンク要素'
+title: "<link>: 外部リソースへのリンク要素"
 slug: Web/HTML/Element/link
+l10n:
+  sourceCommit: dd0bad5bc3ac640307eee5f5689dd436c287b7f4
 ---
 
 {{HTMLSidebar}}
@@ -8,28 +10,30 @@ slug: Web/HTML/Element/link
 **`<link>`** は [HTML](/ja/docs/Web/HTML) の要素で、現在の文書と外部のリソースとの関係を指定します。
 この要素は{{Glossary("CSS", "スタイルシート")}}へのリンクに最もよく使用されますが、サイトのアイコン（"favicon" スタイルのアイコンと、モバイル端末のホーム画面やアプリのアイコンの両方）の確立や、その他のことにも使用されます。
 
-{{EmbedInteractiveExample("pages/tabbed/link.html")}}
+{{EmbedInteractiveExample("pages/tabbed/link.html", "tabbed-shorter")}}
 
 外部スタイルシートへリンクするには、 {{HTMLElement("head")}} の中に次のような `<link>` 要素を入れてください。
 
 ```html
-<link href="main.css" rel="stylesheet">
+<link href="main.css" rel="stylesheet" />
 ```
 
-この単純な例では、 `href` 属性内にスタイルシートへのパスを提供し、 `rel` 属性の値を `stylesheet` にしています。 `rel` は "relationship" を意味し、おそらく `<link>` 要素の重要な機能の一つです。 — 値はこれを含んでいる文書にどのように関係するかを示します。
-[リンク種別](/ja/docs/Web/HTML/Link_types)で見られるように、様々な種類の関係があります。
+この単純な例では、`href` 属性内にスタイルシートへのパスを提供し、[`rel`](/ja/docs/Web/HTML/Attributes/rel) 属性の値を `stylesheet` にしています。`rel` は "relationship" を意味し、おそらく `<link>` 要素の重要な機能の一つです。 — 値はこれを含んでいる文書にどのように関係するかを示します。
 
 他にも見かけるであろう他の一般的な種別はたくさんあります。例えば、サイトのファビコンへのリンクがあります。
 
 ```html
-<link rel="icon" href="favicon.ico">
+<link rel="icon" href="favicon.ico" />
 ```
 
 他にもアイコンの `rel` 値はいくつもあり、以下のように主に様々なモバイルプラットフォーム上で特殊なアイコンの種別を示すために使用されます。
 
 ```html
-<link rel="apple-touch-icon-precomposed" sizes="114x114"
-      href="apple-icon-114.png" type="image/png">
+<link
+  rel="apple-touch-icon-precomposed"
+  sizes="114x114"
+  href="apple-icon-114.png"
+  type="image/png" />
 ```
 
 `sizes` 属性はアイコンの寸法を表し、 `type` はリンクされようとしているリソースの MIME タイプが入ります。これらはブラウザーが利用できる最も適切なアイコンを選択するための有益なヒントを提供します。
@@ -37,18 +41,25 @@ slug: Web/HTML/Element/link
 `media` 属性でメディア種別やクエリーを指定することもできます。このリソースはメディアの条件が真になった場合のみ読み込まれます。
 
 ```html
-<link href="print.css" rel="stylesheet" media="print">
-<link href="mobile.css" rel="stylesheet" media="screen and (max-width: 600px)">
+<link href="print.css" rel="stylesheet" media="print" />
+<link
+  href="mobile.css"
+  rel="stylesheet"
+  media="screen and (max-width: 600px)" />
 ```
 
 `<link>` 要素には、興味深いパフォーマンスやセキュリティの機能もいくつか追加されています。以下の例を見てみましょう。
 
 ```html
-<link rel="preload" href="myFont.woff2" as="font"
-      type="font/woff2" crossorigin="anonymous">
+<link
+  rel="preload"
+  href="myFont.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous" />
 ```
 
-`rel` が `preload` の値であることは、ブラウザーがこのリソースを先読みすることを指示しており (詳しくは [rel="preload" によるコンテンツの先読み](/ja/docs/Web/HTML/Link_types/preload)を参照)、 `as` 属性がコンテンツが読み込まれるされる特定のクラスを示します。
+`rel` が `preload` の値であることは、ブラウザーがこのリソースを先読みすることを指示しており (詳しくは [rel="preload" によるコンテンツの先読み](/ja/docs/Web/HTML/Attributes/rel/preload)を参照)、 `as` 属性がコンテンツが読み込まれるされる特定のクラスを示します。
 `crossorigin` 属性はリソースが {{Glossary("CORS")}} リクエストによって読み込まれるかどうかを示します。
 
 その他の使い方のメモです。
@@ -56,7 +67,7 @@ slug: Web/HTML/Element/link
 - `<link>` 要素は[リンク種別](https://html.spec.whatwg.org/multipage/links.html#body-ok)が **body-ok** であるかどうかによって、 {{HTMLElement("head")}} 要素または {{HTMLElement("body")}} 要素のどちらかに置くことができます。例えば `stylesheet` リンク種別は body-ok であり、`<link rel="stylesheet">` を body 要素内に置くことができます。しかし、これは従うべき良い方法ではありません。 `<link>` 要素は `<head>` に入れて本文から離した方が分かりやすくなります。
 - サイトにファビコンを設定するために `<link>` を使用する場合で、サイトがセキュリティの強化のためにコンテンツセキュリティポリシー (CSP) を使用している場合、ファビコンにポリシーが適用されます。ファビコンが読み込まれないという問題が発生したら、 {{HTTPHeader("Content-Security-Policy")}} ヘッダーの [`img-src` ディレクティブ](/ja/docs/Web/HTTP/Headers/Content-Security-Policy/img-src)がアクセスを禁止していないかどうか確認してください。
 - HTML および XHTML の仕様では `<link>` 要素向けのイベントハンドラーを定義していますが、それらがどのように使用されるかは不明確です。
-- XHTML 1.0 では `<link>` のような空要素では、 `<link />` のように末尾のスラッシュが必要です。
+- XHTML 1.0 では `<link>` のような{{glossary("void element", "空要素")}}では、 `<link />` のように末尾のスラッシュが必要です。
 - WebTV は `rel` に `next` の値を使用して、一連の文書の次のページを先読みすることに対応しています。
 
 ## 属性
@@ -144,7 +155,7 @@ slug: Web/HTML/Element/link
 
 - `crossorigin`
 
-  - : 列挙型の属性で、関連リソースを取得する際に {{Glossary("CORS")}} を使用しなければならないかを示します。
+  - : [列挙型](/ja/docs/Glossary/Enumerated)の属性で、関連リソースを取得する際に {{Glossary("CORS")}} を使用しなければならないかを示します。
     [CORS が有効な画像](/ja/docs/Web/HTML/CORS_enabled_image)は、<em>汚染</em>されることなく {{HTMLElement("canvas")}} 要素で再利用できます。次の値が使用できます。
 
     - `anonymous`
@@ -157,13 +168,13 @@ slug: Web/HTML/Element/link
     この属性が存在しない場合、リソースは {{Glossary("CORS")}} リクエストなしで (`Origin` HTTP ヘッダーを送信せずに) 取得され、汚染されない使用が妨げられます。これが無効な場合、列挙型のキーワード **anonymous** が指定されたものとして扱われます。
     それ以上の情報は [CORS 設定属性](/ja/docs/Web/HTML/Attributes/crossorigin) を参照してください。
 
-- `disabled`
+- `disabled` {{Non-standard_Inline}}
 
   - : `rel="stylesheet"` の場合のみ、 `disabled` は論理属性であり、指定されたスタイルシートを読み込んで文書に適用するかどうかを示します。 `disabled` が HTML に読み込み時点で指定されていた場合、そのスタイルシートはページ読み込み処理の間に読み込まれません。代わりに、そのスタイルシートは `disabled` 属性が `false` に変更されたか削除された場合にオンデマンドで読み込まれます。
 
     DOM から `disabled` プロパティの値を変更すると、そのスタイルシートを文書の {{domxref("Document.styleSheets")}} の一覧から削除します。
 
-- `fetchpriority`
+- `fetchpriority` {{Experimental_Inline}}
 
   - : 先読みされたリソースを取得する際に使用する相対的な優先度のヒントを 提供します。使用できる値は次の通りです。
 
@@ -180,22 +191,22 @@ slug: Web/HTML/Element/link
   - : この属性は、リンク先のリソースの言語を示します。
     これは単なる助言です。
     許容される値は {{RFC(5646, "Tags for Identifying Languages (also known as BCP 47)")}} で定めています。
-    この属性は、 [`href`](/ja/docs/Web/HTML/Element/a#href) 属性が提供されている場合にのみ使用します。
+    この属性は、[`href`](/ja/docs/Web/HTML/Element/a#href) 属性が提供されている場合にのみ使用します。
 - `imagesizes`
-  - : `rel="preload"` および `as="image"` において、 `imagesizes` 属性は、 `img` 要素によって使用される適切なリソースを、その `srcset` および `sizes` 属性に対応する値で先読みすることを示す [sizes 属性](https://html.spec.whatwg.org/multipage/images.html#sizes-attribute)です。
+  - : `rel="preload"` および `as="image"` において、 `imagesizes` 属性は、`img` 要素によって使用される適切なリソースを、その `srcset` および `sizes` 属性に対応する値で先読みすることを示す [sizes 属性](https://html.spec.whatwg.org/multipage/images.html#sizes-attribute)です。
 - `imagesrcset`
   - : `rel="preload"` および `as="image"` において、 `imagesrcset` 属性は `img` 要素によって使用される適切なリソースを、その `srcset` および `sizes` 属性に対応する値で先読みすることを示す [sourceset 属性](https://html.spec.whatwg.org/multipage/images.html#srcset-attribute)です。
 - `integrity` {{Experimental_Inline}}
-  - : この属性は、取得したリソースが予期せぬ改ざんを受けずに提供されたかを、ユーザーエージェントが検証するために使用できるメタデータである、ブラウザーに取得させたリソース (ファイル) の暗号学的ハッシュを BASE64 でエンコードしたデータを含みます。[サブリソース完全性](/ja/docs/Web/Security/Subresource_Integrity) をご覧ください。
+  - : この属性は、取得したリソースが予期せぬ改ざんを受けずに提供されたかを、ユーザーエージェントが検証するために使用できるメタデータである、ブラウザーに取得させたリソース (ファイル) の暗号学的ハッシュを BASE64 でエンコードしたデータを含みます。[サブリソース完全性](/ja/docs/Web/Security/Subresource_Integrity)をご覧ください。
 - `media`
 
-  - : この属性は、リンク先のリソースが適用されるメディアを指定します。この値は[メディアクエリー](/ja/docs/Web/CSS/Media_Queries)でなければなりません。この属性は主に外部のスタイルシートから、実行中のデバイスに最適なものをユーザーエージェントが選択できるようにリンクするときに役立ちます。
+  - : この属性は、リンク先のリソースが適用されるメディアを指定します。この値は[メディアクエリー](/ja/docs/Web/CSS/CSS_media_queries)でなければなりません。この属性は主に外部のスタイルシートから、実行中のデバイスに最適なものをユーザーエージェントが選択できるようにリンクするときに役立ちます。
 
     > **メモ:**
     >
     > - HTML 4 では、単純なホワイトスペースで区切られたメディアリテラルのリストのみ記述できます。これは[メディア種別とグループ](/ja/docs/Web/CSS/@media) で、`print`, `screen`, `aural`, `braille` などの使用可能な値が定義されています。
-    >   HTML5 ではこれがあらゆる[メディアクエリー](/ja/docs/Web/CSS/Media_Queries)に拡張され、 HTML 4 で使用できる値の上位互換となっています。
-    > - [CSS3 メディアクエリー](/ja/docs/Web/CSS/Media_Queries)に対応していないブラウザーは、リンクを適切に理解するとは限りません。 HTML 4 で定義されたメディアクエリーのセットに制限されるので、フォールバックリンクを設定することを忘れないでください。
+    >   HTML5 ではこれがあらゆる[メディアクエリー](/ja/docs/Web/CSS/CSS_media_queries)に拡張され、 HTML 4 で使用できる値の上位互換となっています。
+    > - [CSS3 メディアクエリー](/ja/docs/Web/CSS/CSS_media_queries)に対応していないブラウザーは、リンクを適切に理解するとは限りません。 HTML 4 で定義されたメディアクエリーのセットに制限されるので、フォールバックリンクを設定することを忘れないでください。
 
 - `prefetch` {{secureContext_inline}} {{experimental_inline}}
   - : この属性は、おそらく次のナビゲーション先で必要でありユーザーエージェントが取得すべきであるリソースを特定します。これは将来リソースがリクエストされたときに、ユーザーエージェントが早く応答することを可能にします。
@@ -210,10 +221,10 @@ slug: Web/HTML/Element/link
     - `unsafe-url` は、リファラーにオリジンとパスを含めることを表します (ただし、フラグメント、パスワード、ユーザー名は含めません)。これはオリジンやパスの情報が TLS で保護されたリソースからセキュアでないオリジンへ漏えいしますので、安全ではありません。
 
 - `rel`
-  - : この属性は現在の文書に対する、リンクされた文書の関係を示します。属性値は、空白で区切られた[リンク種別の値](/ja/docs/Web/HTML/Link_types)のリストでなければなりません。
-- `sizes`
+  - : この属性は現在の文書に対する、リンクされた文書の関係を示します。属性値は、空白で区切られた[リンク種別の値](/ja/docs/Web/HTML/Attributes/rel)のリストでなければなりません。
+- `sizes` {{Experimental_Inline}}
 
-  - : この属性は、リソースに含まれる映像メディア向けのアイコンのサイズを定義します。これは、 [`rel`](/ja/docs/Web/HTML/Element/link#rel) の値が `icon` または Apple の `apple-touch-icon` のような標準外の種別が含まれている場合にのみ指定することができます。以下の値を指定できます。
+  - : この属性は、リソースに含まれる映像メディア向けのアイコンのサイズを定義します。これは、 [`rel`](#rel) の値が `icon` または Apple の `apple-touch-icon` のような標準外の種別が含まれている場合にのみ指定することができます。以下の値を指定できます。
 
     - `any`: `image/svg+xml` のようなベクター画像であるため、どのようなサイズにも調整可能であることを示します。
     - ホワイトスペースで区切られたサイズのリスト。サイズはそれぞれ `<幅のピクセル数>x<高さのピクセル数>` または `<幅のピクセル数>X<高さのピクセル数>` という形式です。それぞれのサイズがリソースに含まれていることが必要です。
@@ -225,18 +236,21 @@ slug: Web/HTML/Element/link
   - : `title` 属性は、`<link>` 要素では特別な意味があります。`<link rel="stylesheet">` で使用すると、[優先スタイルシートか代替スタイルシートか](/ja/docs/Web/CSS/Alternative_style_sheets) を定義します。
 - `type`
   - : この属性は、リンク先コンテンツの種類を定義します。この属性の値は **text/html** や **text/css** などの MIME タイプにします。
-    この属性の一般的な使用法は、参照されるスタイルシートのタイプ (**text/css** など) の定義ですが、 CSS はウェブ上の唯一のスタイルシート言語であるため、 `type` 属性を省略できるばかりでなく、それが実際に推奨される習慣になっています。
+    この属性の一般的な使用法は、参照されるスタイルシートのタイプ（**text/css** など）の定義ですが、 CSS はウェブ上の唯一のスタイルシート言語であるため、`type` 属性を省略できるばかりでなく、それが実際に推奨される習慣になっています。
     また `rel="preload"` リンク種別で、ブラウザーが対応するファイルタイプのみダウンロードさせるためにも使用します。
+- `blocking` {{Experimental_Inline}}
+  - : この属性は、外部リソースの読み取り時に特定の処理をブロックすべきであることを明示的に示します。ブロックされる操作は、下記のブロック属性をスペースで区切った一覧でなければなりません。
+    - `render`: 画面に描画するコンテンツがブロックされます。
 
 ### 標準外の属性
 
-- `methods` {{Non-standard_Inline}}
+- `methods` {{Non-standard_Inline}} {{Deprecated_Inline}}
   - : この属性の値は、オブジェクト上で動作する関数についての情報を提供します。
     この値は基本的に HTTP プロトコルが利用されたときに与えられますが、(**title** 属性と同じような理由で) リンク先の情報を前もって含めるときに役立ちます。
     例えば定義されたメソッドの機能によって、異なるリンクの描画をブラウザーが選択します。
     検索可能なリンクで異なるアイコンを取得したり、外部リンクには現在のサイトから去ることを示す描画にしたりできます。
     この属性は、定義された Internet Explorer 4 ですら、あまり理解されておらず対応もされていません。
-- `target` {{Non-standard_Inline}}
+- `target` {{Deprecated_Inline}}
   - : 定義されたリンク関係を持つ、またはリンクしたリソースを表示するフレームまたはウィンドウの名前を定義します。
 
 ### 廃止された属性
@@ -250,10 +264,11 @@ slug: Web/HTML/Element/link
 
 - `rev` {{deprecated_inline}}
 
-  - : この属性の値は、[`href`](/ja/docs/Web/HTML/Element/link#href) 属性で定義したリンク先文書に対する、現在の文書の関係を示します。従って、この属性は `rel` 属性の値と比べたときに逆向きの関係を定義します。
-    この属性向けの[リンク種別の値](/ja/docs/Web/HTML/Link_types)は、[`rel`](/ja/docs/Web/HTML/Element/link#rel) 向けの値と似ています。
+  - : この属性の値は、[`href`](#href) 属性で定義したリンク先文書に対する、現在の文書の関係を示します。
+    従って、この属性は `rel` 属性の値と比べたときに逆向きの関係を定義します。
+    この属性向けの[リンク種別の値](/ja/docs/Web/HTML/Attributes/rel)は、[`rel`](#rel) 向けの値と似ています。
 
-    > **メモ:** 代わりに、逆の意味の[リンク種別の値](/ja/docs/Web/HTML/Link_types)を与えた [`rel`](/ja/docs/Web/HTML/Element/link#rel) 属性を使用してください。例えば `made` は `author` に置き換えます。また、この属性は「リビジョン」 (revision) を表すものではないので、バージョン番号を指定してはいけませんが、残念ながらいくつものサイトでそのように使用されています。
+    > **メモ:** 代わりに、逆の意味の[リンク種別の値](/ja/docs/Web/HTML/Attributes/rel)を与えた [`rel`](#rel) 属性を使用してください。例えば `made` は `author` に置き換えます。また、この属性は「リビジョン」 (revision) を表すものではないので、バージョン番号を指定してはいけませんが、残念ながらいくつものサイトでそのように使用されています。
 
 ## 例
 
@@ -262,7 +277,7 @@ slug: Web/HTML/Element/link
 ページにスタイルシートを読み込むには、以下の構文を使用します。
 
 ```html
-<link href="style.css" rel="stylesheet">
+<link href="style.css" rel="stylesheet" />
 ```
 
 ### 代替スタイルシートの提供
@@ -273,9 +288,9 @@ slug: Web/HTML/Element/link
 これは、ユーザーがページをさまざまなバージョンで閲覧する手段を提供します。
 
 ```html
-<link href="default.css" rel="stylesheet" title="Default Style">
-<link href="fancy.css" rel="alternate stylesheet" title="Fancy">
-<link href="basic.css" rel="alternate stylesheet" title="Basic">
+<link href="default.css" rel="stylesheet" title="Default Style" />
+<link href="fancy.css" rel="alternate stylesheet" title="Fancy" />
+<link href="basic.css" rel="alternate stylesheet" title="Basic" />
 ```
 
 ### 異なる利用場面のアイコンの提供
@@ -283,16 +298,22 @@ slug: Web/HTML/Element/link
 同じページにいくつかの異なるアイコンへのリンクを含めて、ブラウザーが `rel` や `sizes` の値をヒントとして使用し、特定の場面で最適に動作する一つを選択するようにすることができます。
 
 ```html
-<!-- 高解像度ディスプレイの第三世代 iPad -->
-<link rel="apple-touch-icon-precomposed" sizes="144x144" href="favicon144.png">
+<!-- 高解像度ディスプレイの第 3 世代 iPad -->
+<link
+  rel="apple-touch-icon-precomposed"
+  sizes="144x144"
+  href="favicon144.png" />
 <!-- 高解像度ディスプレイの iPhone -->
-<link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon114.png">
-<!-- 第一、第二世代の iPad: -->
-<link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon72.png">
+<link
+  rel="apple-touch-icon-precomposed"
+  sizes="114x114"
+  href="favicon114.png" />
+<!-- 第 1、第 2 世代の iPad: -->
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon72.png" />
 <!-- 高解像度でない iPhone, iPod Touch, Android 2.1 以降の端末 -->
-<link rel="apple-touch-icon-precomposed" href="favicon57.png">
+<link rel="apple-touch-icon-precomposed" href="favicon57.png" />
 <!-- 基本的なファビコン -->
-<link rel="icon" href="favicon32.png">
+<link rel="icon" href="favicon32.png" />
 ```
 
 ### メディアクエリーのついた条件付きのリソース読み込み
@@ -300,10 +321,16 @@ slug: Web/HTML/Element/link
 以下のように、メディア種別やクエリーを `media` 属性で指定することができます。このリソースはメディア条件が真の場合にのみ読み込まれます。
 
 ```html
-<link href="print.css" rel="stylesheet" media="print">
-<link href="mobile.css" rel="stylesheet" media="all">
-<link href="desktop.css" rel="stylesheet" media="screen and (min-width: 600px)">
-<link href="highres.css" rel="stylesheet" media="screen and (min-resolution: 300dpi)">
+<link href="print.css" rel="stylesheet" media="print" />
+<link href="mobile.css" rel="stylesheet" media="all" />
+<link
+  href="desktop.css"
+  rel="stylesheet"
+  media="screen and (min-width: 600px)" />
+<link
+  href="highres.css"
+  rel="stylesheet"
+  media="screen and (min-resolution: 300dpi)" />
 ```
 
 ### スタイルシートの load イベント
@@ -312,25 +339,34 @@ slug: Web/HTML/Element/link
 
 ```html
 <script>
-var myStylesheet = document.querySelector('#my-stylesheet');
+  const stylesheet = document.querySelector("#my-stylesheet");
 
-myStylesheet.onload = function() {
-  // Do something interesting; the sheet has been loaded
-}
+  stylesheet.onload = () => {
+    // Do something interesting; the sheet has been loaded
+  };
 
-myStylesheet.onerror = function() {
-  console.log("An error occurred loading the stylesheet!");
-}
+  stylesheet.onerror = () => {
+    console.log("An error occurred loading the stylesheet!");
+  };
 </script>
 
-<link rel="stylesheet" href="mystylesheet.css" id="my-stylesheet">
+<link rel="stylesheet" href="mystylesheet.css" id="my-stylesheet" />
 ```
 
 > **メモ:** `load` イベントはスタイルシートとスタイルシートがインポートするすべてのコンテンツの読み込みと解析が行われた後、スタイルシートがコンテンツに適用される直前に発生します。
 
 ### 先読みの例
 
-`<link rel="preload">` の例は、 [`rel="preload"` によるコンテンツの先読み](/ja/docs/Web/HTML/Link_types/preload)にいくつかあります。
+`<link rel="preload">` の例は、 [`rel="preload"` によるコンテンツの先読み](/ja/docs/Web/HTML/Attributes/rel/preload)にいくつかあります。
+
+### リソースが読み込まれるまで描画をブロック
+
+`render` トークンを `blocking` 属性に設定することができます。
+指定すると、リソースが取り込まれるまでページのレンダリングがブロックされます。
+
+```html
+<link blocking="render" href="critical-font.woff2" as="font" />
+```
 
 ## 技術的概要
 
@@ -338,16 +374,16 @@ myStylesheet.onerror = function() {
   <tbody>
     <tr>
       <th>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories">コンテンツカテゴリー</a>
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリー</a>
       </th>
       <td>
         メタデータコンテンツ。
-        <code><a href="/ja/docs/Web/HTML/Global_attributes/itemprop">itemprop</a></code> が存在する場合は、<a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ">フローコンテンツ</a>および<a href="/ja/docs/Web/Guide/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>。
+        <code><a href="/ja/docs/Web/HTML/Global_attributes/itemprop">itemprop</a></code> が存在する場合は、<a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ">フローコンテンツ</a>および<a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>。
       </td>
     </tr>
     <tr>
       <th>許可されている内容</th>
-      <td>なし。これは{{Glossary("empty element", "空要素")}}です。</td>
+      <td>なし。これは{{Glossary("void element", "空要素")}}です。</td>
     </tr>
     <tr>
       <th>タグの省略</th>
@@ -357,12 +393,12 @@ myStylesheet.onerror = function() {
       <th>許可されている親要素</th>
       <td>
         メタデータ要素を受け入れるすべての要素。
-        <a href="/ja/docs/Web/HTML/Global_attributes/itemprop">itemprop</a> 属性がある場合は<a href="/ja/docs/Web/Guide/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>を受け入れるすべての要素。
+        <a href="/ja/docs/Web/HTML/Global_attributes/itemprop">itemprop</a> 属性がある場合は<a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>を受け入れるすべての要素。
       </td>
     </tr>
     <tr>
       <th scope="row">暗黙の ARIA ロール</th>
-      <td><code>href</code> 属性つきの <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/link_role">link</a></code></td>
+      <td><code>href</code> 属性つきの <a href="/ja/docs/Web/Accessibility/ARIA/Roles/link_role"><code>link</code></a></td>
     </tr>
     <tr>
       <th scope="row">許可されている ARIA ロール</th>

From a20f52be49c6e5414836fb15d87f5204ea3721ad Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 23 Jun 2023 01:44:08 +0900
Subject: [PATCH 104/146] =?UTF-8?q?2023/02/20=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmlmapelement/index.md | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/files/ja/web/api/htmlmapelement/index.md b/files/ja/web/api/htmlmapelement/index.md
index db13bb4bfa1dd1..283f69ed3bf02c 100644
--- a/files/ja/web/api/htmlmapelement/index.md
+++ b/files/ja/web/api/htmlmapelement/index.md
@@ -1,26 +1,28 @@
 ---
 title: HTMLMapElement
 slug: Web/API/HTMLMapElement
+l10n:
+  sourceCommit: 387d0d4d8690c0d2c9db1b85eae28ffea0f3ac1f
 ---
 
 {{ APIRef("HTML DOM") }}
 
-**`HTMLMapElement`** インターフェイスは、map 要素のレイアウトと表示を操作するための特別なプロパティとメソッド (継承によっても利用可能な通常のオブジェクト {{domxref("HTMLElement")}} インターフェイスを超えるもの) を提供します。
+**`HTMLMapElement`** インターフェイスは、（継承によって利用できる、通常のオブジェクトである {{domxref("HTMLElement")}} インターフェイスのもの以外に）map 要素のレイアウトと表示を操作するための特別なプロパティとメソッドを提供します。
 
-{{InheritanceDiagram(600, 120)}}
+{{InheritanceDiagram}}
 
 ## プロパティ
 
-_親の {{domxref("HTMLElement")}} からプロパティを継承しています。_
+_親である {{domxref("HTMLElement")}} から継承したプロパティがあります。_
 
 - {{domxref("HTMLMapElement.name")}}
-  - : Is a {{domxref("DOMString")}} representing the {{HTMLElement("map")}} element for referencing it other context. If the `id` attribute is set, this must have the same value; and it cannot be `null` or empty.
-- {{domxref("HTMLMapElement.areas")}} {{readonlyInline}}
-  - : Is a live {{domxref("HTMLCollection")}} representing the {{HTMLElement("area")}} elements associated to this {{HTMLElement("map")}}.
+  - : 他のコンテキストを参照するための {{HTMLElement("map")}} 要素を表します。`id` 属性が設定された場合、これは同じ値である必要があります。`null` や空文字列にすることはできません。
+- {{domxref("HTMLMapElement.areas")}} {{ReadOnlyInline}}
+  - : 生きた {{domxref("HTMLCollection")}} で、この {{HTMLElement("map")}} に関連付けられた {{HTMLElement("area")}} 要素を表します。
 
 ## メソッド
 
-_特定のメソッドはありません。親である {{domxref("HTMLElement")}} からメソッドを継承します。_
+_固有のメソッドはありません。親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
 
 ## 仕様書
 
@@ -28,7 +30,7 @@ _特定のメソッドはありません。親である {{domxref("HTMLElement")
 
 ## ブラウザの互換性
 
-{{Compat("api.HTMLMapElement")}}
+{{Compat}}
 
 ## ブラウザーの互換性
 

From 2759c0c8bf2cf756de981cfe6a39ad11ad95c032 Mon Sep 17 00:00:00 2001
From: Jongha Kim <kim.jongha@gmail.com>
Date: Mon, 26 Jun 2023 19:28:33 +0900
Subject: [PATCH 105/146] =?UTF-8?q?[ko]=20JavaScript:=20indexed=20collecti?=
 =?UTF-8?q?ons=20=EC=B5=9C=EC=8B=A0=20=EB=8F=99=EA=B8=B0=ED=99=94=20(#1372?=
 =?UTF-8?q?1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* [ko] JavaScript: indexed collections 최신 동기화

- JavaScript Guide 의 Indexed Collections 최신 동기화

* [ko] 리뷰 사항 수정

리뷰 사항을 수정했습니다.
---
 .../guide/indexed_collections/index.md        | 685 +++++++++++-------
 1 file changed, 431 insertions(+), 254 deletions(-)

diff --git a/files/ko/web/javascript/guide/indexed_collections/index.md b/files/ko/web/javascript/guide/indexed_collections/index.md
index b453f9408740a5..5dcae1b8ad1198 100644
--- a/files/ko/web/javascript/guide/indexed_collections/index.md
+++ b/files/ko/web/javascript/guide/indexed_collections/index.md
@@ -1,504 +1,681 @@
 ---
 title: 인덱스 기반 컬렉션
 slug: Web/JavaScript/Guide/Indexed_collections
+l10n:
+  sourceCommit: 7b35a48ac0a10b67f9bd5270b082d40deff9c953
 ---
 
-{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Regular_Expressions", "Web/JavaScript/Guide/Keyed_Collections")}}
+{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Regular_expressions", "Web/JavaScript/Guide/Keyed_collections")}}
 
-이번 장에서는 인덱스값에 의해 정렬이 되는 데이터 자료구조에 대해 소개합니다. 배열과 유사 배열 생성자인 {{jsxref("Array")}} 객체와 {{jsxref("TypedArray")}} 객체 같은 생성자들을 포함합니다.
+이번 장에서는 인덱스 값에 의해 정렬이 되는 데이터 컬렉션에 대해 소개합니다. 배열과 유사 배열 구조인
+{{jsxref("Array")}} 객체와 {{jsxref("TypedArray")}} 객체를 포함합니다.
 
-## 배열 객체
+배열은 이름과 인덱스를 사용하여 참조하는 값들의 순서가 있는 목록입니다.
 
-배열은 이름과 인덱스로 참조되는 정렬된 값들의 집합입니다. 예를 들면, 숫자로 된 사원번호를 index로하여 사원명을 가지고 있는 emp라는 배열을 가질 수 있습니다. 그래서 emp\[1]은 사원번호 1번, emp\[2]는 사원번호 2번, 이런 식으로 사원번호를 인덱스 값으로 가질 수 있는 것입니다.
+예를 들면, 숫자로 된 사원번호로 인덱스되고 사원명을 가지고 있는 `emp`라는 배열을 고려해보겠습니다.
+그래서 `emp[0]`은 사원번호 0번, `emp[1]`는 사원번호 1번, 이런 식이 되겠죠.
 
-자바스크립트는 명시적인 배열 데이터 형식을 가지고 있지 않습니다. 그러나 미리 정의된 배열 객체를 사용할 수 있고 배열 객체의 메서드를 개발하는 어플리케이션에서 사용되는 배열에 사용할 수 있습니다. 배열 객체는 합치기(joining), 순서 뒤집기(reversing) 그리고 정렬(sorting)과 같은 다양한 방법으로 배열을 조작하는 메서드들을 제공합니다. 정규 표현식과 함께 사용할 배열 길이와 기타 속성을 결정하는 속성이 있습니다.
+JavaScript는 명시적인 배열 데이터 형식을 가지고 있지 않습니다. 그러나 미리 정의된 `Array` 객체와 배열과 메서드를 사용하여
+어플리케이션에서 배열로 작업할 수 있습니다. `Array` 객체에는 합치기(joining), 순서 뒤집기(reversing)
+그리고 정렬(sorting)과 같은 다양한 방법으로 배열을 조작하는 메서드가 있습니다. 또한 배열의 길이를 결정하는 속성과
+정규 표현식과 함께 사용할 수 있는 다양한 속성이 있습니다.
 
-### 배열 생성
+이 글에서는 배열에 초점을 맞추겠지만, 배열과 형식화 배열(typed array)은 유사한 메서드를 많이 공유하기 때문에
+형식화 배열에도 동일한 개념이 많이 적용됩니다. 형식화 배열에 대한 자세한 내용은
+[형식화 배열 가이드](/ko/docs/Web/JavaScript/Guide/Typed_arrays)를 참조하세요.
 
-아래의 구문들은 동일한 요소를 가지는 배열을 생성하는 방법들입니다.
+## 배열 생성
+
+아래의 구문들은 동일한 배열을 생성합니다.
 
 ```js
-var arr = new Array(element0, element1, ..., elementN);
-var arr = Array(element0, element1, ..., elementN);
-var arr = [element0, element1, ..., elementN];
+const arr1 = new Array(element0, element1, /* … ,*/ elementN);
+const arr2 = Array(element0, element1, /* … ,*/ elementN);
+const arr3 = [element0, element1, /* … ,*/ elementN];
 ```
 
-요소0, 요소1, ..., 요소N은 배열내에 포함된 요소의 값 목록입니다. 해당 값들이 명시되어 있을 경우, 해당 배열은 주어진 요소들을 포함하도록 초기화 됩니다. 해당 배열의 길이는 주어진 요소들의 갯수가 됩니다.
+`element0, element1, …, elementN`은 배열의 요소에 대한 값의 목록입니다. 이러한 값이 명시되어 있을 경우 배열은
+해당 값을 배열의 요소로 초기화됩니다. 배열의 `length` 속성은 인수의 수로 설정됩니다.
 
-대괄호 문법은 일명 "배열 문자" 혹은 "배열 초기화"라고 합니다. 대괄호 문법은 다른 배열 생성 표기법 보다 짧고 일반적으로 선호하는 문법입니다. 보다 상세한 내용은 [Array literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Array_literals)를 참조하세요.
+대괄호 구문을 "배열 리터럴" 또는 "배열 초기자(array initializer)"라고 합니다.
+배열 성성을 위한 다른 형태보다 짧아서 일반적으로 선호하는 방법입니다. 자세한 내용은 [배열 리터럴](/ko/docs/Web/JavaScript/Guide/Grammar_and_types#array_literals)을 참조하세요.
 
-길이가 0보다 크지만 아무런 요소를 가지고 있지 않은 배열을 생성하기 위한 방법은 아래와 같습니다.
+길이가 0이 아니지만 요소가 없는 배열을 만들려면 다음 중 하나를 사용할 수 있습니다.
 
 ```js
-var arr = new Array(arrayLength);
-var arr = Array(arrayLength);
+// 이...
+const arr1 = new Array(arrayLength);
+
+// ...결과도 위와 같습니다
+const arr2 = Array(arrayLength);
 
-// This has exactly the same effect
-var arr = [];
-arr.length = arrayLength;
+// 이것 역시 동일합니다
+const arr3 = [];
+arr3.length = arrayLength;
 ```
 
-<div class="note"><p>Note : 위의 예제 코드에서, <code>arrayLength</code>는 반드시 <code>숫자</code>여야 합니다. 그렇지 않으면 하나의 요소(주어진 값)을 가지는 배열이 생성 됩니다. <code>arr.length</code>를 호출하면 <code>arrayLength</code>가 반환이 되지만 해당 배열은 실제로 아무런 요소를 가지고 있지 않습니다. {{jsxref("Statements/for...in","for...in")}} 반복문을 실행하면 해당 배열은 아무런 요소를 반환하지 않습니다.</p></div>
+> **참고:** 위의 예제 코드에서, `arrayLength`는 반드시 `Number`여야 합니다.
+> 그렇지 않으면, 하나의 요소(주어진 값)을 가지는 배열이 생성됩니다.
+> `arr.length`를 호출하면 `arrayLength`가 반환이 되지만 해당 배열은 실제로 아무런 요소를 가지고 있지 않습니다.
+> {{jsxref("Statements/for...in","for...in")}} 반복문을 실행하면 해당 배열은 아무런 요소를 반환하지 않습니다.
 
 추가로 아래의 예제에서 볼 수 있듯이, 새로이 정의된 혹은 이미 존재하는 객체 변수의 속성으로 배열을 할당할 수 있습니다.
 
 ```js
-var obj = {};
-// ...
-obj.prop = [element0, element1, ..., elementN];
+const obj = {};
+// …
+obj.prop = [element0, element1, /* … ,*/ elementN];
 
 // OR
-var obj = {prop: [element0, element1, ...., elementN]}
+const obj = { prop: [element0, element1, /* … ,*/ elementN] };
 ```
 
-값이 `숫자`인 하나의 요소만을 가지는 배열을 생성하고자 할 경우, 반드시 대괄호 문법을 사용해야 합니다. 하나의 `숫자` 값을 Array() 생성자에게 전달할 경우, 그 숫자 값은 해당 배열의 요소가 아니라 `arrayLength`(배열의 길이)로 해석됩니다.
+값이 `숫자`인 하나의 요소만을 가지는 배열을 생성하고자 할 경우, 반드시 대괄호 문법을 사용해야 합니다.
+하나의 `숫자` 값을 `Array()` 생성자에게 전달할 경우, 그 숫자 값은 해당 배열의 요소가 아니라 `arrayLength`로 해석됩니다.
 
 ```js
-var arr = [42];
-var arr = Array(42); // Creates an array with no element,
-                     // but with arr.length set to 42
+// 아래 코드는 숫자 42라는 하나의 요소를 가진 배열을 생성합니다.
+const arr = [42];
 
-// The above code is equivalent to
-var arr = [];
+// 아래 코드는 arr.length가 42이면서 요소가 없는 배열을 생성합니다.
+const arr = Array(42);
+
+// 아래도 동일합니다.
+const arr = [];
 arr.length = 42;
 ```
 
-만약 숫자이지만 0이 아닌 소수점을 가지는 숫자를 `Array()생성자에게 인자로 줄 경우, 범위 에러(RangeError)가 발생하게 됩니다. 아래의 예제는 범위 에러가 발생하는 상황을 보여 줍니다.`
+`N`의 분수 부분이 0이 아닌 정수가 아닌 경우 `Array(N)`을 호출하면 `RangeError`가 발생합니다. 다음 예제는 이 동작을 설명합니다.
 
 ```js
-var arr = Array(9.3);  // RangeError: Invalid array length
+const arr = Array(9.3); // RangeError: Invalid array length
 ```
 
-만약 임의의 데이터 형식인 하나의 요소를 가지는 배열을 생성하고자 할 경우, 배열 표기법을 사용하는 것이 안전합니다. 혹은 빈 배열을 먼저 선언한 후 임의의 데이터 값을 해당 배열에 추가하는 것도 방법이 됩니다.
+만약 임의의 데이터 유형의 단일 요소를 가지는 배열을 생성하고자 할 경우, 배열 표기법을 사용하는 것이 안전합니다.
+혹은 빈 배열을 먼저 선언한 후 임의의 데이터 값을 해당 배열에 추가하는 것도 방법이 됩니다.
 
-ES2015에서 요소가 하나인 배열을 만들기 위해 Array.of 정적 메소드를 사용할 수 있습니다.
+요소가 하나인 배열을 만들기 위해 {{jsxref("Array.of")}} 정적 메서드를 사용할 수 있습니다.
 
 ```js
-let wisenArray = Array.of(9.3) // wisenArray contains only one element 9.3
+const wisenArray = Array.of(9.3); // wisenArray는 오직 하나의 요소 9.3만을 가지고 있습니다.
 ```
 
-### 배열에 값 저장
+## 배열 요소의 참조
 
-배열의 요소에 값을 할당하여 배열에 값을 저장할 수 있습니다. 예를 들면,
+요소도 속성이므로 [속성 접근자](/ko/docs/Web/JavaScript/Reference/Operators/Property_accessors)를 사용하여 요소에 접근할 수 있습니다. 다음과 같은 배열을 정의한다고 가정해 보겠습니다.
 
 ```js
-var emp = [];
-emp[0] = 'Casey Jones';
-emp[1] = 'Phil Lesh';
-emp[2] = 'August West';
+const myArray = ["Wind", "Rain", "Fire"];
 ```
 
-> **Note:** 위의 코드 예제처럼 배열 연산자에 양의 정수가 아닌 값을 줄 경우, 배열의 요소가 대신 배열로 대변되는 객체의 속성이 생성됩니다.
+배열의 첫번째 요소는 `myArray[0]`로 참조할 수 있고 두번째 요소는 `myArray[1]`로 참조할 수 있습니다.
+배열의 인덱스 값은 0부터 시작합니다.
 
-```js
-var arr = [];
-arr[3.4] = 'Oranges';
-console.log(arr.length);                // 0
-console.log(arr.hasOwnProperty(3.4));   // true
-```
+> **참고:** [속성 접근자](/ko/docs/Web/JavaScript/Reference/Operators/Property_accessors)를 객체처럼 배열의 다른 속성에 접근하기 위해 사용할 수도 있습니다.
+>
+> ```js
+> const arr = ["one", "two", "three"];
+> arr[2]; // three
+> arr["length"]; // 3
+> ```
+
+## 배열 채우기
 
-배열을 생성함과 동시에 배열에 값을 저장할 수 있습니다.
+요소에 값을 할당함으로서 배열을 채울 수 있습니다. 아래는 그 예입니다.
 
 ```js
-var myArray = new Array('Hello', myVar, 3.14159);
-var myArray = ['Mango', 'Apple', 'Orange'];
+const emp = [];
+emp[0] = "Casey Jones";
+emp[1] = "Phil Lesh";
+emp[2] = "August West";
 ```
 
-### 배열 요소의 참조
+> **참고:** 위 코드에서 배열 연산자에 정수가 아닌 값을 제공하면 배열 요소 대신 배열을 나타내는 객체에 속성이 생성됩니다.
+>
+> ```js
+> const arr = [];
+> arr[3.4] = "Oranges";
+> console.log(arr.length); // 0
+> console.log(Object.hasOwn(arr, 3.4)); // true
+> ```
 
-배열의 요소를 참조하기 위해서 해당 요소의 인덱스(요소의 순서를 나타내는)를 사용할 수 있습니다. 예를 들어, 아래와 같이 배열을 선언하였다면
+배열 생성 시 배열을 채울 수도 있습니다.
 
 ```js
-var myArray = ['Wind', 'Rain', 'Fire'];
+const myArray = new Array("Hello", myVar, 3.14159);
+// OR
+const myArray = ["Mango", "Apple", "Orange"];
 ```
 
-배열의 첫번째 요소는 `myArray[0]로 참조할 수 있고 두번째 요소는 myArray[1]로 참조할 수 있습니다. 배열의 인덱스 값은 0부터 시작합니다.`
+### 길이(length)에 대한 이해
 
-> **Note:** 배열 연산자(대괄호)는 배열의 속성에 접근하기 위해서도 사용될 수 있습니다 (배열 또한 객체이기 때문입니다). 예를 들면 아래와 같습니다.
+실제 구현에서 JavaScript의 배열은 배열에 포함된 요소들을 배열의 인덱스 값을 속성 이름으로 사용하여 표준 객체의 속성처럼 저장합니다.
 
-```js
-var arr = ['one', 'two', 'three'];
-arr[2];  // three
-arr["length"];  // 3
-```
-
-### 배열 길이에 대한 이해
+`length` 속성은 좀 특별합니다. 배열의 길이는 항상 마지막 요소의 인덱스에 1을 더한 값을 반환합니다.
+다음 예제에서 `'Dusty'`는 인덱스 `30`번 째에 위치하기 때문에 `cats.length`는 `30 + 1`을 반환합니다.
 
-실제 구현에서, 자바스크립트의 배열은 배열에 포함된 요소들을 배열의 인덱스 값을 속성 이름으로 사용하여 표준 객체의 속성처럼 저장합니다. 길이 속성은 좀 특별합니다. 배열의 길이는 항상 마지막 요소의 인덱스에 1을 더한 값을 반환합니다 (다음 예제에서 Dusty는 인덱스 30번째에 위치하기때문에 cats 배열의 길이는 31이 됩니다). 기억하실 것은 자바스크립트 배열의 인덱스는 항상 1부터가 아닌 0부터 시작합니다. 이것이 의미하는 바는 배열의 길이 속성은 배열에 저장되어 있는 가장 큰 인덱스보다 1만큼 큰 값이 된다는 것입니다.
+기억하실 것은 JavaScript 배열의 인덱스는 항상 `1`부터가 아닌 `0`부터 시작한다는 점입니다.
+이는 아래 예제처럼 배열의 `length` 속성은 배열에 저장된 가장 큰 인덱스보다 1만큼 큰 값이 된다는 뜻입니다.
 
 ```js
-var cats = [];
-cats[30] = ['Dusty'];
+const cats = [];
+cats[30] = ["Dusty"];
 console.log(cats.length); // 31
 ```
 
-배열의 길이(`length`) 속성을 지정하는 것 또한 가능합니다. 만약 배열에 저장되어 있는 요소의 갯수보다 작은 값을 배열 길이로 지정하게 되면, 지정된 배열 길이보다 큰 인덱스 값을 가지는 요소는 배열에서 삭제됩니다. 0을 배열 길이로 지정하게 되면 해당 배열은 요소를 가지지 않는 빈 배열이 되는 것입니다.
+`length` 속성에 값을 할당할 수 있습니다.
+
+저장된 항목 수보다 작은 값을 쓰면 배열이 잘립니다. `0`을 쓰면 배열이 완전히 비워집니다.
 
 ```js
-var cats = ['Dusty', 'Misty', 'Twiggy'];
+const cats = ["Dusty", "Misty", "Twiggy"];
 console.log(cats.length); // 3
 
 cats.length = 2;
-console.log(cats); // logs "Dusty,Misty" - Twiggy has been removed
+console.log(cats); // [ 'Dusty', 'Misty' ] - Twiggy 값이 제거되었습니다
 
 cats.length = 0;
-console.log(cats); // logs []; the cats array is empty
+console.log(cats); // []; cats 배열은 비었습니다
 
 cats.length = 3;
-console.log(cats); // logs [ <3 empty items ]
+console.log(cats); // [ <3 empty items> ]
 ```
 
 ### 배열의 요소를 반복처리하기
 
-배열을 가지고 처리하는 주된 작업은 배열의 요소를 반복적으로 접근해서 읽어오는 작업입니다. 가장 간단한 방법은 아래와 같습니다.
+배열을 사용한 일반적인 연산은 배열의 값을 반복하여 각 값을 어떤 방식으로 처리하는 것입니다. 가장 간단한 방법은 아래와 같습니다.
 
 ```js
-var colors = ['red', 'green', 'blue'];
-for (var i = 0; i < colors.length; i++) {
+const colors = ["red", "green", "blue"];
+for (let i = 0; i < colors.length; i++) {
   console.log(colors[i]);
 }
 ```
 
-배열이 아무런 요소를 포함하고 있지 않다면 반복문 조건에서 false로 평가됩니다. 배열의 요소가 [DOM](/en-US/docs/DOM) node들을 포함한다면 보다 효율적인 코드 관용구를 사용할 수 있습니다.
+배열의 어떤 요소도 불리언 컨텍스트에서 `false`로 평가되지 않는다는 것을 알고 있다면
+(예를 들어 배열의 요소가 [DOM](/ko/docs/Web/API/Document_Object_Model)노드로만 구성된 경우) 보다 효율적인 코드 관용구를 사용할 수 있습니다.
 
 ```js
-var divs = document.getElementsByTagName('div');
-for (var i = 0, div; div = divs[i]; i++) {
+const divs = document.getElementsByTagName("div");
+for (let i = 0, div; (div = divs[i]); i++) {
   /* Process div in some way */
 }
 ```
 
-위의 예제 코드의 for반복문 조건은 배열의 길이를 확인하는 작업을 피할 수 있고, div 변수가 매 반복마다 현재의 요소를 가지게 됩니다.
-
-{{jsxref("Array.forEach", "forEach()")}} 메서드는 배열의 요소를 반복 처리할 수 있는 또 다른 방법입니다:
-
-```js
-var colors = ['red', 'green', 'blue'];
-colors.forEach(function(color) {
-  console.log(color);
-});
-// red
-// green
-// blue
-```
+이렇게 하면 배열의 길이를 확인하는 오버헤드를 피할 수 있으며, 루프가 반복될 때마다 `div` 변수가
+현재 항목에 재할당되어 편의성을 높일 수 있습니다.
 
-ES2015 Arrow Function으로 다음과 같이 더 짧게 코드를 짤 수 있습니다.
+[`forEach()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) 메서드는
+배열을 반복하는 또 다른 방법을 제공합니다.
 
 ```js
-var colors = ['red', 'green', 'blue'];
-color.forEach(color => console.log(color));
+const colors = ["red", "green", "blue"];
+colors.forEach((color) => console.log(color));
 // red
 // green
 // blue
 ```
 
-`forEach`에 인자로 주어진 함수는 배열의 각 요소에 대해 한번씩 실행이 되고 배열의 각 요소는 인자로 주어진 함수의 인자로 주어지게 됩니다. 할당되지 않은 요소 값은 `forEach` 반복문에서 처리되지 않습니다.
+`forEach`에 전달된 함수는 배열의 모든 항목에 대해 한 번씩 실행되며, 배열 항목이 함수의 인수로 전달됩니다.
+할당되지 않은 값은 `forEach` 반복문에서 반복되지 않습니다.
 
-`forEach` 반복문으로 배열의 요소를 반복 처리할 때, 배열을 정의할 때 생략된 요소는 처리 대상이 되지 않는 것에 유의하세요. 하지만 `undefined`를 생략된 요소에 할당하게 되면 undefined로 처리됩니다.
+배열을 정의할 때 생략된 요소는 `forEach` 반복문으로 배열의 요소를 순회할 때 처리 대상이 되지 않는 것에 유의하시기 바랍니다.
+하지만 `undefined`이 요소에 수동으로 할당된 경우 목록에 나열됩니다.
 
 ```js
-var array = ['first', 'second', , 'fourth'];
+const sparseArray = ["first", "second", , "fourth"];
 
-array.forEach(function(element) {
+sparseArray.forEach((element) => {
   console.log(element);
-})
+});
+// Logs:
 // first
 // second
 // fourth
 
-if(array[2] === undefined) {
-   console.log('array[2] is undefined'); // true
+if (sparseArray[2] === undefined) {
+  console.log("sparseArray[2] is undefined"); // true
 }
 
-var array = ['first', 'second', undefined, 'fourth'];
+const nonsparseArray = ["first", "second", undefined, "fourth"];
 
-array.forEach(function(element) {
+nonsparseArray.forEach((element) => {
   console.log(element);
 });
+// Logs:
 // first
 // second
 // undefined
 // fourth
 ```
 
-JavaScript 요소는 표준 객체 속성으로 저장되므로 {{jsxref ( "Statements / for ... in", "for ... in")}} 루프를 사용하여 JavaScript 배열을 반복하는 것은 바람직하지 않습니다. 왜냐면 일반 요소들과 그리고 모든 열거할 수 있는 속성들이 나열되기 때문입니다.
+JavaScript 객체의 요소는 표준 객체 속성으로 저장되기 때문에 {{jsxref("Statements/for...in","for...in")}} 반복문을 사용하여 JavaScript 배열을 반복하는 것은 바람직하지 않습니다.
+왜냐면 일반 요소들과 그리고 모든 열거할 수 있는 속성들이 나열되기 때문입니다.
 
-### 배열 객체의 메서드
+### 배열의 메서드
 
-{{jsxref("Array")}} 객체는 다음과 같은 메서드들을 가지고 있습니다:
+{{jsxref("Array")}} 객체는 다음과 같은 메서드들을 가지고 있습니다.
 
-{{jsxref("Array.concat", "concat()")}} 메서드는 두개의 배열을 합쳐 새로운 배열을 반환합니다.
+[`concat()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat) 메서드는
+두 개의 배열을 합쳐 새로운 배열을 반환합니다.
 
 ```js
-var myArray = new Array('1', '2', '3');
-myArray = myArray.concat('a', 'b', 'c');
+let myArray = ["1", "2", "3"];
+myArray = myArray.concat("a", "b", "c");
 // myArray is now ["1", "2", "3", "a", "b", "c"]
 ```
 
-{{jsxref("Array.join", "join(delimiter = ',')")}} 메서드는 배열의 모든 요소를 주어진 구분자로 연결된 하나의 문자열을 반환합니다.
+[`join()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/join) 메서드는
+배열의 모든 요소를 하나의 문자열로 연결하여 반환합니다.
 
 ```js
-var myArray = new Array('Wind', 'Rain', 'Fire');
-var list = myArray.join(' - '); // list is "Wind - Rain - Fire"
+const myArray = ["Wind", "Rain", "Fire"];
+const list = myArray.join(" - "); // list is "Wind - Rain - Fire"
 ```
 
-{{jsxref("Array.push", "push()")}}메서드는 하나 혹은 그 이상의 요소를 배열의 마지막에 추가하고 추가된 요소를 포함한 길이를 반환합니다.
+[`push()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/push) 메서드는
+하나 혹은 그 이상의 요소를 배열의 마지막에 추가하고 추가된 요소를 포함한 `length`를 반환합니다.
 
 ```js
-var myArray = new Array('1', '2');
-myArray.push('3'); // myArray is now ["1", "2", "3"]
+const myArray = ["1", "2"];
+myArray.push("3"); // myArray is now ["1", "2", "3"]
 ```
 
-{{jsxref("Array.pop", "pop()")}} 메서드는 배열의 마지막 요소를 제거하고 그 제거된 요소를 반환합니다.
+[`pop()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/pop) 메서드는
+배열의 마지막 요소를 제거하고 그 제거된 요소를 반환합니다.
 
 ```js
-var myArray = new Array('1', '2', '3');
-var last = myArray.pop();
+const myArray = ["1", "2", "3"];
+const last = myArray.pop();
 // myArray is now ["1", "2"], last = "3"
 ```
 
-{{jsxref("Array.shift", "shift()")}}메서드는 배열의 첫번째 요소를 제거하고 그 제거된 요소를 반환합니다.
+[`shift()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/shift) 메서드는
+배열의 첫번째 요소를 제거하고 그 제거된 요소를 반환합니다.
 
 ```js
-var myArray = new Array('1', '2', '3');
-var first = myArray.shift();
+const myArray = ["1", "2", "3"];
+const first = myArray.shift();
 // myArray is now ["2", "3"], first is "1"
 ```
 
-{{jsxref("Array.shift", "unshift()")}}메서드는 하나 혹은 그 이상의 요소를 배열의 앞쪽에 추가하고 추가한 요소를 포함한 길이를 반환합니다.
+[`unshift()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift) 메서드는
+하나 혹은 그 이상의 요소를 배열의 앞쪽에 추가하고 추가한 요소를 포함한 길이를 반환합니다.
 
 ```js
-var myArray = new Array('1', '2', '3');
-myArray.unshift('4', '5');
+const myArray = ["1", "2", "3"];
+myArray.unshift("4", "5");
 // myArray becomes ["4", "5", "1", "2", "3"]
 ```
 
-{{jsxref("Array.slice", "slice(start_index, upto_index)")}}메서드는 배열의 특정 부분을 추출하여 그 추출된 부분을 포함하는 새로운 배열을 반환합니다. upto_index에 해당하는 요소는 포함되지 않습니다.
+[`slice()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/slice) 메서드는
+배열의 특정 부분을 추출하여 그 추출된 부분을 포함하는 새로운 배열을 반환합니다.
 
 ```js
-var myArray = new Array('a', 'b', 'c', 'd', 'e');
-myArray = myArray.slice(1, 4); // starts at index 1 and extracts all elements
-                               // until index 3, returning [ "b", "c", "d"]
+let myArray = ["a", "b", "c", "d", "e"];
+myArray = myArray.slice(1, 4); // [ "b", "c", "d"]
+// 인덱스 1에서 시작하여 인덱스 3까지의 모든 요소
 ```
 
-{{jsxref("Array.splice", "splice(index, count_to_remove, addElement1, addElement2, ...)")}} 메세드는 주어진 인덱스 요소를 포함하여 count_to_remove 갯수만큼 삭제하고 주어진 요소로 바꿔 줍니다.
+[`at()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/at) 메서드는
+배열의 지정된 인덱스에 있는 요소를 반환하거나 인덱스가 범위를 벗어난 경우 `undefined`을 반환합니다.
+특히 배열의 끝에서 요소에 접근하는 음수 인덱스에 사용됩니다.
 
 ```js
-var myArray = new Array('1', '2', '3', '4', '5');
-myArray.splice(1, 3, 'a', 'b', 'c', 'd');
-// myArray is now ["1", "a", "b", "c", "d", "5"]
-// This code started at index one (or where the "2" was),
-// removed 3 elements there, and then inserted all consecutive
-// elements in its place.
+const myArray = ["a", "b", "c", "d", "e"];
+myArray.at(-2); // "d", the second-last element of myArray
 ```
 
-{{jsxref ( "Array.reverse", "reverse ()")}} 배열의 요소를 제자리에 배치합니다. 첫 번째 배열 요소가 마지막 요소가 되고 마지막 요소가 첫 번째 요소가 됩니다. 배열에 대한 참조를 반환합니다.
+The [`splice()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice) 메서드는
+배열에서 요소를 제거한 후 (선택적으로) 대체합니다. 이 메서드는 배열에서 제거된 항목을 반환합니다.
 
 ```js
-var myArray = new Array('1', '2', '3');
+const myArray = ["1", "2", "3", "4", "5"];
+myArray.splice(1, 3, "a", "b", "c", "d");
+// myArray 는 이제 ["1", "a", "b", "c", "d", "5"] 가 됩니다.
+// 이 코드는 첫 번째 인덱스("2"값이 있는 곳)에서 시작하여 
+// 3개의 요소를 삭제한 후 그 자리에 연속된 모든 요소를 모두 삽입합니다.
+```
+
+[`reverse()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse) 메서드는
+배열의 요소를 첫 번째 배열 요소가 마지막이 되고 마지막 요소가 첫 번째가 되는 식으로 배열의 요소를 바꿉니다.
+배열에 대한 참조를 반환합니다.
+
+```js
+const myArray = ["1", "2", "3"];
 myArray.reverse();
 // transposes the array so that myArray = ["3", "2", "1"]
 ```
 
-{{jsxref ( "Array.sort", "sort ()")}} 배열의 요소를 제자리에 정렬하고 배열에 대한 참조를 반환합니다.
+[`flat()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/flat) 메서드는
+지정된 깊이까지 재귀적으로 연결된 모든 하위 배열 요소가 포함된 새 배열을 반환합니다.
+
+```js
+let myArray = [1, 2, [3, 4]];
+myArray = myArray.flat();
+// myArray is now [1, 2, 3, 4], since the [3, 4] subarray is flattened
+```
+
+[`sort()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) 메서드는
+배열의 요소를 새로운 배열이 아닌 주어진 배열 내에서 정렬하고 배열에 대한 참조를 반환합니다.
 
 ```js
-var myArray = new Array('Wind', 'Rain', 'Fire');
+const myArray = ["Wind", "Rain", "Fire"];
 myArray.sort();
-// sorts the array so that myArray = [ "Fire", "Rain", "Wind" ]
+// 배열을 정렬하게 되어서 이제 myArray = ["Fire", "Rain", "Wind"]
 ```
 
-`sort()` 메서드에 어떻게 해당 배열의 요소를 정렬할지 결정하는 콜백 함수를 인자로 줄 수 있습니다.
+`sort()` 메서드는 어떻게 해당 배열의 요소를 정렬할지 결정하는 콜백 함수를 인자로 받을 수 있습니다.
+콜백 함수는 배열에서 온 두 값을 두 개의 인수로 사용하여 호출됩니다. 이 함수는 이 두 값을 비교하여 두 값의 순서를 나타내는
+양수, 음수 또는 0을 반환합니다. 예를 들어 다음은 문자열의 마지막 문자를 기준으로 배열을 정렬합니다.
 
-콜백을 사용하는 sort 메소드 및 다른 메소드는 반복 메소드로 알려져 있습니다. 일부 메소드에서는 전체 배열을 반복하기 때문입니다. 각각은 `thisObject`라는 선택적인 두 번째 인수를 취합니다. 제공되면 `thisObject`는 콜백 함수의 본문에 있는 `this` 키워드의 값이 됩니다.
+```js
+const sortFn = (a, b) => {
+  if (a[a.length - 1] < b[b.length - 1]) {
+    return -1; // 음수 => a < b, a 는 b 앞으로 옵니다.
+  } else if (a[a.length - 1] > b[b.length - 1]) {
+    return 1; // 양수 => a > b, a 는 b 뒤에 옵니다.
+  }
+  return 0; // 0 => a = b, a 와 b 는 원래 순서를 유지합니다.
+};
+myArray.sort(sortFn);
+// sorts the array so that myArray = ["Wind","Fire","Rain"]
+```
 
-제공되지 않으면 함수가 명시적 객체 컨텍스트 외부에서 호출되는 다른 경우와 마찬가지로 이 함수는 콜백으로 화살표 함수를 사용할 때 전역 객체 ({{domxref ( "window")}})를 참조합니다. 정상적인 기능은 콜백입니다.
+- 정렬 시스템에 의해 `a`가 `b`보다 작으면, `-1`(또는 임의의 음수)을 반환합니다.
+- 정렬 시스템에 의해 `a`가 `b`보다 크면, `1`(또는 임의의 양수)을 반환합니다.
+- `a`와 `b`가 동등하다 간주되면 `0`을 반환합니다.
 
-콜백 함수는 배열의 요소인 두 개의 인수로 호출됩니다.
+[`indexOf()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf) 메서드는
+배열에서 `searchElement`를 찾아서 첫 번째 일치하는 요소의 인덱스를 반환합니다.
 
-아래 함수는 두 값을 비교하여 세 값 중 하나를 반환합니다.
+```js
+const a = ["a", "b", "a", "b", "a"];
+console.log(a.indexOf("b")); // 1
+
+// 이제 다시 시도합니다. 마지막 일치한 요소부터 다시 시작합니다.
+console.log(a.indexOf("b", 2)); // 3
+console.log(a.indexOf("z")); // -1, 왜냐하면 'z'를 찾지 못했습니다.
+```
 
-예를 들어, 다음은 문자열의 마지막 문자로 정렬합니다.
+[`lastIndexOf()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf) 메서드는
+`indexOf`메서드와 유사하게 작동하지만 배열의 뒤쪽에서부터 요소를 찾습니다.
 
 ```js
-var sortFn = function(a, b){
-  if (a[a.length - 1] < b[b.length - 1]) return -1;
-  if (a[a.length - 1] > b[b.length - 1]) return 1;
-  if (a[a.length - 1] == b[b.length - 1]) return 0;
-}
-myArray.sort(sortFn);
-// sorts the array so that myArray = ["Wind","Fire","Rain"]
+const a = ["a", "b", "c", "d", "a", "b"];
+console.log(a.lastIndexOf("b")); // 5
+
+// 이제 다시 시도합니다. 마지막 일치한 요소부터 다시 시작합니다.
+console.log(a.lastIndexOf("b", 4)); // 1
+console.log(a.lastIndexOf("z")); // -1
+```
+
+[`forEach()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) 메서드는
+배열의 모든 요소에 대해 반복적으로 주어진 `callback` 함수를 실행하며 `undefined`를 반환합니다.
+
+```js
+const a = ["a", "b", "c"];
+a.forEach((element) => {
+  console.log(element);
+});
+// Logs:
+// a
+// b
+// c
+```
+
+콜백을 받는 `forEach` 메서드(그리고 아래의 다른 메서드)는 어떤 방식으로든 전체 배열을 반복하기 때문에
+반복적인(iterative) 메서드로 알려져 있습니다. 각 메서드는 `thisArg`라는 선택적 두 번째 인수를 받습니다.
+이 인수가 제공되면 `thisArg`는 콜백 함수 안에 있는 `this` 키워드의 값이 됩니다.
+제공되지 않으면, 함수가 명시적 객체 컨텍스트 외부에서 호출되는 다른 경우와 마찬가지로, `this`는 함수가 [엄격한 모드](/ko/docs/Web/JavaScript/Reference/Strict_mode)가 아닐 경우 전역 객체([`window`](/ko/docs/Web/API/Window), [`globalThis`](/ko/docs/Web/JavaScript/Reference/Global_Objects/globalThis) 등)을 참조하게 됩니다. 엄격할 모드일 경우 `undefined`을 참조합니다.
+
+> **참고:** 위에서 소개한 `sort()` 메서드는 콜백 함수가 오직 비교에만 사용되며 요소 순서에 따라 특정 순서로 호출하지 않을 수 있기 때문에 반복 메서드가 아닙니다. `sort()`는 `thisArg` 매개변수도 받지 않습니다.
+
+[`map()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map) 메서드는
+배열의 모든 요소에 대해 `callback` 함수를 실행하고 이 결과를 새로운 배열에 담아 반환합니다.
+
+```js
+const a1 = ["a", "b", "c"];
+const a2 = a1.map((item) => item.toUpperCase());
+console.log(a2); // ['A', 'B', 'C']
 ```
 
-- a의 순서가 b보다 앞에 오면 -1(혹은 음수)을 반환합니다.
-- a의 순서가 b보다 뒤에 오면 1(혹은 양수)을 반환합니다.
-- a와 b가 같으면 0을 반환합니다.
+[`flatMap()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/flatMap) 메서드는
+`map()`에 이어 깊이 1의 `flat()`을 실행합니다.
 
-{{jsxref ( "Array.indexOf", "indexOf (searchElement [, fromIndex])")}}는 배열에서 `searchElement`를 검색하고 첫 번째 일치 항목의 인덱스를 반환합니다.
+```js
+const a1 = ["a", "b", "c"];
+const a2 = a1.flatMap((item) => [item.toUpperCase(), item.toLowerCase()]);
+console.log(a2); // ['A', 'a', 'B', 'b', 'C', 'c']
+```
+
+[`filter()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) 메서드는
+`callback` 함수가 `true`를 반환하는 요소를 새로운 배열에 담아 반환합니다.
 
 ```js
-var a = ['a', 'b', 'a', 'b', 'a'];
-console.log(a.indexOf('b')); // logs 1
-// Now try again, starting from after the last match
-console.log(a.indexOf('b', 2)); // logs 3
-console.log(a.indexOf('z')); // logs -1, because 'z' was not found
+const a1 = ["a", 10, "b", 20, "c", 30];
+const a2 = a1.filter((item) => typeof item === "number");
+console.log(a2); // [10, 20, 30]
 ```
 
-{{jsxref("Array.lastIndexOf", "lastIndexOf(searchElement[, fromIndex])")}}메서드는 `indexOf`메서드와 유사하게 작동하지만 배열의 뒤쪽에서부터 요소를 찾습니다.
+[`find()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/find) 메서드는 `callback`이 `true`를 반환하는 첫 번째 항목을 반환합니다.
 
 ```js
-var a = ['a', 'b', 'c', 'd', 'a', 'b'];
-console.log(a.lastIndexOf('b')); // logs 5
-// Now try again, starting from before the last match
-console.log(a.lastIndexOf('b', 4)); // logs 1
-console.log(a.lastIndexOf('z')); // logs -1
+const a1 = ["a", 10, "b", 20, "c", 30];
+const i = a1.find((item) => typeof item === "number");
+console.log(i); // 10
 ```
 
-{{jsxref("Array.forEach", "forEach(callback[, thisObject])")}}메서드는 배열의 모든 요소에 대해 반복적으로 주어진 `callback` 함수를 실행합니다.
+[`findLast()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/findLast) 메서드는 `callback`이 `true`를 반환하는 마지막 항목을 반환합니다.
 
 ```js
-var a = ['a', 'b', 'c'];
-a.forEach(function(element) { console.log(element);} );
-// logs each item in turn
+const a1 = ["a", 10, "b", 20, "c", 30];
+const i = a1.findLast((item) => typeof item === "number");
+console.log(i); // 30
 ```
 
-{{jsxref("Array.map", "map(callback[, thisObject])")}}메서드는 배열의 모든 요소에 대해 콜백함수를 실행하고 콜백함수의 실행 결과를 새로운 배열에 담아 반환합니다.
+[`findIndex()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex) 메서드는 `callback`이 `true`를 반환하는 첫 번째 항목의 인덱스를 반환합니다.
 
 ```js
-var a1 = ['a', 'b', 'c'];
-var a2 = a1.map(function(item) { return item.toUpperCase(); });
-console.log(a2); // logs ['A', 'B', 'C']
+const a1 = ["a", 10, "b", 20, "c", 30];
+const i = a1.findIndex((item) => typeof item === "number");
+console.log(i); // 1
 ```
 
-{{jsxref("Array.filter", "filter(callback[, thisObject])")}}메서드는 배열의 모든 요소에 대해 콜백 함수가 true를 반환하는 요소를 새로운 배열에 담아 반환합니다.
+[`findLastIndex()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/findLastIndex) 메서드는 `callback`이 `true`를 반환하는 마지막 항목의 인덱스를 반환합니다.
 
 ```js
-var a1 = ['a', 10, 'b', 20, 'c', 30];
-var a2 = a1.filter(function(item) { return typeof item == 'number'; });
-console.log(a2); // logs ['10', '20', '30']
+const a1 = ["a", 10, "b", 20, "c", 30];
+const i = a1.findLastIndex((item) => typeof item === "number");
+console.log(i); // 5
 ```
 
-{{jsxref ( "Array.every", "every (callback [, thisObject])")}}는 콜백이 배열의 모든 항목에 대해 true를 반환하면 true를 반환합니다.
+[`every()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/every) 메서드는
+`callback`이 배열의 모든 항목에 대해 `true`를 반환하면 `true`를 반환합니다.
 
 ```js
-function isNumber(value){
-  return typeof value == 'number';
+function isNumber(value) {
+  return typeof value === "number";
 }
-var a1 = [1, 2, 3];
-console.log(a1.every(isNumber)); // logs true
-var a2 = [1, '2', 3];
-console.log(a2.every(isNumber)); // logs false
+const a1 = [1, 2, 3];
+console.log(a1.every(isNumber)); // true
+const a2 = [1, "2", 3];
+console.log(a2.every(isNumber)); // false
 ```
 
-{{jsxref("Array.some", "some(callback[, thisObject])")}}메서드는 배열의 모든 요소에 대해 콜백 함수를 실행하고 하나의 요소라도 콜백 함수의 결과가 true이면 some() 메서드의 결과는 true가 됩니다.
+[`some()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/some) 메서드는
+배열에서 적어도 `callback`이 `true`를 적어도 한번이라도 반환하면 `true`를 반환합니다.
 
 ```js
-function isNumber(value){
-  return typeof value == 'number';
+function isNumber(value) {
+  return typeof value === "number";
 }
-var a1 = [1, 2, 3];
-console.log(a1.some(isNumber)); // logs true
-var a2 = [1, '2', 3];
-console.log(a2.some(isNumber)); // logs true
-var a3 = ['1', '2', '3'];
-console.log(a3.some(isNumber)); // logs false
+const a1 = [1, 2, 3];
+console.log(a1.some(isNumber)); // true
+const a2 = [1, "2", 3];
+console.log(a2.some(isNumber)); // true
+const a3 = ["1", "2", "3"];
+console.log(a3.some(isNumber)); // false
 ```
 
-{{jsxref("Array.reduce", "reduce(callback[, initialValue])")}}메서드는 배열내의 요소를 하나의 요소로 줄이기 위해 `firstValue, secondValue`를 인자로 받는 콜백 함수를 실행합니다.
+[`reduce()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) 메서드는 배열 내의 요소를 하나의 요소로 줄이기 위해 `callback(accumulator, currentValue, currentIndex, array)`을 배열의 각 값마다 적용합니다.
+`reduce` 함수는 `callback`함수가 반환하는 마지막 값을 반환합니다.
+
+`initialValue`이 명시되면 `callback`은 첫 번째 매개변수 값으로 `initialValue`을,
+두 번째 매개변수 값으로 배열의 첫 번째 항목의 값을 사용하여 호출됩니다.
+
+`initialValue`이 명시되지 않은 경우, `callback`의 처음 두 매개변수 값은 배열의 첫 번째와 두 번째 요소가 됩니다.
+이후 호출할 때마다 첫 번째 매개변수 값은 이전 호출에서 `callback`이 반환된 값이 되며,
+두 번째 매개변수 값은 배열의 다음 값이 됩니다.
+
+`callback`이 처리 중인 항목의 인덱스에 접근하거나 전체 배열에 접근해야 하는 경우 선택적인 매개변수를 사용할 수 있습니다.
 
 ```js
-var a = [10, 20, 30];
-var total = a.reduce(function(first, second) { return first + second; }, 0);
-console.log(total) // Prints 60
+const a = [10, 20, 30];
+const total = a.reduce(
+  (accumulator, currentValue) => accumulator + currentValue,
+  0,
+);
+console.log(total); // 60
 ```
 
-{{jsxref("Array.reduceRight", "reduceRight(callback[, initalvalue])")}}메서드는 reduce()와 유사하게 작동하지만 배열의 마지막 요소부터 시작합니다.
+[`reduceRight()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reduceRight) 메서드는 `reduce()`처럼 동작하지만 마지막 요소부터 시작합니다.
 
-`reduce`와 `reduceRight` 메서드는 반복적인 배열 메서드 중 가장 명백합니다. 두 메서드는 재귀적으로 하나의 시퀀스를 하나의 값으로 줄이기 위해 두개의 값을 합치는 알고리즘을 위해 사용되어야 합니다.
+`reduce`와 `reduceRight`는 반복 배열 메서드 중 가장 명확하지 않은 메서드입니다.
+시퀀스를 단일 값으로 줄이기 위해 두 값을 재귀적으로 결합하는 알고리즘에 사용해야 합니다.
 
-### 다차원 배열
+## 희소 배열
 
-배열은 중첩될 수 있습니다. 즉, 하나의 배열은 또 다른 배열을 요소로 포함할 수 있습니다. 자바스크립트 배열의 이런 특성을 사용하여, 다차원 배열을 생성할 수 있습니다.
+배열에는 `undefined`이라는 값으로 채워진 슬롯과는 다른 "빈 슬롯"이 포함될 수 있습니다.
+빈 슬롯은 다음 중 한 가지 방법으로 만들 수 있습니다:
 
-아래의 예제는 2차원 배열을 생성하는 예제입니다.
+```js
+// 배열 생성자
+const a = Array(5); // [ <5 empty items> ]
+
+// 배열 리터럴의 연속된 쉼표
+const b = [1, 2, , , 5]; // [ 1, 2, <2 empty items>, 5 ]
+
+// array.length보다 큰 인덱스의 슬록에 직접적으로 값 설정하기
+const c = [1, 2];
+c[4] = 5; // [ 1, 2, <2 empty items>, 5 ]
+
+// .length를 직접 설정하여 배열 늘리기
+const d = [1, 2];
+d.length = 5; // [ 1, 2, <3 empty items> ]
+
+// 요소 삭제
+const e = [1, 2, 3, 4, 5];
+delete e[2]; // [ 1, 2, <1 empty item>, 4, 5 ]
+```
+
+일부 작업에서는 빈 슬롯이 'undefined'으로 채워진 것처럼 동작합니다.
 
 ```js
-var a = new Array(4);
-for (i = 0; i < 4; i++) {
-  a[i] = new Array(4);
-  for (j = 0; j < 4; j++) {
-    a[i][j] = '[' + i + ', ' + j + ']';
-  }
+const arr = [1, 2, , , 5]; // 희소 배열 생성
+
+// 인덱스를 사용한 접근
+console.log(arr[2]); // undefined
+
+// For...of
+for (const i of arr) {
+  console.log(i);
 }
+// Logs: 1 2 undefined undefined 5
+
+// 전개연산
+const another = [...arr]; // "another" is [ 1, 2, undefined, undefined, 5 ]
 ```
 
-이 예제는 다음과 같은 열을 포함하는 배열을 생성합니다.
+그러나 다른 경우(특히 대다수 배열 반복 메서드)에서는 빈 슬롯을 건너뜁니다.
 
-```
-Row 0: [0,0] [0,1] [0,2] [0,3]
-Row 1: [1,0] [1,1] [1,2] [1,3]
-Row 2: [2,0] [2,1] [2,2] [2,3]
-Row 3: [3,0] [3,1] [3,2] [3,3]
-```
+```js
+const mapped = arr.map((i) => i + 1); // [ 2, 3, <2 empty items>, 6 ]
+arr.forEach((i) => console.log(i)); // 1 2 5
+const filtered = arr.filter(() => true); // [ 1, 2, 5 ]
+const hasFalsy = arr.some((k) => !k); // false
 
-### 배열과 정규표현식
+// 속성 열거
+const keys = Object.keys(arr); // [ '0', '1', '4' ]
+for (const key in arr) {
+  console.log(key);
+}
+// Logs: '0' '1' '4'
+// 전개 연산의 결과 값이 객체일 경우 배열의 반복자가 아닌 속성 열거를 사용합니다
+const objectSpread = { ...arr }; // { '0': 1, '1': 2, '4': 5 }
+```
 
-문자열 내에 정규 표현식에 일치하는 결과가 배열일 경우, 해당 배열은 정규 표현식에 일치하는 문자열들의 정보를 제공해 주는 속성들과 요소들을 반환합니다. {{jsxref ( "Global_Objects / RegExp / exec", "RegExp.exec ()")}}, {{jsxref("Global_Objects/String/match","String.match()")}}, 와 {{jsxref("Global_Objects/String/split","String.split()")}}메서드는 결과를 배열로 반환합니다. 정규식과 함께 배열을 어떻게 사용하는지에 대한 정보는 [정규표현식](/en-US/docs/Web/JavaScript/Guide/Regular_Expressions)을 참조하시면 됩니다.
+배열 메서드가 희소 배열에서 작동하는 방식에 대한 전체 목록은 [`Array` 참조 페이지](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array#array_methods_and_empty_slots)를 참조하세요.
 
-### 배열과 유사한 객체 사용
+## 다차원 배열
 
-{{domxref ( "document.getElementsByTagName ()")}} 또는 {{jsxref ( "Functions / arguments", "arguments")}}에서 반환하는 {{domxref("NodeList")}} 객체는 함수 본문 내에서 사용할 수 있게 만들어졌으며 겉으로는 배열처럼 보이고 작동하지만 모든 메서드를 공유하지는 않습니다. arguments 객체는 {{jsxref ( "Global_Objects / Function / length", "length")}} 속성을 제공하지만 {{jsxref ( "Array.forEach", "forEach ()")}} 메소드는 구현하지 않습니다.
+배열은 중첩될 수 있습니다. 즉, 하나의 배열은 또 다른 배열을 요소로 포함할 수 있습니다.
+JavaScript 배열의 이런 특성을 사용하여, 다차원 배열을 생성할 수 있습니다.
 
-배열 프로토타입 메소드는 다른 배열과 유사한 객체에 대해 호출될 수 있습니다.
+아래의 예제는 2차원 배열을 생성하는 예제입니다.
 
 ```js
-function printArguments() {
-  Array.prototype.forEach.call(arguments, function(item) {
-    console.log(item);
-  });
+const a = new Array(4);
+for (let i = 0; i < 4; i++) {
+  a[i] = new Array(4);
+  for (let j = 0; j < 4; j++) {
+    a[i][j] = `[${i}, ${j}]`;
+  }
 }
 ```
 
-배열 프로토타입 메서드는 배열과 비슷한 방식으로 문자에 순차적으로 액세스 할 수 있으므로 문자열에서도 사용할 수 있습니다.
+이 예제는 다음과 같은 열을 포함하는 배열을 생성합니다.
 
-```js
-Array.prototype.forEach.call('a string', function(chr) {
-  console.log(chr);
-});
+```
+Row 0: [0, 0] [0, 1] [0, 2] [0, 3]
+Row 1: [1, 0] [1, 1] [1, 2] [1, 3]
+Row 2: [2, 0] [2, 1] [2, 2] [2, 3]
+Row 3: [3, 0] [3, 1] [3, 2] [3, 3]
 ```
 
-## 타입 배열
+## 다른 속성을 담기 위한 배열 사용
 
-자바스크립트 타입 배열은 배열과 유사한 객체이며 원시 이진 데이터 접근에 대한 메카니즘을 제공합니다. 이미 알고 있듯이, {{jsxref("Array")}} 객체는 동적으로 크기가 커지고 작아질 수 있으며 어떤 자바스크립트 값이라도 가질 수 있습니다. 자바스크립트 엔진은 그런 배열을 빠르게 만들기 위해 최적화를 수행합니다. 그러나 웹 어플케이션이 보다 강력해지고, 음성, 영상 조작, [웹소켓](/en-US/docs/WebSockets)을 사용하여 원시 데이터에 접근하는 등의 기능들이 추가되면서 자바스크립트 코드가 타입배열을 가지고 빠르고 쉽게 원시 이진 데이터를 조작할 수 있는 것이 가능한 시점이 되었다는 것은 보다 명백해졌습니다.
+관련 정보를 저장하기 위해 배열을 객체처럼 사용할 수도 있습니다.
+
+```js
+const arr = [1, 2, 3];
+arr.property = "value";
+console.log(arr.property); // "value"
+```
 
-### 버퍼와 뷰: 타입 배열 구조
+예를 들어, 정규식과 문자열이 일치하는 결과로 배열이 생성되면 배열은 일치에 대한 정보를 제공하는 속성 및 요소를 반환합니다. 배열의 반환 값은 [`RegExp.prototype.exec()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec), [`String.prototype.match()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/String/match) 및 [`String.prototype.split()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split)입니다.
+정규 표현식과 함께 배열을 사용하는 방법에 대한 자세한 내용은 [정규 표현식](/ko/docs/Web/JavaScript/Guide/Regular_expressions)을 참조하십시오.
 
-유연성과 효율성을 극대화하기 위해, 자바스크립트 타입 배열은 **버퍼**와 **뷰**라는 구조로 구현되어 있습니다. 하나의 버퍼({{jsxref("ArrayBuffer")}}객체로 구현되어 있습니다)는 하나의 데이터 덩어리를 의미하는 객체입니다. 버퍼는 구체적으로 언급할 형식이 없고, 버퍼가 담고 있는 내용에 접근할 메카니즘을 제공하지 않습니다. 버퍼에 담겨 있는 메모리에 접근하기 위해선, 뷰를 사용해야 합니다. 하나의 뷰는 컨덱스트를 제공하는데, 컨텍스트는 데이터 형, 시작 오프셋 그리고 실제 타입배열로 변경되는 요소의 갯수를 제공합니다.
+## 유사 배열 객체 다루기
 
-![Typed arrays in an ArrayBuffer](typed_arrays.png)
+[`document.getElementsByTagName()`](/ko/docs/Web/API/Document/getElementsByTagName)에서 반환되는 [`NodeList`](/ko/docs/Web/API/NodeList) 또는 함수 본문 내에서 사용할 수 있는 {{jsxref("Functions/arguments","arguments")}} 객체와 같은 일부 JavaScript 객체는 표면적으로는 배열처럼 보이고 동작하지만 모든 메서드를 공유하지는 않습니다. `arguments` 객체는 {{jsxref("Global_Objects/Function/length","length")}} 속성을 제공하지만 [`forEach()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)와 같은 배열 메서드는 구현하지 않습니다.
 
-### 배열버퍼
+배열 메서드는 유사 배열 객체에서 직접적으로 호출할 수 없습니다.
 
-{{jsxref("ArrayBuffer")}}는 일반적이고, 고정길이의 이진 데이터 버퍼를 표현하기 위해 사용되는 데이터 타입입니다. `ArrayBuffer의 내용을 직접 수정할 수는 없는 대신 타입 배열 뷰 혹은 특정 형식 그리고 해당 버퍼의 내용을 읽고 쓸 수 있게 해주는`{{jsxref("DataView")}}`를 생성할 수 있습니다.`
+```js example-bad
+function printArguments() {
+  arguments.forEach((item) => {
+    console.log(item);
+  }); // TypeError: arguments.forEach is not a function
+}
+```
 
-### 타입 배열 뷰
+하지만 {{jsxref("Global_Objects/Function/call","Function.prototype.call()")}}을 사용하여 간접적으로 호출할 수 있습니다.
 
-타입 배열 뷰들은 스스로를 나타낼 수 있는 이름과 `Int8`, `Uint32`, `Float64`등의 일반적인 숫자 형들을 위한 뷰를 제공합니다.Uint8ClampedArray라는 특별한 타입 배열 뷰가 있습니다. `0`부터 `255`까지의 값을 가질수 있습니다. 예를 들며, `Uint8ClampedArray`는 [Canvas data processing](/en-US/docs/Web/API/ImageData)에 유용합니다.
+```js example-good
+function printArguments() {
+  Array.prototype.forEach.call(arguments, (item) => {
+    console.log(item);
+  });
+}
+```
 
-| Type                                     | Value Range                   | Size in bytes | Description                                                                  | Web IDL type          | Equivalent C type               |
-| ---------------------------------------- | ----------------------------- | ------------- | ---------------------------------------------------------------------------- | --------------------- | ------------------------------- |
-| {{jsxref("Int8Array")}}         | `-128` to `127`               | 1             | 8-bit two's complement signed integer                                        | `byte`                | `int8_t`                        |
-| {{jsxref("Uint8Array")}}         | `0` to `255`                  | 1             | 8-bit unsigned integer                                                       | `octet`               | `uint8_t`                       |
-| {{jsxref("Uint8ClampedArray")}} | `0` to `255`                  | 1             | 8-bit unsigned integer (clamped)                                             | `octet`               | `uint8_t`                       |
-| {{jsxref("Int16Array")}}         | `-32768` to `32767`           | 2             | 16-bit two's complement signed integer                                       | `short`               | `int16_t`                       |
-| {{jsxref("Uint16Array")}}         | `0` to `65535`                | 2             | 16-bit unsigned integer                                                      | `unsigned short`      | `uint16_t`                      |
-| {{jsxref("Int32Array")}}         | `-2147483648` to `2147483647` | 4             | 32-bit two's complement signed integer                                       | `long`                | `int32_t`                       |
-| {{jsxref("Uint32Array")}}         | `0` to `4294967295`           | 4             | 32-bit unsigned integer                                                      | `unsigned long`       | `uint32_t`                      |
-| {{jsxref("Float32Array")}}     | `1.2E-38` to `3.4E38`         | 4             | 32-bit IEEE floating point number (7 significant digits e.g., `1.1234567`)   | `unrestricted float`  | `float`                         |
-| {{jsxref("Float64Array")}}     | `5E-324` to `1.8E308`         | 8             | 64-bit IEEE floating point number (16 significant digits e.g., `1.123...15`) | `unrestricted double` | `double`                        |
-| {{jsxref("BigInt64Array")}}     | `-2^63` to `2^63 - 1`         | 8             | 64-bit two's complement signed integer                                       | `bigint`              | `int64_t (signed long long)`    |
-| {{jsxref("BigUint64Array")}}     | `0` to `2^64 - 1`             | 8             | 64-bit unsigned integer                                                      | `bigint`              | `uint64_t (unsigned long long)` |
+배열 프로토타입 메서드는 배열과 유사한 방식으로 문자에 대한 순차적 접근을 제공하므로 문자열에도 사용할 수 있습니다.
 
-[JavaScript typed arrays](/en-US/docs/Web/JavaScript/Typed_arrays)를 참조하시면 보다 많은 정보를 보실 수 있습니다.
+```js
+Array.prototype.forEach.call("a string", (chr) => {
+  console.log(chr);
+});
+```
 
-{{PreviousNext("Web/JavaScript/Guide/Regular_Expressions", "Web/JavaScript/Guide/Keyed_Collections")}}
+{{PreviousNext("Web/JavaScript/Guide/Regular_expressions", "Web/JavaScript/Guide/Keyed_collections")}}

From 58bfc819309e576c4c4348ec74ccca2c91769396 Mon Sep 17 00:00:00 2001
From: Quentin Morrier <39616262+qmorrier@users.noreply.github.com>
Date: Mon, 26 Jun 2023 14:59:37 +0200
Subject: [PATCH 106/146] =?UTF-8?q?Typofix=20on=20Cascade,=20sp=C3=A9cific?=
 =?UTF-8?q?it=C3=A9=20et=20h=C3=A9ritage=20(#13940)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Basic typo, deux règles takes an s
---
 .../learn/css/building_blocks/cascade_and_inheritance/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/fr/learn/css/building_blocks/cascade_and_inheritance/index.md b/files/fr/learn/css/building_blocks/cascade_and_inheritance/index.md
index 3f3b345b275742..528818ca57d3db 100644
--- a/files/fr/learn/css/building_blocks/cascade_and_inheritance/index.md
+++ b/files/fr/learn/css/building_blocks/cascade_and_inheritance/index.md
@@ -36,7 +36,7 @@ Commençons par un aperçu rapide de ces notions avant de les détailler une à
 
 ### Cascade
 
-Les feuilles de style forment une [**cascade**](/fr/docs/Web/CSS/Cascade). Sous une forme très simple, cela signifie que l'origine, la couche de cascade et l'ordre des règles CSS comptent. Lorsque deux règle de la même couche de cascade s'appliquent et ont la même spécificité, c'est celle qui est définie dans la dernière feuille de style qui sera utilisée.
+Les feuilles de style forment une [**cascade**](/fr/docs/Web/CSS/Cascade). Sous une forme très simple, cela signifie que l'origine, la couche de cascade et l'ordre des règles CSS comptent. Lorsque deux règles de la même couche de cascade s'appliquent et ont la même spécificité, c'est celle qui est définie dans la dernière feuille de style qui sera utilisée.
 
 Dans l'exemple qui suit, il y a deux règles qui pourraient s'appliquer à l'élément `<h1>`. Le contenu de cet élément `<h1>` est, en fin de compte, coloré en bleu. Dans cet exemple, les deux règles proviennent de la même source et ont un sélecteur identique&nbsp;: elles ont donc la même spécificité et c'est alors la dernière règle, selon l'ordre du code source, qui l'emporte.
 

From 915ec7389d9ce130a78d1331a59b63d4dfcd11ee Mon Sep 17 00:00:00 2001
From: Lou8is <lis.gpublic@gmail.com>
Date: Mon, 26 Jun 2023 15:12:16 +0200
Subject: [PATCH 107/146] fr: Removes duplicated frontmatter keys (games
 folder) (#13629)

Removes duplicate frontmatter metadata from fr/games
---
 files/fr/games/anatomy/index.md                     |  6 ------
 files/fr/games/index.md                             |  5 -----
 files/fr/games/introduction/index.md                |  6 ------
 .../introduction_to_html5_game_development/index.md |  6 ------
 .../publishing_games/game_distribution/index.md     | 12 ------------
 .../publishing_games/game_monetization/index.md     | 11 -----------
 .../games/publishing_games/game_promotion/index.md  |  8 --------
 files/fr/games/publishing_games/index.md            |  9 ---------
 .../techniques/2d_collision_detection/index.md      |  6 ------
 .../techniques/3d_on_the_web/basic_theory/index.md  |  8 --------
 .../index.md                                        |  9 ---------
 files/fr/games/techniques/3d_on_the_web/index.md    |  7 -------
 .../games/techniques/audio_for_web_games/index.md   |  6 ------
 files/fr/games/techniques/index.md                  |  4 ----
 files/fr/games/tools/index.md                       |  6 ------
 .../tutorials/2d_breakout_game_phaser/index.md      |  1 -
 .../bounce_off_the_walls/index.md                   | 13 -------------
 .../build_the_brick_field/index.md                  |  9 ---------
 .../collision_detection/index.md                    |  8 --------
 .../create_the_canvas_and_draw_on_it/index.md       | 10 ----------
 .../finishing_up/index.md                           |  9 ---------
 .../game_over/index.md                              |  9 ---------
 .../2d_breakout_game_pure_javascript/index.md       |  8 --------
 .../mouse_controls/index.md                         |  9 ---------
 .../move_the_ball/index.md                          |  9 ---------
 .../paddle_and_keyboard_controls/index.md           | 11 -----------
 .../track_the_score_and_win/index.md                |  1 -
 .../index.md                                        |  1 -
 files/fr/games/tutorials/index.md                   |  6 ------
 29 files changed, 213 deletions(-)

diff --git a/files/fr/games/anatomy/index.md b/files/fr/games/anatomy/index.md
index f6a720b8da93f5..f1374a02dd6135 100644
--- a/files/fr/games/anatomy/index.md
+++ b/files/fr/games/anatomy/index.md
@@ -1,13 +1,7 @@
 ---
 title: Anatomie d'un jeu vidéo
 slug: Games/Anatomy
-tags:
-  - Boucle Principale
-  - JavaScript
-  - Jeux
-  - requestAnimationFrame
 translation_of: Games/Anatomy
-original_slug: Jeux/Anatomie
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/index.md b/files/fr/games/index.md
index 205aba1040c149..c30d11d804941f 100644
--- a/files/fr/games/index.md
+++ b/files/fr/games/index.md
@@ -1,12 +1,7 @@
 ---
 title: Développement de jeux vidéo
 slug: Games
-tags:
-  - Applications
-  - Développement
-  - Jeux
 translation_of: Games
-original_slug: Jeux
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/introduction/index.md b/files/fr/games/introduction/index.md
index 3fd0bacbe4ccf6..02991429cd4359 100644
--- a/files/fr/games/introduction/index.md
+++ b/files/fr/games/introduction/index.md
@@ -1,13 +1,7 @@
 ---
 title: Introduction au développement de jeux vidéo
 slug: Games/Introduction
-tags:
-  - Firefox OS
-  - Guide
-  - Jeux
-  - Mobile
 translation_of: Games/Introduction
-original_slug: Jeux/Introduction
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/introduction_to_html5_game_development/index.md b/files/fr/games/introduction_to_html5_game_development/index.md
index 328298936c055c..1d4dea5809b3bd 100644
--- a/files/fr/games/introduction_to_html5_game_development/index.md
+++ b/files/fr/games/introduction_to_html5_game_development/index.md
@@ -1,13 +1,7 @@
 ---
 title: Introduction au développement de jeux HTML5 (résumé)
 slug: Games/Introduction_to_HTML5_Game_Development
-tags:
-  - Firefox OS
-  - HTML5
-  - Jeux
-  - Mobile
 translation_of: Games/Introduction_to_HTML5_Game_Development_(summary)
-original_slug: Jeux/Introduction_to_HTML5_Game_Gevelopment_(summary)
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/publishing_games/game_distribution/index.md b/files/fr/games/publishing_games/game_distribution/index.md
index a18bc0c4f018ce..fb5da6833321ee 100644
--- a/files/fr/games/publishing_games/game_distribution/index.md
+++ b/files/fr/games/publishing_games/game_distribution/index.md
@@ -1,18 +1,6 @@
 ---
 title: Distribution de jeux
 slug: Games/Publishing_games/Game_distribution
-tags:
-  - CocoonIO
-  - Game
-  - Game publishing
-  - Games
-  - Gaming
-  - HTML5
-  - JavaScript
-  - Mobile Game Distribution
-  - Phonegap
-  - Web Stores
-  - distribution
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/publishing_games/game_monetization/index.md b/files/fr/games/publishing_games/game_monetization/index.md
index f3cc18eadd2096..fce7503aee5fac 100644
--- a/files/fr/games/publishing_games/game_monetization/index.md
+++ b/files/fr/games/publishing_games/game_monetization/index.md
@@ -1,18 +1,7 @@
 ---
 title: Monétisation du jeu
 slug: Games/Publishing_games/Game_monetization
-tags:
-  - Games
-  - HTML5
-  - JavaScript
-  - Jeux
-  - Licence
-  - Monétisation
-  - annonces
-  - iap
-  - image de marque
 translation_of: Games/Publishing_games/Game_monetization
-original_slug: Jeux/Publier_jeux/Game_monetization
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/publishing_games/game_promotion/index.md b/files/fr/games/publishing_games/game_promotion/index.md
index eb6cecdbf54300..05f3bce4ec9bab 100644
--- a/files/fr/games/publishing_games/game_promotion/index.md
+++ b/files/fr/games/publishing_games/game_promotion/index.md
@@ -1,14 +1,6 @@
 ---
 title: Promouvoir un jeu
 slug: Games/Publishing_games/Game_promotion
-tags:
-  - Community
-  - Games
-  - JavaScript
-  - Online Games
-  - Promotion
-  - blog
-  - competitions
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/publishing_games/index.md b/files/fr/games/publishing_games/index.md
index d0e6f63e687db2..6e5bd18ad1e17a 100644
--- a/files/fr/games/publishing_games/index.md
+++ b/files/fr/games/publishing_games/index.md
@@ -1,16 +1,7 @@
 ---
 title: Publier des jeux
 slug: Games/Publishing_games
-tags:
-  - HTML5
-  - JavaScript
-  - Jeux
-  - Monétisation
-  - Promotion
-  - distribution
-  - publication
 translation_of: Games/Publishing_games
-original_slug: Jeux/Publier_jeux
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/techniques/2d_collision_detection/index.md b/files/fr/games/techniques/2d_collision_detection/index.md
index 178c096c9e6194..70f26771dea1e4 100644
--- a/files/fr/games/techniques/2d_collision_detection/index.md
+++ b/files/fr/games/techniques/2d_collision_detection/index.md
@@ -1,12 +1,6 @@
 ---
 title: Détection de collisions en 2D
 slug: Games/Techniques/2D_collision_detection
-tags:
-  - 2D
-  - Algorithmes
-  - Détection de collisions
-  - JavaScript
-  - Jeux
 translation_of: Games/Techniques/2D_collision_detection
 ---
 
diff --git a/files/fr/games/techniques/3d_on_the_web/basic_theory/index.md b/files/fr/games/techniques/3d_on_the_web/basic_theory/index.md
index 3d7dd9a3b3c360..12b6a88142bbe0 100644
--- a/files/fr/games/techniques/3d_on_the_web/basic_theory/index.md
+++ b/files/fr/games/techniques/3d_on_the_web/basic_theory/index.md
@@ -1,14 +1,6 @@
 ---
 title: Explication des bases théoriques de la 3D
 slug: Games/Techniques/3D_on_the_web/Basic_theory
-tags:
-  - 3D
-  - Bases
-  - Images
-  - Lumières
-  - Textures
-  - fragment
-  - vertex
 translation_of: Games/Techniques/3D_on_the_web/Basic_theory
 ---
 
diff --git a/files/fr/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_playcanvas/index.md b/files/fr/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_playcanvas/index.md
index 86e6653290729e..b15d8d387acb48 100644
--- a/files/fr/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_playcanvas/index.md
+++ b/files/fr/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_playcanvas/index.md
@@ -1,15 +1,6 @@
 ---
 title: Building up a basic demo with PlayCanvas
 slug: Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas
-tags:
-  - 3D
-  - Animation
-  - Débutant
-  - PlayCanvas
-  - Rendu
-  - Tutoriel
-  - WebGL
-  - camera
 translation_of: Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas
 ---
 
diff --git a/files/fr/games/techniques/3d_on_the_web/index.md b/files/fr/games/techniques/3d_on_the_web/index.md
index f96adbf263eda1..8dd6344e75d00a 100644
--- a/files/fr/games/techniques/3d_on_the_web/index.md
+++ b/files/fr/games/techniques/3d_on_the_web/index.md
@@ -1,13 +1,6 @@
 ---
 title: Jeux 3D sur le web
 slug: Games/Techniques/3D_on_the_web
-tags:
-  - 3D
-  - Images
-  - Jeux
-  - WebGL
-  - WebVR
-  - three.js
 translation_of: Games/Techniques/3D_on_the_web
 ---
 
diff --git a/files/fr/games/techniques/audio_for_web_games/index.md b/files/fr/games/techniques/audio_for_web_games/index.md
index 08dc99cf3ef5b3..8c9fb2c372ba73 100644
--- a/files/fr/games/techniques/audio_for_web_games/index.md
+++ b/files/fr/games/techniques/audio_for_web_games/index.md
@@ -1,12 +1,6 @@
 ---
 title: L'audio dans les jeux Web
 slug: Games/Techniques/Audio_for_Web_Games
-tags:
-  - API
-  - Audio
-  - Jeux
-  - Web Audio API
-  - audio sprites
 translation_of: Games/Techniques/Audio_for_Web_Games
 ---
 
diff --git a/files/fr/games/techniques/index.md b/files/fr/games/techniques/index.md
index 713d1d60e38991..72a4001935e713 100644
--- a/files/fr/games/techniques/index.md
+++ b/files/fr/games/techniques/index.md
@@ -1,10 +1,6 @@
 ---
 title: Techniques pour le développement de jeux vidéo
 slug: Games/Techniques
-tags:
-  - Guide
-  - JavaScript
-  - Jeux
 translation_of: Games/Techniques
 ---
 
diff --git a/files/fr/games/tools/index.md b/files/fr/games/tools/index.md
index 86e9c6cb1afa49..aa7da6ddd5d345 100644
--- a/files/fr/games/tools/index.md
+++ b/files/fr/games/tools/index.md
@@ -1,12 +1,6 @@
 ---
 title: Tools for game development
 slug: Games/Tools
-tags:
-  - Games
-  - Gecko
-  - Guide
-  - JavaScript
-  - TopicStub
 translation_of: Games/Tools
 ---
 
diff --git a/files/fr/games/tutorials/2d_breakout_game_phaser/index.md b/files/fr/games/tutorials/2d_breakout_game_phaser/index.md
index 7753bb8274525b..fc734954ffffa3 100644
--- a/files/fr/games/tutorials/2d_breakout_game_phaser/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_phaser/index.md
@@ -2,7 +2,6 @@
 title: 2D breakout game using Phaser
 slug: Games/Tutorials/2D_breakout_game_Phaser
 translation_of: Games/Tutorials/2D_breakout_game_Phaser
-original_slug: Games/Workflows/2D_breakout_game_Phaser
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md
index 05fba261b2ce69..4da073f663bbb6 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md
@@ -1,20 +1,7 @@
 ---
 title: Faire rebondir la balle sur les murs
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls
-tags:
-  - Animation
-  - Canvas
-  - Débutant
-  - Exemple
-  - JavaScript
-  - Jeux
-  - Tuto
-  - Tutoriel
-  - detection
-  - graphique
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls
-original_slug: >-
-  Games/Workflows/2D_Breakout_game_pure_JavaScript/Faire_rebondir_la_balle_sur_les_murs
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md
index 2e6f4f29a1247d..ab581f56f61cc4 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md
@@ -1,16 +1,7 @@
 ---
 title: Créer les briques
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Build_the_brick_field
-tags:
-  - Canvas
-  - Casse-Brique
-  - Débutant
-  - JavaScript
-  - Jeu
-  - Tutoriel
-  - graphique
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Build_the_brick_field
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.md
index 56bd378f038d39..2b7fc89b5b8a93 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.md
@@ -1,15 +1,7 @@
 ---
 title: Détection de collisions
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Collision_detection
-tags:
-  - Canvas
-  - JavaScript
-  - Jeu
-  - collision
-  - detection
-  - totoriel
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Collision_detection
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/detection_colisions
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
index fc28896990af8f..417a1351f49049 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
@@ -2,18 +2,8 @@
 title: Créer l'élément Canvas et l'afficher
 slug: >-
   Games/Tutorials/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it
-tags:
-  - 2D
-  - Canvas
-  - Débutant
-  - HTML
-  - JavaScript
-  - Jeux
-  - Tutoriel
 translation_of: >-
   Games/Tutorials/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it
-original_slug: >-
-  Games/Workflows/2D_Breakout_game_pure_JavaScript/creer_element_canvas_et_afficher
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.md
index b7667fba4f66c6..8f5c95d34c4650 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.md
@@ -1,16 +1,7 @@
 ---
 title: Finitions
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Finishing_up
-tags:
-  - Canevas
-  - Débutant
-  - JavaScript
-  - Jeux
-  - Tutoriel
-  - requestAnimationFrame
-  - vies
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Finishing_up
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/finitions
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.md
index 706e7839752f3b..8d263c04ec1ea3 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.md
@@ -1,16 +1,7 @@
 ---
 title: Fin de partie
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Game_over
-tags:
-  - Canvas
-  - Débutant
-  - Fin de partie
-  - JavaScript
-  - Jeux
-  - Tutoriel
-  - game over
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Game_over
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/index.md
index 0fc1ce574e5f49..c3c6114fd79ad2 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/index.md
@@ -1,15 +1,7 @@
 ---
 title: Jeu de casse-briques 2D en pur JavaScript
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript
-tags:
-  - 2D
-  - Canvas
-  - Débutant
-  - JavaScript
-  - Jeux
-  - Tutoriel
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.md
index 2887aba5bdea7c..1b8b04df109021 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.md
@@ -1,16 +1,7 @@
 ---
 title: Contrôle à la souris
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Mouse_controls
-tags:
-  - Canevas
-  - Contrôles
-  - Débutant
-  - JavaScript
-  - Jeux
-  - Souris
-  - Tutoriel
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Mouse_controls
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.md
index b40edff0974f26..45b4ef9e3e4e4b 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.md
@@ -1,16 +1,7 @@
 ---
 title: Déplacer la balle
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Move_the_ball
-tags:
-  - 2D
-  - Boucle
-  - Canevas
-  - Débutant
-  - JavaScript
-  - Mouvement
-  - Tutoriel
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Move_the_ball
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.md
index 4f585837ee4f95..86ca76b5a311fe 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.md
@@ -1,18 +1,7 @@
 ---
 title: Raquette et contrôle clavier
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls
-tags:
-  - Canvas
-  - Clavier
-  - Débutant
-  - JavaScript
-  - Jeux
-  - Tuto
-  - Tutoriel
-  - contrôle clavier
-  - graphique
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_et_contrôle_clavier
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.md b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.md
index 8ff445cbb18706..fa7e6785a7f659 100644
--- a/files/fr/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.md
+++ b/files/fr/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.md
@@ -2,7 +2,6 @@
 title: Suivre le score et gagner
 slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win
 translation_of: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win
-original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/html5_gamedev_phaser_device_orientation/index.md b/files/fr/games/tutorials/html5_gamedev_phaser_device_orientation/index.md
index b3d88350f33fb4..205de35d28a649 100644
--- a/files/fr/games/tutorials/html5_gamedev_phaser_device_orientation/index.md
+++ b/files/fr/games/tutorials/html5_gamedev_phaser_device_orientation/index.md
@@ -2,7 +2,6 @@
 title: Jeu 2D avec l'API Device orientation
 slug: Games/Tutorials/HTML5_Gamedev_Phaser_Device_Orientation
 translation_of: Games/Tutorials/HTML5_Gamedev_Phaser_Device_Orientation
-original_slug: Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation_FR
 ---
 
 {{GamesSidebar}}
diff --git a/files/fr/games/tutorials/index.md b/files/fr/games/tutorials/index.md
index c07326f1055697..8d4f8c12e22b79 100644
--- a/files/fr/games/tutorials/index.md
+++ b/files/fr/games/tutorials/index.md
@@ -1,13 +1,7 @@
 ---
 title: Workflows for different game types
 slug: Games/Tutorials
-tags:
-  - Canvas
-  - JavaScript
-  - Jeux
-  - Web
 translation_of: Games/Tutorials
-original_slug: Games/Workflows
 ---
 
 {{GamesSidebar}}

From 374a9c13bfb2fd02a2998a3671b9c427d94f3b01 Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Mon, 26 Jun 2023 22:01:17 +0800
Subject: [PATCH 108/146] [zh-cn]: Update translation of Promise.reject()
 (#13937)

---
 .../global_objects/promise/reject/index.md    | 64 +++++++++++++++----
 1 file changed, 51 insertions(+), 13 deletions(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/reject/index.md b/files/zh-cn/web/javascript/reference/global_objects/promise/reject/index.md
index e1844b896d6fc8..acebee22a3fed2 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/promise/reject/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/promise/reject/index.md
@@ -5,41 +5,79 @@ slug: Web/JavaScript/Reference/Global_Objects/Promise/reject
 
 {{JSRef}}
 
-**`Promise.reject()`** 方法返回一个带有拒绝原因的 `Promise` 对象。
+**`Promise.reject()`** 静态方法返回一个已拒绝（rejected）的 `Promise` 对象，拒绝原因为给定的参数。
 
 {{EmbedInteractiveExample("pages/js/promise-reject.html")}}
 
 ## 语法
 
-```plain
-Promise.reject(reason);
+```js-nolint
+Promise.reject(reason)
 ```
 
 ### 参数
 
-- reason
-  - : 表示`Promise`被拒绝的原因。
+- `reason`
+  - : 该 `Promise` 对象被拒绝的原因。
 
 ### 返回值
 
-一个给定原因了的被拒绝的 {{jsxref("Promise")}}。
+返回一个已拒绝（rejected）的 {{jsxref("Promise")}}，拒绝原因为给定的参数。
 
 ## 描述
 
-静态函数 `Promise.reject` 返回一个被拒绝的 `Promise` 对象。通过使用 {{jsxref("Error")}} 的实例获取错误原因 `reason` 对调试和选择性错误捕捉很有帮助。
+`Promise.reject` 静态方法返回一个被拒绝的 `Promise` 对象。通过使用 {{jsxref("Error")}} 的实例获取错误原因 `reason` 对调试和选择性错误捕捉很有帮助。
+
+`Promise.reject()` 方法是一个通用方法，支持子类化，这意味着它可以在 `Promise` 的子类上调用，并且结果会是该子类类型的 Promise 对象。为此，子类的构造函数必须实现与 [`Promise()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise) 构造函数相同的签名，即接受一个 `executor` 函数，该函数可以用 `resolve` 和 `reject` 回调函数作为参数进行调用。`Promise.reject()` 实际上相当于 `new Promise((resolve, reject) => reject(reason))` 的简写形式。
+
+与 {{jsxref("Promise.resolve()")}} 不同，即使 `reason` 已经是一个 Promise 对象，`Promise.reject()` 方法也始终会将其封装在一个新的 `Promise` 对象中。
 
 ## 示例
 
-### 使用静态 `Promise.reject()` 方法
+### 使用 `Promise.reject()` 静态方法
+
+```js
+Promise.reject(new Error("失败")).then(
+  () => {
+    // 不会被调用
+  },
+  (error) => {
+    console.error(error); // Stacktrace
+  },
+);
+```
+
+### reject 一个 promise 对象
+
+与 {{jsxref("Promise.resolve")}} 不同，`Promise.reject` 方法不会重用已存在的 `Promise` 实例。它始终返回一个新的 `Promise` 实例，该实例封装了拒绝的原因（`reason`）。
 
-```plain
-Promise.reject(new Error('fail')).then(function() {
-  // not called
-}, function(error) {
-  console.error(error); // Stacktrace
+```js
+const p = Promise.resolve(1);
+const rejected = Promise.reject(p);
+console.log(rejected === p); // false
+rejected.catch((v) => {
+  console.log(v === p); // true
 });
 ```
 
+### 在非 Promise 构造函数上调用 reject()
+
+`Promise.reject()` 方法是一个通用方法。它可以在任何实现与 `Promise()` 构造函数相同签名的构造函数上调用。例如，我们可以在一个构造函数上调用它，并传入 `console.log` 作为 `reject` 参数：
+
+```js
+class NotPromise {
+  constructor(executor) {
+    // “resolve”和“reject”函数的行为与原生 Promise 完全不同，但 `Promise.reject()` 方法以相同的方式调用它们。
+    executor(
+      (value) => console.log("已解决", value),
+      (reason) => console.log("已拒绝", reason),
+    );
+  }
+}
+
+Promise.reject.call(NotPromise, "foo"); // 输出 "已拒绝 foo"
+```
+
 ## 规范
 
 {{Specifications}}

From c89ca2def7cc64539ff5ec771f90706fffc9968f Mon Sep 17 00:00:00 2001
From: Lee ByeongJun <lbj199874@gmail.com>
Date: Mon, 26 Jun 2023 23:18:43 +0900
Subject: [PATCH 109/146] translate type conversion doc in ko (#13928)

---
 files/ko/glossary/type_conversion/index.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 files/ko/glossary/type_conversion/index.md

diff --git a/files/ko/glossary/type_conversion/index.md b/files/ko/glossary/type_conversion/index.md
new file mode 100644
index 00000000000000..0d7e55f55abea9
--- /dev/null
+++ b/files/ko/glossary/type_conversion/index.md
@@ -0,0 +1,20 @@
+---
+title: 타입 변환
+slug: Glossary/Type_Conversion
+l10n:
+  sourceCommit: ada5fa5ef15eadd44b549ecf906423b4a2092f34
+---
+
+{{GlossarySidebar}}
+
+타입 변환(또는 타입캐스팅)은 데이터를 하나의 데이터 타입에서 다른 데이터 타입으로 전환하는 것을 의미합니다. 암시적 변환은 컴파일러(컴파일 언어의 경우)나 런타임({{glossary("JavaScript")}}와 같은 스크립트 언어의 경우)이 데이터 타입을 자동으로 변환하는 경우에 이루어집니다. 또한 소스 코드는 변환을 명시적으로 요구할 수도 있습니다.
+
+예를 들어, 표현식 `"foo" + 1`에서 {{glossary("Number")}} `1`은 {{glossary("String")}}으로 암시적 변환이 되고 표현식은 `"foo1"`을 반환합니다. 명령문 `Number("0x11")`에서 문자열 `"0x11"`은 명시적으로 숫자 `17`로 변환됩니다.
+
+## 같이 보기
+
+- [타입 변환](https://en.wikipedia.org/wiki/Type_conversion) (Wikipedia)
+- [용어 사전](/ko/docs/Glossary)
+
+  - {{Glossary("Type")}}
+  - {{Glossary("Type coercion")}}

From 3cf8d4f74df7cca33c8954c96273d71476053534 Mon Sep 17 00:00:00 2001
From: Suzy Lee <96711699+mulddang2@users.noreply.github.com>
Date: Mon, 26 Jun 2023 23:43:43 +0900
Subject: [PATCH 110/146] docs: fix SyntaxError (#13638)

* Update index.md

The code requests that the SyntaxError be converted to parseInt(021, 8) -> parseInt('021', 8) or the example should be deleted.

* Update index.md

In that example, since they all return 15, delete the `parseInt(021, 8)` code.
---
 .../ko/web/javascript/reference/global_objects/parseint/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/ko/web/javascript/reference/global_objects/parseint/index.md b/files/ko/web/javascript/reference/global_objects/parseint/index.md
index f3eb7cd886176a..b43aeb20a87b6d 100644
--- a/files/ko/web/javascript/reference/global_objects/parseint/index.md
+++ b/files/ko/web/javascript/reference/global_objects/parseint/index.md
@@ -111,7 +111,6 @@ console.log(filterInt('1.61803398875'))      // NaN
 parseInt('0xF', 16)
 parseInt('F', 16)
 parseInt('17', 8)
-parseInt(021, 8)
 parseInt('015', 10)    // parseInt('015', 8)이었다면 13을 반환
 parseInt(15.99, 10)
 parseInt('15,123', 10)

From 82ccbdce2f292f93af4cfe1397661a1e092ef319 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Mon, 26 Jun 2023 10:23:20 -0600
Subject: [PATCH 111/146] es: Demix Navigator* mixins as en-US (#13867)

---
 files/es/_redirects.txt                       | 23 +++--
 files/es/_wikihistory.json                    | 34 ++-----
 .../web/api/navigatorlanguage/index.md        | 36 --------
 .../orphaned/web/api/navigatoronline/index.md | 34 -------
 .../online_and_offline_events/index.md        | 92 -------------------
 .../api/navigator}/language/index.md          |  6 +-
 .../api/navigator}/online/index.md            |  2 +-
 7 files changed, 26 insertions(+), 201 deletions(-)
 delete mode 100644 files/es/orphaned/web/api/navigatorlanguage/index.md
 delete mode 100644 files/es/orphaned/web/api/navigatoronline/index.md
 delete mode 100644 files/es/orphaned/web/api/navigatoronline/online_and_offline_events/index.md
 rename files/es/{orphaned/web/api/navigatorlanguage => web/api/navigator}/language/index.md (66%)
 rename files/es/{orphaned/web/api/navigatoronline => web/api/navigator}/online/index.md (98%)

diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index ccbd0fb22e5745..5b5db3ac1acc9d 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -421,7 +421,7 @@
 /es/docs/EXSLT:str:split	/es/docs/Web/EXSLT/str/split
 /es/docs/EXSLT:str:tokenize	/es/docs/Web/EXSLT/str/tokenize
 /es/docs/Errores_notables_corregidos_en_Firefox_3	/es/docs/Mozilla/Firefox/Releases/3/Notable_bugs_fixed
-/es/docs/Eventos_online_y_offline	/es/docs/orphaned/Web/API/NavigatorOnLine/Online_and_offline_events
+/es/docs/Eventos_online_y_offline	/es/docs/Web/API/Navigator/onLine
 /es/docs/Extensión_Firebug_(externo)	https://addons.mozilla.org/extensions/moreinfo.php?id=1843&application=firefox
 /es/docs/Firefox_1.5	/es/docs/Mozilla/Firefox/Releases/1.5
 /es/docs/Firefox_1.5_para_Desarrolladores	/es/docs/Mozilla/Firefox/Releases/1.5
@@ -1684,15 +1684,15 @@
 /es/docs/Web/API/Media_Streams_API	/es/docs/Web/API/Media_Capture_and_Streams_API
 /es/docs/Web/API/Media_Streams_API/Taking_still_photos	/es/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos
 /es/docs/Web/API/Navigator.getUserMedia	/es/docs/Web/API/Navigator/getUserMedia
-/es/docs/Web/API/NavigatorConcurrentHardware	/es/docs/web/api/navigator
+/es/docs/Web/API/NavigatorConcurrentHardware	/es/docs/Web/API/Navigator
 /es/docs/Web/API/NavigatorConcurrentHardware/hardwareConcurrency	/es/docs/Web/API/Navigator/hardwareConcurrency
 /es/docs/Web/API/NavigatorGeolocation/geolocation	/es/docs/Web/API/Navigator/geolocation
-/es/docs/Web/API/NavigatorLanguage	/es/docs/orphaned/Web/API/NavigatorLanguage
-/es/docs/Web/API/NavigatorLanguage/language	/es/docs/orphaned/Web/API/NavigatorLanguage/language
-/es/docs/Web/API/NavigatorOnLine	/es/docs/orphaned/Web/API/NavigatorOnLine
-/es/docs/Web/API/NavigatorOnLine/Eventos_online_y_offline	/es/docs/orphaned/Web/API/NavigatorOnLine/Online_and_offline_events
-/es/docs/Web/API/NavigatorOnLine/Online_and_offline_events	/es/docs/orphaned/Web/API/NavigatorOnLine/Online_and_offline_events
-/es/docs/Web/API/NavigatorOnLine/onLine	/es/docs/orphaned/Web/API/NavigatorOnLine/onLine
+/es/docs/Web/API/NavigatorLanguage	/es/docs/Web/API/Navigator
+/es/docs/Web/API/NavigatorLanguage/language	/es/docs/Web/API/Navigator/language
+/es/docs/Web/API/NavigatorOnLine	/es/docs/Web/API/Navigator
+/es/docs/Web/API/NavigatorOnLine/Eventos_online_y_offline	/es/docs/Web/API/Navigator/onLine
+/es/docs/Web/API/NavigatorOnLine/Online_and_offline_events	/es/docs/Web/API/Navigator/onLine
+/es/docs/Web/API/NavigatorOnLine/onLine	/es/docs/Web/API/Navigator/onLine
 /es/docs/Web/API/Node.nextSibling	/es/docs/Web/API/Node/nextSibling
 /es/docs/Web/API/Node/elementoPadre	/es/docs/Web/API/Node/parentElement
 /es/docs/Web/API/Node/insertarAntes	/es/docs/Web/API/Node/insertBefore
@@ -2943,6 +2943,11 @@
 /es/docs/firefox_Web_Developer_(externo)	https://addons.mozilla.org/firefox/60/
 /es/docs/orphaned/MDN/Tools/KumaScript	https://github.com/mdn/yari/tree/main/docs/kumascript
 /es/docs/orphaned/MDN/Yari	/es/docs/MDN/Community/Contributing/Our_repositories
-/es/docs/orphaned/Web/API/NavigatorConcurrentHardware	/es/docs/web/api/navigator
+/es/docs/orphaned/Web/API/NavigatorConcurrentHardware	/es/docs/Web/API/Navigator
 /es/docs/orphaned/Web/API/NavigatorConcurrentHardware/hardwareConcurrency	/es/docs/Web/API/Navigator/hardwareConcurrency
+/es/docs/orphaned/Web/API/NavigatorLanguage	/es/docs/Web/API/Navigator
+/es/docs/orphaned/Web/API/NavigatorLanguage/language	/es/docs/Web/API/Navigator/language
+/es/docs/orphaned/Web/API/NavigatorOnLine	/es/docs/Web/API/Navigator
+/es/docs/orphaned/Web/API/NavigatorOnLine/Online_and_offline_events	/es/docs/Web/API/Navigator/onLine
+/es/docs/orphaned/Web/API/NavigatorOnLine/onLine	/es/docs/Web/API/Navigator/onLine
 /es/docs/video	/es/docs/Web/HTML/Element/video
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index a79d6ed9033b9a..a65a7fa69dec81 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -4889,6 +4889,14 @@
     "modified": "2020-10-15T22:26:06.271Z",
     "contributors": ["Gnuxdar"]
   },
+  "Web/API/Navigator/language": {
+    "modified": "2019-03-23T22:46:24.341Z",
+    "contributors": ["cesiztel", "jesus9ias"]
+  },
+  "Web/API/Navigator/onLine": {
+    "modified": "2019-03-23T22:07:34.200Z",
+    "contributors": ["MarkelCuesta"]
+  },
   "Web/API/Navigator/registerProtocolHandler": {
     "modified": "2019-03-23T23:53:04.318Z",
     "contributors": ["fscholz", "khalid32", "Nukeador", "HenryGR", "Mgjbot"]
@@ -15554,32 +15562,6 @@
     "modified": "2020-01-13T04:48:11.759Z",
     "contributors": ["chrisdavidmills", "fscholz", "elin3t", "sebasmagri"]
   },
-  "orphaned/Web/API/NavigatorLanguage": {
-    "modified": "2019-03-23T22:46:20.556Z",
-    "contributors": ["teoli"]
-  },
-  "orphaned/Web/API/NavigatorLanguage/language": {
-    "modified": "2019-03-23T22:46:24.341Z",
-    "contributors": ["cesiztel", "jesus9ias"]
-  },
-  "orphaned/Web/API/NavigatorOnLine": {
-    "modified": "2019-03-23T22:07:33.991Z",
-    "contributors": ["abbycar"]
-  },
-  "orphaned/Web/API/NavigatorOnLine/Online_and_offline_events": {
-    "modified": "2019-01-16T15:46:38.836Z",
-    "contributors": [
-      "chrisdavidmills",
-      "Mgjbot",
-      "Nukeador",
-      "RickieesES",
-      "Unixcoder"
-    ]
-  },
-  "orphaned/Web/API/NavigatorOnLine/onLine": {
-    "modified": "2019-03-23T22:07:34.200Z",
-    "contributors": ["MarkelCuesta"]
-  },
   "orphaned/Web/API/ParentNode": {
     "modified": "2019-03-23T22:43:20.773Z",
     "contributors": ["Sebastianz"]
diff --git a/files/es/orphaned/web/api/navigatorlanguage/index.md b/files/es/orphaned/web/api/navigatorlanguage/index.md
deleted file mode 100644
index 985b84a87cdce1..00000000000000
--- a/files/es/orphaned/web/api/navigatorlanguage/index.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: NavigatorLanguage
-slug: orphaned/Web/API/NavigatorLanguage
-original_slug: Web/API/NavigatorLanguage
----
-
-{{APIRef("HTML DOM")}}
-
-**`NavigatorLanguage`** contains methods and properties related to the language of the navigator.
-
-There is no object of type `NavigatorLanguage`, but other interfaces, like {{domxref("Navigator")}} or {{domxref("WorkerNavigator")}}, implement it.
-
-## Properties
-
-_The `NavigatorLanguage`_ _interface doesn't inherit any property._
-
-- {{domxref("NavigatorLanguage.language")}} {{readonlyInline}}
-  - : Returns a {{domxref("DOMString")}} representing the preferred language of the user, usually the language of the browser UI. The `null` value is returned when this is unknown.
-- {{domxref("NavigatorLanguage.languages")}} {{readonlyInline}}
-  - : Returns an array of {{domxref("DOMString")}} representing the languages known to the user, by order of preference.
-
-## Methods
-
-_The_ _`NavigatorLanguage`_ _interface neither implements, nor inherit any method._
-
-## Especificaciones
-
-{{Specifications}}
-
-## Compatibilidad de Navegadores
-
-{{Compat}}
-
-## See also
-
-- The {{domxref("Navigator")}} interface that implements it.
diff --git a/files/es/orphaned/web/api/navigatoronline/index.md b/files/es/orphaned/web/api/navigatoronline/index.md
deleted file mode 100644
index ab17dd04d9abb6..00000000000000
--- a/files/es/orphaned/web/api/navigatoronline/index.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: NavigatorOnLine
-slug: orphaned/Web/API/NavigatorOnLine
-original_slug: Web/API/NavigatorOnLine
----
-
-{{APIRef("HTML DOM")}}
-
-The **`NavigatorOnLine`** interface contains methods and properties related to the connectivity status of the browser.
-
-There is no object of type `NavigatorOnLine`, but other interfaces, like {{domxref("Navigator")}} or {{domxref("WorkerNavigator")}}, implement it.
-
-## Properties
-
-_The `NavigatorOnLine`_ _interface doesn't inherit any property._
-
-- {{domxref("NavigatorOnLine.onLine")}} {{readonlyInline}}
-  - : Returns a {{domxref("Boolean")}} indicating whether the browser is working online.
-
-## Methods
-
-_The_ _`NavigatorOnLine`_ _interface neither implements, nor inherit any method._
-
-## Especificaciones
-
-{{Specifications}}
-
-## Compatibilidad de Navegadores
-
-{{Compat}}
-
-## See also
-
-- The {{domxref("Navigator")}} interface that implements it.
diff --git a/files/es/orphaned/web/api/navigatoronline/online_and_offline_events/index.md b/files/es/orphaned/web/api/navigatoronline/online_and_offline_events/index.md
deleted file mode 100644
index aaadbf9f51bbd8..00000000000000
--- a/files/es/orphaned/web/api/navigatoronline/online_and_offline_events/index.md
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: Eventos online y offline
-slug: orphaned/Web/API/NavigatorOnLine/Online_and_offline_events
-original_slug: Web/API/NavigatorOnLine/Online_and_offline_events
----
-
-[Firefox 3](/es/Firefox_3_para_desarrolladores) implementa [eventos Online/Offline](http://www.whatwg.org/specs/web-apps/current-work/#offline) de la [especificacióbn WHATWG Web Applications 1.0](http://www.whatwg.org/specs/web-apps/current-work/).
-
-### Descripción
-
-Para poder construir una aplicación web offline-funcional, necesitas conocer cuándo está tu aplicación realmente offline. Además, también necesitas conocer cuándo vuelve la aplicación al estado 'online' nuevamente. A efectos prácticos, los requisitos son los siguientes:
-
-1. Necesitas conocer cuándo el usuario vuelve a estar online, para que puedas re-sincronizar con el servidor.
-2. Necesitas conocer cuándo el usuario está offline, para así estar seguro de poner en cola las peticiones al servidor para más tarde.
-
-Es este proceso el que los eventos online/offline ayudan a trivializar.
-
-Tu aplicación web quizás necesite establecer que ciertos documentos se mantengan en la caché de recursos offline. Para hacerlo, incluye elementos `LINK` en tu sección `HEAD` de la siguiente manera:
-
-```html
-<link rel="offline-resource" href="mi_recurso>
-```
-
-Cuando Firefox 3 o superiores procesan el HTML, esto causará que el recurso referenciado se mantenga en caché para su uso offline en un recurso especial de la caché.
-
-### API
-
-#### `navigator.onLine`
-
-[`navigator.onLine`](/es/DOM/window.navigator.onLine) es una propiedad que mantiene un valor `true`/`false` (`true` para online, `false` para offline). Esta propiedad se actualiza siempre que el usuario cambia hacia "Modo sin conexión" seleccionando el menú correspondiente (Archivo -> Trabajar sin conexión en Firefox).
-
-Además, esta propiedad se debería actualizar siempre que el navegador no sea capaz de conectarse a la red. De acuerdo con la especificación:
-
-> El atributo `navigator.onLine` debe devolver false si el agente de usuario no contactará con la red cuando el usuario siga los enlaces o cuando un script solicite una página remota (o sepa que intentarlo fallaría)...
-
-Firefox 2 actualiza esta propiedad cuando cambia desde/hacia el modo offline del navegador, y cuando pierde/recupera la conectividad de la red en Windows y Linux.
-
-Esta propiedad existía en versiones más antiguas de Firefox e Internet Explorer (la especificación surgió a partir estas implementaciones previas), así que puedes comenzar a usarla inmediatamente. La detección automática del estado de la red se implementó en Firefox 2.
-
-#### eventos "`online`" y "`offline`"
-
-[Firefox 3](/es/Firefox_3_para_desarrolladores) introduce dos nuevos eventos: "`online`" y "`offline`". Estos dos eventos son iniciados en el `<body>` de cada página cuando el usuario cambia de modo online a offline. Además, los eventos emergen desde `document.body` a `document`, terminando en `window`. Ambos eventos son no-cancelables (no se puede evitar que el usuario pase a modo online u offline).
-
-Puedes registrar _listeners_ para estos eventos de varias maneras habituales:
-
-- Usando [`addEventListener`](/es/DOM/element.addEventListener) en `window`, `document` o `document.body`
-- estableciendo las propiedades `.ononline` u `.onoffline` en `document` o `document.body` para que apunten a un objeto JavaScript `Function` (**Nota:** usar `window.ononline` o `window.onoffline` no funcionará por razones de compatibilidad).
-- especificando los atributos `ononline="..."` u `onoffline="..."` en la etiqueta `<body>` en el código HTML.
-
-### Ejemplo:
-
-Hay una [prueba sencilla](https://bugzilla.mozilla.org/attachment.cgi?id=220609) que puedes ejecutar para verificar que los eventos están funcionando.
-
-```html
-<!doctype html>
-<html>
-<head>
-  <script>
-    function updateOnlineStatus(msg) {
-      var status = document.getElementById("status");
-      var condition = navigator.onLine ? "ONLINE" : "OFFLINE";
-      status.setAttribute("class", condition);
-      var state = document.getElementById("state");
-      state.innerHTML = condition;
-      var log = document.getElementById("log");
-      log.appendChild(document.createTextNode("Event: " + msg + "; status=" + condition + "\n"));
-    }
-    function loaded() {
-      updateOnlineStatus("load");
-      document.body.addEventListener("offline", function () {
-        updateOnlineStatus("offline")
-      }, false);
-      document.body.addEventListener("online", function () {
-        updateOnlineStatus("online")
-      }, false);
-    }
-  </script>
-  <style>...</style>
-</head>
-<body onload="loaded()">
-  <div id="status"><p id="state"></p></div>
-  <div id="log"></div>
-</body>
-</html>
-```
-
-### Referencias
-
-- [Sección 'Eventos Online/Offline ' de la especificación WHATWG Web Applications 1.0](http://www.whatwg.org/specs/web-apps/current-work/#offline)
-- [El bug que documenta la implementación de los eventos online/offline en Firefox](https://bugzilla.mozilla.org/show_bug.cgi?id=336359) y un enlace [con una modificación posterior](https://bugzilla.mozilla.org/show_bug.cgi?id=336682)
-- [Un ejemplo sencillo](https://bugzilla.mozilla.org/attachment.cgi?id=220609)
-- [Una explicación de los eventos Online/Offline](http://ejohn.org/blog/offline-events/)
diff --git a/files/es/orphaned/web/api/navigatorlanguage/language/index.md b/files/es/web/api/navigator/language/index.md
similarity index 66%
rename from files/es/orphaned/web/api/navigatorlanguage/language/index.md
rename to files/es/web/api/navigator/language/index.md
index 7f7791d8ebda16..cb5b1d006201aa 100644
--- a/files/es/orphaned/web/api/navigatorlanguage/language/index.md
+++ b/files/es/web/api/navigator/language/index.md
@@ -1,12 +1,12 @@
 ---
 title: NavigatorLanguage.language
-slug: orphaned/Web/API/NavigatorLanguage/language
+slug: Web/API/Navigator/language
 original_slug: Web/API/NavigatorLanguage/language
 ---
 
 {{APIRef("HTML DOM")}}
 
-La propiedad de solo lectura **`NavigatorLanguage.language`** devuelve un string representando el lenguaje predefinido del usuario, generalmente es el lenguaje configurado para la interfaz del navegador.
+La propiedad de solo lectura **`Navigator.language`** devuelve un string representando el lenguaje predefinido del usuario, generalmente es el lenguaje configurado para la interfaz del navegador.
 
 ## Sintaxis
 
@@ -36,5 +36,5 @@ if (window.navigator.language != "en") {
 
 ## Ver también
 
-- {{domxref("NavigatorLanguage.languages", "navigator.languages")}}
+- {{domxref("Navigator.languages", "navigator.languages")}}
 - {{domxref("navigator")}}
diff --git a/files/es/orphaned/web/api/navigatoronline/online/index.md b/files/es/web/api/navigator/online/index.md
similarity index 98%
rename from files/es/orphaned/web/api/navigatoronline/online/index.md
rename to files/es/web/api/navigator/online/index.md
index 5e8f8750edd73a..ff3d59626d0ad2 100644
--- a/files/es/orphaned/web/api/navigatoronline/online/index.md
+++ b/files/es/web/api/navigator/online/index.md
@@ -1,6 +1,6 @@
 ---
 title: Navigator.onLine
-slug: orphaned/Web/API/NavigatorOnLine/onLine
+slug: Web/API/Navigator/onLine
 original_slug: Web/API/NavigatorOnLine/onLine
 ---
 

From bc547ef182ae5fcdf9fd6598603a1b110fcf54aa Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Tue, 27 Jun 2023 11:09:37 +0800
Subject: [PATCH 112/146] [zh-cn] update [copy|cut|paste] event of window
 (#13944)

---
 .../zh-cn/web/api/window/copy_event/index.md  | 57 +++++++++----------
 files/zh-cn/web/api/window/cut_event/index.md | 49 ++++++++++++++++
 .../zh-cn/web/api/window/paste_event/index.md | 49 ++++++++++++++++
 3 files changed, 124 insertions(+), 31 deletions(-)
 create mode 100644 files/zh-cn/web/api/window/cut_event/index.md
 create mode 100644 files/zh-cn/web/api/window/paste_event/index.md

diff --git a/files/zh-cn/web/api/window/copy_event/index.md b/files/zh-cn/web/api/window/copy_event/index.md
index 46e616bcaf0f36..5726d1f75bd837 100644
--- a/files/zh-cn/web/api/window/copy_event/index.md
+++ b/files/zh-cn/web/api/window/copy_event/index.md
@@ -1,40 +1,35 @@
 ---
-title: 'Window: copy event'
+title: Window：copy 事件
 slug: Web/API/Window/copy_event
 ---
 
 {{APIRef}}
 
-当用户通过浏览器的用户界面启动复制操作时，将触发 **`copy`** 事件。
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">Bubbles（支持冒泡）</th>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th scope="row">Cancelable（可撤销）</th>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th scope="row">Interface（接口）</th>
-      <td>{{domxref("ClipboardEvent")}}</td>
-    </tr>
-    <tr>
-      <th scope="row">Event handler property（事件处理程序属性）</th>
-      <td>{{domxref("HTMLElement/oncopy", "oncopy")}}</td>
-    </tr>
-  </tbody>
-</table>
-
-此事件的原始目标是 {{domxref("Element")}} 它是复制操作的预期目标。您可以在 {{domxref("Window")}} 界面上监听此事件，以在捕获或冒泡阶段对其进行处理。有关此事件的完整详细信息，请参见 [Element: copy event](/zh-CN/docs/Web/API/Element/copy_event).
+当用户通过浏览器的用户界面发起一个复制动作时，将触发 **`copy`** 事件。
+
+该事件的原始目标是 {{domxref("Element")}}，它是复制动作的预期目标。你可以在 {{domxref("Window")}} 接口上监听这个事件，以便在捕获或冒泡阶段处理它。关于此事件的全部细节，请参见 [Element：copy 事件](/zh-CN/docs/Web/API/Element/copy_event)的页面。
+
+## 语法
+
+在类似于 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 这样的方法中使用事件名，或设置事件处理器属性。
+
+```js
+addEventListener("copy", (event) => {});
+
+oncopy = (event) => {};
+```
+
+## 事件类型
+
+{{domxref("ClipboardEvent")}}。继承自 {{domxref("Event")}}。
+
+{{InheritanceDiagram("ClipboardEvent")}}
 
 ## 示例
 
 ```js
-window.addEventListener('copy', (event) => {
-    console.log('copy action initiated')
+window.addEventListener("copy", (event) => {
+  console.log("已发起复制！");
 });
 ```
 
@@ -46,8 +41,8 @@ window.addEventListener('copy', (event) => {
 
 {{Compat}}
 
-## 参考
+## 参见
 
-- 相关联事件：{{domxref("Window/cut_event", "cut")}}, {{domxref("Window/paste_event", "paste")}}
-- {{domxref("Element")}} 目标上的这个事件： {{domxref("Element/copy_event", "copy")}}
-- {{domxref("Document")}} 目标上的这个事件： {{domxref("Document/copy_event", "copy")}}
+- 相关联事件：{{domxref("Window/cut_event", "cut")}}、{{domxref("Window/paste_event", "paste")}}
+- {{domxref("Element")}} 目标上的这个事件：{{domxref("Element/copy_event", "copy")}}
+- {{domxref("Document")}} 目标上的这个事件：{{domxref("Document/copy_event", "copy")}}
diff --git a/files/zh-cn/web/api/window/cut_event/index.md b/files/zh-cn/web/api/window/cut_event/index.md
new file mode 100644
index 00000000000000..5543ffc6a3bfaa
--- /dev/null
+++ b/files/zh-cn/web/api/window/cut_event/index.md
@@ -0,0 +1,49 @@
+---
+title: Window：cut 事件
+short-title: cut
+slug: Web/API/Window/cut_event
+---
+
+{{APIRef}}
+
+当用户通过浏览器的用户界面发起一个“剪切”动作时，将触发 **`cut`** 事件。
+
+该事件的原始目标是 {{domxref("Element")}}，它是剪切动作的预期目标。你可以在 {{domxref("Window")}} 接口上监听这个事件，以便在捕获或冒泡阶段处理它。关于此事件的全部细节，请参见 [Element：cut 事件](/zh-CN/docs/Web/API/Element/cut_event)的页面。
+
+## 语法
+
+在类似于 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 这样的方法中使用事件名，或设置事件处理器属性。
+
+```js
+addEventListener("cut", (event) => {});
+
+oncut = (event) => {};
+```
+
+## 事件类型
+
+{{domxref("ClipboardEvent")}}。继承自 {{domxref("Event")}}。
+
+{{InheritanceDiagram("ClipboardEvent")}}
+
+## 示例
+
+```js
+window.addEventListener("cut", (event) => {
+  console.log("已发起剪切！");
+});
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- 相关联事件：{{domxref("Window/copy_event", "copy")}}、{{domxref("Window/paste_event", "paste")}}
+- {{domxref("Element")}} 目标上的这个事件：{{domxref("Element/cut_event", "cut")}}
+- {{domxref("Document")}} 目标上的这个事件：{{domxref("Document/cut_event", "cut")}}
diff --git a/files/zh-cn/web/api/window/paste_event/index.md b/files/zh-cn/web/api/window/paste_event/index.md
new file mode 100644
index 00000000000000..87624434ae3212
--- /dev/null
+++ b/files/zh-cn/web/api/window/paste_event/index.md
@@ -0,0 +1,49 @@
+---
+title: Window：paste 事件
+short-title: paste
+slug: Web/API/Window/paste_event
+---
+
+{{APIRef}}
+
+当用户通过浏览器的用户界面发起一个“粘贴”动作时，将触发 **`paste`** 事件。
+
+该事件的原始目标是 {{domxref("Element")}}，它是粘贴动作的预期目标。你可以在 {{domxref("Window")}} 接口上监听这个事件，以便在捕获或冒泡阶段处理它。关于此事件的全部细节，请参见 [Element：paste 事件](/zh-CN/docs/Web/API/Element/paste_event)的页面。
+
+## 语法
+
+在类似于 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 这样的方法中使用事件名，或设置事件处理器属性。
+
+```js
+addEventListener("paste", (event) => {});
+
+onpaste = (event) => {};
+```
+
+## 事件类型
+
+{{domxref("ClipboardEvent")}}。继承自 {{domxref("Event")}}。
+
+{{InheritanceDiagram("ClipboardEvent")}}
+
+## 示例
+
+```js
+window.addEventListener("paste", (event) => {
+  console.log("已发起粘贴！");
+});
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- 相关联事件：{{domxref("Window/cut_event", "cut")}}、{{domxref("Window/copy_event", "copy")}}
+- {{domxref("Element")}} 目标上的这个事件：{{domxref("Element/paste_event", "paste")}}
+- {{domxref("Document")}} 目标上的这个事件：{{domxref("Document/paste_event", "paste")}}

From 51becfdace0d34ebced0f858045c76c4d4133f2a Mon Sep 17 00:00:00 2001
From: Meowu <474384902@qq.com>
Date: Tue, 27 Jun 2023 21:26:39 +0800
Subject: [PATCH 113/146] fix: BigInt typo (#13954)

---
 .../web/javascript/reference/global_objects/dataview/index.md   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/dataview/index.md b/files/zh-cn/web/javascript/reference/global_objects/dataview/index.md
index 0dc0f7fb60f93a..2e59a7d7a44f35 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/dataview/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/dataview/index.md
@@ -43,7 +43,7 @@ function getUint64(dataview, byteOffset, littleEndian) {
 }
 ```
 
-或者，如果你需要完整的 64 位的范围，你可以创建 {{jsxref("BigInt")}}。此外，尽管原生 BigInt 比等效的用户态的库快得多，但由于其大小可变的性质，BitInt 始终比 JavaScript 中的 32 位整数要慢得多。
+或者，如果你需要完整的 64 位的范围，你可以创建 {{jsxref("BigInt")}}。此外，尽管原生 BigInt 比等效的用户态的库快得多，但由于其大小可变的性质，BigInt 始终比 JavaScript 中的 32 位整数要慢得多。
 
 ```js
 const BigInt = window.BigInt, bigThirtyTwo = BigInt(32), bigZero = BigInt(0);

From 9e64067a6acf18912d76cdc2ab8ffa42342c6e35 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 23 Jun 2023 22:02:17 +0900
Subject: [PATCH 114/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/map/index.md | 91 +++++++++++++++-----------
 1 file changed, 52 insertions(+), 39 deletions(-)

diff --git a/files/ja/web/html/element/map/index.md b/files/ja/web/html/element/map/index.md
index 572ed77b6e230e..2d2b47e2b7362a 100644
--- a/files/ja/web/html/element/map/index.md
+++ b/files/ja/web/html/element/map/index.md
@@ -1,30 +1,75 @@
 ---
-title: '<map>: イメージマップ要素'
+title: "<map>: イメージマップ要素"
 slug: Web/HTML/Element/map
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
 {{HTMLSidebar}}
 
-**`<map>`** は [HTML](/ja/docs/Web/HTML) の要素で、イメージマップ（クリック可能なリンク領域）を定義するために {{HTMLElement("area")}} 要素とともに使用します。
+**`<map>`** は [HTML](/ja/docs/Web/HTML) の要素で、{{HTMLElement("area")}} 要素とともにイメージマップ（クリック可能なリンク領域）を定義するために使用します。
 
 {{EmbedInteractiveExample("pages/tabbed/map.html", "tabbed-standard")}}
 
+## 属性
+
+この要素は[グローバル属性](/ja/docs/Web/HTML/Global_attributes)を持っています。
+
+- `name`
+  - : `name` 属性は、マップを参照できるようにするための名前を指定します。この属性は必ず存在する必要があり、空白文字を含まない空でない値を持たなければなりません。 `name` 属性の値は、同じ文書内の他の `<map>` 要素の `name` 属性の値と同じであってはいけません。もし [`id`](/ja/docs/Web/HTML/Global_attributes#id) 属性も指定されている場合は、両方の属性が同じ値でなければなりません。
+
+## 例
+
+### 2 つの領域があるイメージマップ
+
+左側のオウムをクリックすると JavaScript に、右のオウムをクリックすると CSS に飛びます。
+
+#### HTML
+
+```html
+<!-- Photo by Juliana e Mariana Amorim on Unsplash -->
+<map name="primary">
+  <area
+    shape="circle"
+    coords="75,75,75"
+    href="https://developer.mozilla.org/docs/Web/JavaScript"
+    target="_blank"
+    alt="JavaScript" />
+  <area
+    shape="circle"
+    coords="275,75,75"
+    href="https://developer.mozilla.org/docs/Web/CSS"
+    target="_blank"
+    alt="CSS" />
+</map>
+<img
+  usemap="#primary"
+  src="parrots.jpg"
+  alt="350 x 150 picture of two parrots" />
+```
+
+#### 結果
+
+{{ EmbedLiveSample('Image map with two areas', '', '250') }}
+
+## 技術的概要
+
 <table class="properties">
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories">コンテンツカテゴリー</a>
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリー</a>
       </th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ">フローコンテンツ</a>、
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>、
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ">フローコンテンツ</a>、
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>、
         知覚可能コンテンツ
       </td>
     </tr>
     <tr>
       <th scope="row">許可されている内容</th>
       <td>
-        すべての<a href="/ja/docs/Web/Guide/HTML/Content_categories#透過的コンテンツ">透過的</a>要素
+        すべての<a href="/ja/docs/Web/HTML/Content_categories#透過的コンテンツ">透過的</a>要素
       </td>
     </tr>
     <tr>
@@ -34,7 +79,7 @@ slug: Web/HTML/Element/map
     <tr>
       <th scope="row">許可されている親要素</th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>を受け入れるすべての要素
+        <a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ">記述コンテンツ</a>を受け入れるすべての要素
       </td>
     </tr>
     <tr>
@@ -54,38 +99,6 @@ slug: Web/HTML/Element/map
   </tbody>
 </table>
 
-## 属性
-
-この要素は[グローバル属性](/ja/docs/Web/HTML/Global_attributes)を持っています。
-
-- `name`
-  - : `name` 属性は、マップを参照できるようにするための名前を指定します。この属性は必ず存在する必要があり、空白文字を含まない空でない値を持たなければなりません。 `name` 属性の値は、同じ文書内の他の `<map>` 要素の `name` 属性の値と同じであってはいけません。もし [`id`](/ja/docs/Web/HTML/Global_attributes#id) 属性も指定されている場合は、両方の属性が同じ値でなければなりません。
-
-## 例
-
-### 2 つの領域があるイメージマップ
-
-左側のオウムをクリックすると JavaScript に、右のオウムをクリックすると CSS に飛びます。
-
-#### HTML
-
-```html
-<!-- Photo by Juliana e Mariana Amorim on Unsplash -->
-<map name="primary">
-  <area shape="circle" coords="75,75,75"
-        href="https://developer.mozilla.org/docs/Web/JavaScript"
-        target="_blank" >
-  <area shape="circle" coords="275,75,75"
-        href="https://developer.mozilla.org/docs/Web/CSS"
-        target="_blank" >
-</map>
-<img usemap="#primary" src="/en-us/docs/Web/HTML/Element/map/parrots.jpg" alt="350 x 150 pic">
-```
-
-#### 結果
-
-{{ EmbedLiveSample('Image map with two areas', '', '250') }}
-
 ## 仕様書
 
 {{Specifications}}

From 2a6d8ff21934c827e464a7c90cd9ed19e57a8dfb Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 23 Jun 2023 22:21:23 +0900
Subject: [PATCH 115/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/marquee/index.md | 67 ++++++++++++----------
 1 file changed, 38 insertions(+), 29 deletions(-)

diff --git a/files/ja/web/html/element/marquee/index.md b/files/ja/web/html/element/marquee/index.md
index 377eb6bddd4850..72965fad2a8a75 100644
--- a/files/ja/web/html/element/marquee/index.md
+++ b/files/ja/web/html/element/marquee/index.md
@@ -1,44 +1,37 @@
 ---
-title: '<marquee>: マーキー要素'
+title: "<marquee>: マーキー要素"
 slug: Web/HTML/Element/marquee
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
-{{deprecated_header}}
+{{HTMLSidebar}}{{Deprecated_Header}}
 
 **`<marquee>`** は [HTML](/ja/docs/Web/HTML) の要素で、テキストがスクロールする領域を挿入します。要素の属性を使用して、テキストがコンテンツ領域の端に達したときにどうするかを制御できます。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">DOM インターフェイス</th>
-      <td>{{DOMxRef("HTMLMarqueeElement")}}</td>
-    </tr>
-  </tbody>
-</table>
-
 ## 属性
 
-- `behavior`
-  - : marquee 要素内でのテキストのスクロール方法を `scroll`、 `slide`、`alternate` の内の何れかのキーワードで指定します。指定を省略した場合は、初期値の `scroll` が適用されます。
-- `bgcolor`
-  - : 背景色を、色名もしくは HEX カラーコードで指定します。
-- `direction`
-  - : marquee 要素内でのテキストのスクロール方向を `left`、 `right`、 `up`、 `down` の内の何れかのキーワードで指定します。初期値は `left` です。
-- `height`
+- `behavior` {{Deprecated_Inline}}
+  - : marquee 要素内でのテキストのスクロール方法を `scroll`、`slide`、`alternate` の内の何れかのキーワードで指定します。指定を省略した場合は、初期値の `scroll` が適用されます。
+- `bgcolor` {{Deprecated_Inline}}
+  - : 背景色を、色名もしくは 16 進カラーコードで指定します。
+- `direction` {{Deprecated_Inline}}
+  - : marquee 要素内でのテキストのスクロール方向を `left`、`right`、`up`、`down` の内の何れかのキーワードで指定します。初期値は `left` です。
+- `height` {{Deprecated_Inline}}
   - : スクロール範囲の高さを、ピクセル値かパーセント値で指定します。
-- `hspace`
+- `hspace` {{Deprecated_Inline}}
   - : 水平方向のマージンを指定します。
-- `loop`
+- `loop` {{Deprecated_Inline}}
   - : テキストのスクロール回数を指定します。初期値は −1 であり、これはスクロール回数を制限せず、恒久的にスクロールを続ける指定です。
-- `scrollamount`
+- `scrollamount` {{Deprecated_Inline}}
   - : インターバル内での、テキストの移動ピクセル数を指定します。初期値は 6 です。
-- `scrolldelay`
+- `scrolldelay` {{Deprecated_Inline}}
   - : スクロール動作のインターバルをミリ秒で指定します。初期値は 85 です。`truespeed` 属性が指定されていない場合は 60 が最下限であり、これ以下の値は 60 として解釈されます。
-- `truespeed`
+- `truespeed` {{Deprecated_Inline}}
   - : 既定では、`scrolldelay` で 60 を下回る値は無視します。`truespeed` を指定すると、それらの値が無視されません。
-- `vspace`
+- `vspace` {{Deprecated_Inline}}
   - : 垂直方向のマージンをピクセル値かパーセント値で指定します。
-- `width`
+- `width` {{Deprecated_Inline}}
   - : スクロール範囲の幅をピクセル値かパーセント値で指定します。
 
 ## イベントハンドラー
@@ -64,15 +57,31 @@ slug: Web/HTML/Element/marquee
 
 <marquee direction="up">This text will scroll from bottom to top</marquee>
 
-<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
-  <marquee behavior="alternate">
-    This text will bounce
-  </marquee>
+<marquee
+  direction="down"
+  width="250"
+  height="200"
+  behavior="alternate"
+  style="border:solid">
+  <marquee behavior="alternate"> This text will bounce </marquee>
 </marquee>
 ```
 
+### 結果
+
 {{EmbedLiveSample("Examples", 600, 450)}}
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">DOM インターフェイス</th>
+      <td>{{DOMxRef("HTMLMarqueeElement")}}</td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 {{Specifications}}

From 2013e568e3794db6ae04e05bd2a68bac4f2c3c2b Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 23 Jun 2023 22:50:31 +0900
Subject: [PATCH 116/146] =?UTF-8?q?2023/02/20=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5?=
 =?UTF-8?q?=E3=81=8D=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmlmenuelement/index.md | 48 +++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 files/ja/web/api/htmlmenuelement/index.md

diff --git a/files/ja/web/api/htmlmenuelement/index.md b/files/ja/web/api/htmlmenuelement/index.md
new file mode 100644
index 00000000000000..c0db7fae4a22ba
--- /dev/null
+++ b/files/ja/web/api/htmlmenuelement/index.md
@@ -0,0 +1,48 @@
+---
+title: HTMLMenuElement
+slug: Web/API/HTMLMenuElement
+l10n:
+  sourceCommit: 387d0d4d8690c0d2c9db1b85eae28ffea0f3ac1f
+---
+
+{{APIRef("HTML DOM")}}
+
+**`HTMLMenuElement`** インターフェイスは、（通常の {{DOMxRef("HTMLElement")}} インターフェイスで定義され、継承によって利用できるもの以外に）{{HTMLElement("menu")}} 要素を操作するための特別なプロパティを提供します。
+
+{{InheritanceDiagram}}
+
+## コンストラクター
+
+- {{DOMxRef("HTMLMenuElement.HTMLMenuElement", "HTMLMenuElement()")}}
+  - : 新しく構築された `HTMLMenuElement` を返します。
+
+## インスタンスプロパティ
+
+_親である {{domxref("HTMLElement")}} およびその祖先から継承したプロパティがあります。_
+
+- `compact` {{deprecated_inline}}
+  - : メニューをコンパクトに表示するかどうかを決定する論理値です。
+- `type` {{deprecated_inline}} {{Non-standard_Inline}}
+  - : このメニューがコンテキストメニューであれば `context` を返します。
+    この {{HTMLElement("menu")}} 要素の使用方法は広く実装されたことがなく、非推奨になりました。
+- `label` {{deprecated_inline}} {{Non-standard_Inline}}
+  - : メニューがコンテキストメニューとして使用されるときに表示される、メニューと名前を関連付ける文字列です。
+    この {{HTMLElement("menu")}} 要素の使用方法は広く実装されたことがなく、非推奨になりました。
+
+## インスタンスメソッド
+
+_親である {{domxref("HTMLElement")}} およびその祖先から継承したメソッドがあります。_
+
+_`HTMLMenuElement` は固有のメソッドを実装していません。_
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{DOMxRef("HTMLMenuItemElement")}}

From dede6c45da5804530546b7d10122dd051c0b5f0c Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 23 Jun 2023 23:07:47 +0900
Subject: [PATCH 117/146] =?UTF-8?q?2023/05/22=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/menuitem/index.md | 84 +++++++++++----------
 1 file changed, 43 insertions(+), 41 deletions(-)

diff --git a/files/ja/web/html/element/menuitem/index.md b/files/ja/web/html/element/menuitem/index.md
index 621de0fa07dde1..b1a095ce53cca8 100644
--- a/files/ja/web/html/element/menuitem/index.md
+++ b/files/ja/web/html/element/menuitem/index.md
@@ -2,7 +2,7 @@
 title: <menuitem>
 slug: Web/HTML/Element/menuitem
 l10n:
-  sourceCommit: 8507170b71a6612358bdf2d9ec47b4e9b825bd78
+  sourceCommit: 76600240fbe75e083e964bc3707cce81e99999c2
 ---
 
 {{HTMLSidebar}}{{Deprecated_Header}}{{Non-standard_header}}
@@ -11,45 +11,6 @@ l10n:
 
 コマンドはテキストのラベルと任意で外観を表すアイコン、あるいは代わりに別の要素で動作を定義する*インダイレクトコマンド*で明示的に定義できます。また、任意でコマンドにチェックボックスを含めたり、ラジオボタンを共有するグループにすることができます (インダイレクトコマンドのメニュー項目を `<input type="checkbox">` および `<input type="radio">` 要素に対して定義するとき、チェックボックスまたはラジオボタンを持ちます)。
 
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories">コンテンツカテゴリー</a>
-      </th>
-      <td>なし。</td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている内容</th>
-      <td>なし。これは{{Glossary("void element", "空要素")}}です。</td>
-    </tr>
-    <tr>
-      <th scope="row">タグの省略</th>
-      <td>開始タグが必須で、終了タグはあってはいけません。</td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている親要素</th>
-      <td>
-        <em>ポップアップメニュー</em>状態である {{HTMLElement("menu")}}
-        要素。({{HTMLElement("menu")}} 要素の
-        <code>type</code> 属性を指定する場合は
-        <code>popup</code> にしなければなりません。属性がない場合は
-        {{HTMLElement("menu")}}
-        の親要素自体が<em>ポップアップメニュー</em>状態の
-        {{HTMLElement("menu")}} であることが必要です。)
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">許可されている ARIA ロール</th>
-      <td>なし</td>
-    </tr>
-    <tr>
-      <th scope="row">DOM インターフェイス</th>
-      <td>{{DOMxRef("HTMLMenuItemElement")}}</td>
-    </tr>
-  </tbody>
-</table>
-
 ## 属性
 
 この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。特に `title` 属性はコマンドの説明やヒントを出すのに使われます。
@@ -119,13 +80,54 @@ div {
 
 {{EmbedLiveSample("Example", '100%', 80)}}
 
+## 技術的概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリー</a>
+      </th>
+      <td>なし。</td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている内容</th>
+      <td>なし。これは{{Glossary("void element", "空要素")}}です。</td>
+    </tr>
+    <tr>
+      <th scope="row">タグの省略</th>
+      <td>開始タグが必須で、終了タグはあってはいけません。</td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている親要素</th>
+      <td>
+        <em>ポップアップメニュー</em>状態である {{HTMLElement("menu")}}
+        要素。（{{HTMLElement("menu")}} 要素の
+        <code>type</code> 属性を指定する場合は
+        <code>popup</code> にしなければなりません。属性がない場合は
+        {{HTMLElement("menu")}}
+        の親要素自体が<em>ポップアップメニュー</em>状態の
+        {{HTMLElement("menu")}} であることが必要です。）
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">許可されている ARIA ロール</th>
+      <td>なし</td>
+    </tr>
+    <tr>
+      <th scope="row">DOM インターフェイス</th>
+      <td>{{DOMxRef("HTMLMenuItemElement")}}</td>
+    </tr>
+  </tbody>
+</table>
+
 ## 仕様書
 
 現行のどの仕様書にも含まれていません。
 
 ## ブラウザーの互換性
 
-{{Compat}}
+どのブラウザーでも対応していません。この要素を唯一対応していたブラウザー Firefox は、85 で対応を削除しました。
 
 ## 関連情報
 

From 7300634e2fecae9ffdc09518aa4b87288f1d794b Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 00:12:40 +0900
Subject: [PATCH 118/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5?=
 =?UTF-8?q?=E3=81=8D=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/api/htmlmetaelement/content/index.md  | 58 ++++++++++++++++
 .../api/htmlmetaelement/httpequiv/index.md    | 44 ++++++++++++
 .../ja/web/api/htmlmetaelement/media/index.md | 69 +++++++++++++++++++
 .../ja/web/api/htmlmetaelement/name/index.md  | 55 +++++++++++++++
 .../web/api/htmlmetaelement/scheme/index.md   | 43 ++++++++++++
 5 files changed, 269 insertions(+)
 create mode 100644 files/ja/web/api/htmlmetaelement/content/index.md
 create mode 100644 files/ja/web/api/htmlmetaelement/httpequiv/index.md
 create mode 100644 files/ja/web/api/htmlmetaelement/media/index.md
 create mode 100644 files/ja/web/api/htmlmetaelement/name/index.md
 create mode 100644 files/ja/web/api/htmlmetaelement/scheme/index.md

diff --git a/files/ja/web/api/htmlmetaelement/content/index.md b/files/ja/web/api/htmlmetaelement/content/index.md
new file mode 100644
index 00000000000000..8543334e5ebbdb
--- /dev/null
+++ b/files/ja/web/api/htmlmetaelement/content/index.md
@@ -0,0 +1,58 @@
+---
+title: "HTMLMetaElement: content プロパティ"
+short-title: content
+slug: Web/API/HTMLMetaElement/content
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("HTML DOM")}}
+
+**`HTMLMetaElement.content`** プロパティは、{{domxref("HTMLMetaElement.name")}} または {{domxref("HTMLMetaElement.httpEquiv")}} との組み合わせによる、プラグマディレクティブと名前付き {{htmlelement("meta")}} データの `content` 属性を取得または設定します。
+詳しくは、[content](/ja/docs/Web/HTML/Element/meta#content) 属性を参照してください。
+
+## 値
+
+文字列です。
+
+## 例
+
+### meta 要素の内容の読み取り
+
+次の例は `name` 属性に `keywords` という値を格納した `<meta>` 要素を問い合わせるものです。
+`content` の値がコンソールにログ出力され、文書の [keywords](/ja/docs/Web/HTML/Element/meta/name#html_仕様書で定義されている標準メタデータ名) が表示されます。
+
+```js
+// <meta name="keywords" content="documentation, HTML, web"> があるとします
+let meta = document.querySelector("meta[name='keywords']");
+console.log(meta.content);
+// "documentation, HTML, web"
+```
+
+### 内容付きの meta 要素の作成
+
+次の例は、新しい `<meta>` 要素を `name` 属性に [`description`](/ja/docs/Web/HTML/Element/meta/name#html_仕様書で定義されている標準メタデータ名) に設定して作成します。
+`content` 属性に文書の説明を設定し、文書の `<head>` に追加されます。
+
+```js
+let meta = document.createElement("meta");
+meta.name = "description";
+meta.content =
+  "<meta> 要素は、名前と値のペアで文書のメタデータを提供するのに使用できます。name 属性はメタデータの名前を与え、content 属性は値を与えます。";
+document.head.appendChild(meta);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{HTMLElement("meta")}}
+- {{domxref("HTMLMetaElement.name")}}
+- {{domxref("HTMLMetaElement.httpEquiv")}}
+- [学習: HTML のメタデータ](/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#メタデータ_meta_要素)
diff --git a/files/ja/web/api/htmlmetaelement/httpequiv/index.md b/files/ja/web/api/htmlmetaelement/httpequiv/index.md
new file mode 100644
index 00000000000000..924dce70c5744d
--- /dev/null
+++ b/files/ja/web/api/htmlmetaelement/httpequiv/index.md
@@ -0,0 +1,44 @@
+---
+title: "HTMLMetaElement: httpEquiv プロパティ"
+short-title: httpEquiv
+slug: Web/API/HTMLMetaElement/httpEquiv
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("HTML DOM")}}
+
+**`HTMLMetaElement.httpEquiv`** プロパティは、{{domxref("HTMLMetaElement.content")}} 属性のプラグマディレクティブまたはレスポンスヘッダーの名前を取得または設定します。
+取りうる値の詳細は、[http-equiv](/ja/docs/Web/HTML/Element/meta#http-equiv) 属性を参照してください。
+
+## 値
+
+文字列です。
+
+## 例
+
+### meta 要素の `http-equiv` の値の読み取り
+
+次の例は `http-equiv` 属性のある `<meta>` 要素を検索します。
+`http-equiv` 属性をコンソールにログ出力し、`refresh` [プラグマディレクティブ](/ja/docs/Web/HTML/Element/meta#http-equiv) を表示します。これはブラウザーに、`content` 属性で定義された秒数の後でページを更新することを指示します。
+
+```js
+// <meta http-equiv="refresh" content="10" /> があるとする
+let meta = document.querySelector("meta[http-equiv]");
+console.log(meta.httpEquiv);
+// refresh
+console.log(meta.content);
+// 10
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{HTMLElement("meta")}}
diff --git a/files/ja/web/api/htmlmetaelement/media/index.md b/files/ja/web/api/htmlmetaelement/media/index.md
new file mode 100644
index 00000000000000..effdfbb5f80aae
--- /dev/null
+++ b/files/ja/web/api/htmlmetaelement/media/index.md
@@ -0,0 +1,69 @@
+---
+title: "HTMLMetaElement: media プロパティ"
+short-title: media
+slug: Web/API/HTMLMetaElement/media
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("HTML DOM")}}
+
+**`HTMLMetaElement.media`** プロパティで、`theme-color` メタデータのメディアを指定することができます。
+
+`theme-color` プロパティで、このプロパティに対応しているブラウザーやオペレーティングシステムにおいて、ブラウザーのツールバーや UI の色を設定することができます。
+`media` プロパティにより、異なる `media` 値に対して異なるテーマカラーを設定することができます。
+
+## 値
+
+文字列です。
+
+## 例
+
+### テーマカラーをダークモードに設定
+
+次の例では、新しい `<meta>` 要素を作成して `name` 属性を [`theme-color`](/ja/docs/Web/HTML/Element/meta/name#html_仕様書で定義されている標準メタデータ名) に設定します。
+`content` 属性には `#3c790a` を設定し、`media` 属性には `prefers-color-scheme: dark` と設定し、それからその要素を文書の `<head>` に追加します。
+ユーザーがオペレーティングシステムでダークモードを指定している場合、`media` プロパティを使用して異なる `theme-color` を設定することができます。
+
+```js
+var meta = document.createElement("meta");
+meta.name = "theme-color";
+meta.content = "#3c790a";
+meta.media = "(prefers-color-scheme: dark)";
+document.head.appendChild(meta);
+```
+
+### 端末の大きさでテーマカラーを設定
+
+ほとんどのメタプロパティは一度しか使用することができません。ただし `theme-color` は、固有の `media` 値が提供されていれば、複数回使用することができます。
+
+この例では、`theme-color` を持つ 2 つの meta 要素を追加しています。1 つはすべての端末用、もう 1 つは小さな画面用です。
+`media` クエリーに一致させる順番が重要ですので、下記に示すように、より詳細なクエリーが文書内で後になるように追加してください。
+
+```js
+// すべての端末向けの theme-color を追加
+meta = document.createElement("meta");
+meta.name = "theme-color";
+meta.content = "#ffffff";
+document.head.appendChild(meta);
+
+// 小さな端末向けの theme-color を追加
+var meta = document.createElement("meta");
+meta.name = "theme-color";
+meta.media = "(max-width: 600px)";
+meta.content = "#000000";
+document.head.appendChild(meta);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{HTMLElement("meta")}}
+- [メディアクエリーで取りうる値](/ja/docs/Web/CSS/CSS_media_queries/Using_media_queries)
diff --git a/files/ja/web/api/htmlmetaelement/name/index.md b/files/ja/web/api/htmlmetaelement/name/index.md
new file mode 100644
index 00000000000000..6d7cb56210fda0
--- /dev/null
+++ b/files/ja/web/api/htmlmetaelement/name/index.md
@@ -0,0 +1,55 @@
+---
+title: "HTMLMetaElement: name プロパティ"
+short-title: name
+slug: Web/API/HTMLMetaElement/name
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("HTML DOM")}}
+
+**`HTMLMetaElement.name`** プロパティは {{domxref("HTMLMetaElement.content")}} との組み合わせで使用し、文書のメタデータを名前と値の組で定義します。
+`name` 属性はメタデータの名前を定義し、`content` 属性はその値を定義します。
+
+## 値
+
+文字列です。
+
+## 例
+
+### meta 要素のメタデータ名の読み取り
+
+次の例では、文書の最初の `<meta>` 要素を検索します。
+`name` の値をコンソールに出力します。これは文書で [keywords](/ja/docs/Web/HTML/Element/meta/name#html_仕様書で定義されている標準メタデータ名) を指定するものです。
+
+```js
+// <meta name="keywords" content="documentation, HTML, web technologies"> があるとする
+let meta = document.querySelector("meta");
+console.log(meta.name);
+// "keywords"
+```
+
+### `author` メタデータの meta 要素を作成
+
+次の例は、新しい `<meta>` 要素を `name` 属性に [`author`](/ja/docs/Web/HTML/Element/meta/name#html_仕様書で定義されている標準メタデータ名) を設定して作成します。
+`content` 属性には文書の著者を設定し、この要素を文書の `<head>` に追加します。
+
+```js
+let meta = document.createElement("meta");
+meta.name = "author";
+meta.content = "Franz Kafka";
+document.head.appendChild(meta);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{HTMLElement("meta")}}
+- [name 属性で取りうる値](/ja/docs/Web/HTML/Element/meta/name#html_仕様書で定義されている標準メタデータ名)
diff --git a/files/ja/web/api/htmlmetaelement/scheme/index.md b/files/ja/web/api/htmlmetaelement/scheme/index.md
new file mode 100644
index 00000000000000..a809427a24bfe3
--- /dev/null
+++ b/files/ja/web/api/htmlmetaelement/scheme/index.md
@@ -0,0 +1,43 @@
+---
+title: "HTMLMetaElement: scheme プロパティ"
+short-title: scheme
+slug: Web/API/HTMLMetaElement/scheme
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("HTML DOM")}}{{Deprecated_Header}}
+
+**`HTMLMetaElement.scheme`** プロパティは {{domxref("HTMLMetaElement.content")}} 属性の値のスキームを定義します。
+`scheme` プロパティは、`content` プロパティの値を解釈するために使用する追加情報を提供できるようにするために作成されました。`scheme` プロパティはスキーム形式（`YYYY-MM-DD` など）、スキーム形式名（`ISBN` など）、またはスキーム形式に関する詳細情報を提供する URI を値として導きます。スキームは `content` 属性の値の形式を定義します。
+ブラウザーや ユーザーエージェントがスキームを認識している場合、`scheme` の内容は要素の {{domxref("HTMLMetaElement.name")}} の拡張として解釈されます。
+
+このプロパティは非推奨です。新しいウェブページでは使用しないでください。
+
+## 値
+
+文字列です。
+
+## 例
+
+次の例は `name` 属性に `identifier` という値を持つ `<meta>` 要素を検索します。
+`scheme` 値がコンソールにログ出力され、メタデータの内容のスキームを表示します。
+
+```js
+// <meta name="identifier" content="1580081754" scheme="ISBN"> があるとする
+let meta = document.querySelector("meta[name='identifier']");
+console.log(meta.scheme);
+// "ISBN"
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{HTMLElement("meta")}}

From 3af8fcbe81348d460d9641d70b30465b19779ebb Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 01:43:16 +0900
Subject: [PATCH 119/146] =?UTF-8?q?2023/02/20=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmlmetaelement/index.md | 60 +++++++++++++++++++----
 1 file changed, 50 insertions(+), 10 deletions(-)

diff --git a/files/ja/web/api/htmlmetaelement/index.md b/files/ja/web/api/htmlmetaelement/index.md
index 8e53b665a4db72..34f8827bb49de8 100644
--- a/files/ja/web/api/htmlmetaelement/index.md
+++ b/files/ja/web/api/htmlmetaelement/index.md
@@ -1,28 +1,68 @@
 ---
 title: HTMLMetaElement
 slug: Web/API/HTMLMetaElement
+l10n:
+  sourceCommit: 387d0d4d8690c0d2c9db1b85eae28ffea0f3ac1f
 ---
 
 {{ APIRef("HTML DOM") }}
 
-**`HTMLMetaElement`** インターフェイスは、文書に関する説明的なメタデータが入ります。 {{domxref("HTMLElement")}} インターフェイスから、すべてのプロパティとメソッドを継承しています。
+**`HTMLMetaElement`** インターフェイスは、HTML 内で [`<meta>`](/ja/docs/Web/HTML/Element/meta) 要素として提供される、文書に関する説明的なメタデータが入ります。 {{domxref("HTMLElement")}} インターフェイスから、すべてのプロパティとメソッドを継承しています。
 
 {{InheritanceDiagram}}
 
 ## プロパティ
 
-_親である {{domxref("HTMLElement")}} からプロパティを継承しています。_
+_親である {{domxref("HTMLElement")}} から継承したプロパティがあります。_
 
-| 名前                                  | 型                             | 説明                                                                            |
-| ------------------------------------- | -------------------------------- | -------------------------------------------------------------------------------------- |
-| `content`                             | 文字列 | メタデータプロパティの値を取得または設定します。                                          |
-| `httpEquiv`                           | 文字列 | 文書に定義する HTTP レスポンスヘッダーの名前を取得または設定します。             |
-| `name`                                | 文字列 | 文書に定義するメタデータプロパティの名前を取得または設定します。                |
-| `scheme` {{deprecated_inline}} | 文字列 | メタデータプロパティの値を解釈するために使用されるスキームの名前を取得または設定します。 |
+- {{domxref("HTMLMetaElement.charset")}}
+  - : HTML 文書の文字エンコーディングです。
+- {{domxref("HTMLMetaElement.content")}}
+  - : 文書メタデータの名前と値の組の 'value' の部分です。
+- {{domxref("HTMLMetaElement.httpEquiv")}}
+  - : 文書の HTTP レスポンスヘッダー、プラグマディレクティブの名前です。
+- {{domxref("HTMLMetaElement.media")}}
+  - : `theme-color` メタデータプロパティのメディアコンテキストです。
+- {{domxref("HTMLMetaElement.name")}}
+  - : 文書の名前付きメタデータを定義する名前と値の組の 'name' の部分です。
+- {{domxref("HTMLMetaElement.scheme")}} {{deprecated_inline}}
+  - : {{domxref("HTMLMetaElement.content")}} 属性の値の値のスキームを定義します。
+    これは非推奨です。新しいウェブページでは使用しないでください。
 
-## メソッド
+## インスタンスメソッド
 
-_固有のメソッドはありません。親である {{domxref("HTMLElement")}} からメソッドを継承しています。_
+_固有のメソッドはありません。親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
+
+## 例
+
+次の 2 つの例は `HTMLMetaElement` インターフェイスを使用する一般的な手法を示します。
+固有の例については、この節の[インスタンスプロパティ](#インスタンスプロパティ)で記述されている各プロパティのページを参照してください。
+
+### ページの description のメタデータを設定
+
+次の例では、新しい `<meta>` 要素を作成し、`name` 属性に [`description`](/ja/docs/Web/HTML/Element/meta/name#html_仕様書で定義されている標準メタデータ名) を設定しています。`content` 属性には文書の説明が設定し、それを文書の `<head>` に追加します。
+
+```js
+let meta = document.createElement("meta");
+meta.name = "description";
+meta.content =
+  "<meta> 要素は、名前と値のペアで文書のメタデータを提供するのに使用できます。name 属性はメタデータの名前を与え、content 属性は値を与えます。";
+document.head.appendChild(meta);
+```
+
+### viewport メタデータの設定
+
+次の例では、新しい `<meta>` 要素を作成して `name` 属性に [`viewport`](/ja/docs/Web/HTML/Element/meta/name#他の仕様書で定義されている標準メタデータ) を設定する方法を紹介しています。
+`content` 属性はビューポートサイズを設定し、文書の `<head>` に追加されます。
+
+```js
+var meta = document.createElement("meta");
+meta.name = "viewport";
+meta.content = "width=device-width, initial-scale=1";
+document.head.appendChild(meta);
+```
+
+ビューポートの設定について詳しくは、[ビューポートの基本](/ja/docs/Web/HTML/Viewport_meta_tag#ビューポートの基本)を参照してください。
 
 ## 仕様書
 

From ac18b05717ba540be82c64ed8f9066f149e70ee3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 23 Jun 2023 22:53:01 +0900
Subject: [PATCH 120/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/menu/index.md | 229 +++++++++---------------
 1 file changed, 81 insertions(+), 148 deletions(-)

diff --git a/files/ja/web/html/element/menu/index.md b/files/ja/web/html/element/menu/index.md
index aea06b8d559d6f..b8fe81eea65c97 100644
--- a/files/ja/web/html/element/menu/index.md
+++ b/files/ja/web/html/element/menu/index.md
@@ -1,27 +1,93 @@
 ---
-title: <menu>
+title: "<menu>: メニュー要素"
 slug: Web/HTML/Element/menu
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
-{{HTMLSidebar}}{{SeeCompatTable}}
+{{HTMLSidebar}}
 
-**HTML の `<menu>` 要素**は、ユーザーが実行またはアクティブ化できるコマンドのグループを表します。これは画面の上部に現れるリストメニューと、ボタンを押したときにその下部付近に現れるような[コンテキストメニュー](/ja/docs/Web/HTML/Element/menu#context_menu)の両方を含みます。
+**`<menu>`** は [HTML](/ja/docs/Web/HTML) の要素で、HTML 仕様書では {{HTMLElement("ul")}} とは異なる意味づけとして記述されていますが、ブラウザーでは {{HTMLElement("ul")}} と違いのないものとして扱われます（そしてアクセシビリティツリーで公開されます）。これは（{{HTMLElement("li")}} 要素で表現される）項目の順序のないリストを表します。
+
+{{EmbedInteractiveExample("pages/tabbed/menu.html", "tabbed-shorter")}}
+
+## 属性
+
+この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
+
+## 使用上の注意
+
+`<menu>` 要素と {{HTMLElement("ul")}} 要素はともに順序なしリストの項目を表すものです。主な違いは、{{HTMLElement("ul")}} は主に項目の表示を目的とするのに対し、 `<menu>` 要素は操作を行うための対話型の項目のためのものです。関連する {{HTMLElement("menuitem")}} 要素は非推奨になりました。
+
+> **メモ:** HTML 仕様書の初期の版では、`<menu>` 要素にはコンテキストメニューとしての追加の用途がありました。この機能は廃止されたと考えており、仕様書にはありません。
+
+## 例
+
+### ツールバー
+
+この例では、`<menu>` を編集アプリケーションのためのツールバーを生成するために使用しています。
+
+#### HTML
+
+```html
+<menu>
+  <li><button onclick="copy()">コピー</button></li>
+  <li><button onclick="cut()">切り取り</button></li>
+  <li><button onclick="paste()">貼り付け</button></li>
+</menu>
+```
+
+なお、機能的には次のものと違いはありません。
+
+```html
+<ul>
+  <li><button onclick="copy()">コピー</button></li>
+  <li><button onclick="cut()">切り取り</button></li>
+  <li><button onclick="paste()">貼り付け</button></li>
+</ul>
+```
+
+#### CSS
+
+```css
+menu,
+ul {
+  display: flex;
+  list-style: none;
+  padding: 0;
+  width: 400px;
+}
+
+li {
+  flex-grow: 1;
+}
+
+button {
+  width: 100%;
+}
+```
+
+#### 結果
+
+{{EmbedLiveSample("Toolbar", "100%", 100)}}
+
+## 技術的概要
 
 <table class="properties">
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories"
+        <a href="/ja/docs/Web/HTML/Content_categories"
           >コンテンツカテゴリー</a
         >
       </th>
       <td>
         <p>
-          <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+          <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
             >フローコンテンツ</a
           >。この要素の子に 1 個以上の {{HTMLElement("li")}}
           要素がある場合は<a
-            href="/ja/docs/Web/Guide/HTML/Content_categories#知覚可能コンテンツ"
+            href="/ja/docs/Web/HTML/Content_categories#知覚可能コンテンツ"
             >知覚可能コンテンツ</a
           >。
         </p>
@@ -31,20 +97,7 @@ slug: Web/HTML/Element/menu
       <th scope="row">許可されている内容</th>
       <td>
         <p>
-          要素が<em>リストメニュー</em>状態である場合:
-          <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
-            >フローコンテンツ</a
-          >または 0 個以上の {{HTMLElement("li")}},
-          {{HTMLElement("script")}},
-          {{HTMLElement("template")}}。
-          (<em>リストメニュー</em>は、親要素が<em>コンテキストメニュー</em>状態の
-          {{HTMLElement("menu")}} でない場合の既定の状態です。)
-        </p>
-        <p>
-          要素が<em>コンテキストメニュー</em>状態である場合: 任意の順序で、 0
-          個以上の {{HTMLElement("menu")}}
-          (コンテキストメニュー状態に限る),
-          {{HTMLElement("menuitem")}}, {{HTMLElement("hr")}},
+          0 個以上の {{HTMLElement("li")}},
           {{HTMLElement("script")}},
           {{HTMLElement("template")}}。
         </p>
@@ -57,7 +110,7 @@ slug: Web/HTML/Element/menu
     <tr>
       <th scope="row">許可されている親要素</th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
         >を受け入れるすべての要素
       </td>
@@ -75,15 +128,15 @@ slug: Web/HTML/Element/menu
     <tr>
       <th scope="row">許可されている ARIA ロール</th>
       <td>
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/directory_role">directory</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/group_role">group</a></code>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/directory_role"><code>directory</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/group_role"><code>group</code></a>,
         <code
           ><a href="/ja/docs/Web/Accessibility/ARIA/Roles/listbox_role"
             >listbox</a
           ></code
-        >, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menu_role">menu</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/menubar_role">menubar</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/none_role">none</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role">presentation</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/radiogroup_role">radiogroup</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/tablist_role">tablist</a></code>,
-        <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/toolbar_role">toolbar</a></code>, <code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/tree_role">tree</a></code>
+        >, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menu_role"><code>menu</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/menubar_role"><code>menubar</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/none_role"><code>none</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role"><code>presentation</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/radiogroup_role"><code>radiogroup</code></a>, <a href="/ja/docs/Web/Accessibility/ARIA/Roles/tablist_role"><code>tablist</code></a>,
+        <a href="/ja/docs/Web/Accessibility/ARIA/Roles/toolbar_role"><code>toolbar</code></a> or <a href="/ja/docs/Web/Accessibility/ARIA/Roles/tree_role"><code>tree</code></a>
       </td>
     </tr>
     <tr>
@@ -93,134 +146,14 @@ slug: Web/HTML/Element/menu
   </tbody>
 </table>
 
-## 属性
-
-この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
-
-- `label` {{Deprecated_inline}}
-  - : ユーザーに対して表示されるメニューの名称です。入れ子のメニューの中で、サブメニューへアクセスするためのラベルを提供するために使用されます。親要素が {{HTMLElement("menu")}} で*コンテキストメニュー*状態である場合に限り、指定する必要があります。
-- `type`
-
-  - : この属性は定義済みのメニューの種類を示すものであり、以下 2 つの値のいずれかを指定します。
-
-    - `context` {{Deprecated_inline}} : 他の要素を介して起動されるコマンドのグループを表す*ポップアップメニュー*状態を表します。これは {{HTMLElement("button")}} 要素の [`menu`](/ja/docs/Web/HTML/Element/button#menu) 属性で参照されるボタンメニューや、 [`contextmenu`](/ja/docs/Web/HTML/Global_attributes#attr-contextmenu) 属性のある要素のコンテキストメニューである可能性があります。この値はこの属性がなく、その親要素も `<menu>` であった場合の既定値です。
-    - `toolbar`: *ツールバー*状態であり、ユーザーと対話するための一連のコマンドから成るツールバーを表します。これは {{HTMLElement("li")}} の番号なしリストの形か、子要素に `<li>` を含まない場合は、利用できるコマンドを記述した[フローコンテンツ](/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ)です。この値はこの属性が指定されていない場合の既定値です。
-
-## 使用上の注意
-
-{{HTMLElement("menu")}} 要素と {{HTMLElement("ul")}} 要素はともに順序なしリストの項目を表すものです。主な違いは、 {{HTMLElement("ul")}} は主に項目の表示を目的とするのに対し、 {{HTMLElement("menu")}} 要素は操作を行うための対話型の項目のためのものです。
-
-HTML メニューは、コンテキストメニュー (一般的に、別の要素を右クリックすると表示される) またはツールバーを作成するために使用することができます。
-
-**[コンテキストメニュー](#context_menu)**は、 `<menu>` 要素の中にメニューで選択可能な項目を表す {{HTMLElement("menuitem")}} 要素、メニュー内のサブメニューを表す `<menu>` 要素、メニューの内容をセクションに分けるセパレーター行を表す {{HTMLElement("hr")}} 要素が含まれたもので構成されます。 コンテキストメニューは、関連付ける要素の [`contextmenu`](/ja/docs/Web/HTML/Global_attributes#contextmenu) 属性、または[ボタンでアクティブにするメニュー](#button_menu)であれば {{HTMLElement("button")}} 要素の [`menu`](/ja/docs/Web/HTML/Element/button#menu) 属性を使用して、メニューをアクティブ化する要素に紐づけます。
-
-**[ツールバーメニュー](#toolbar)** は、 `<menu>` 要素の中身が 2 通りのうちの一方で記述されたもので構成されます。 {{HTMLElement("li")}} 要素で表した項目の順不同リスト (それぞれの項目が、ユーザーが利用できるコマンドやオプションを表す) または、 (`<li>` 要素がない場合) 使用なコマンドやオプションを表す[フローコンテンツ](/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ)のどちらかです。
-
-この要素は HTML4 で非推奨になりましたが、 HTML5.1 および HTML living standard で再導入されました。本ドキュメントは、現行の Firefox の実装について説明します。 HTML 5.1 によれば、 type 属性の 'list' が 'toolbar' に変わったようです。
-
-## 例
-
-### コンテキストメニュー
-
-{{Deprecated_header}}
-
-#### HTML
-
-```html
-<!-- A <div> element with a context menu -->
-<div contextmenu="popup-menu">
-  Right-click to see the adjusted context menu
-</div>
-
-<menu type="context" id="popup-menu">
-  <menuitem>Action</menuitem>
-  <menuitem>Another action</menuitem>
-  <hr/>
-  <menuitem>Separated action</menuitem>
-</menu>
-```
-
-#### CSS
-
-```css
-div {
-  width: 300px;
-  height: 80px;
-  background-color: lightgreen;
-}
-```
-
-#### 結果
-
-{{EmbedLiveSample("Context_menu", "100%", 80)}}
-
-### メニューボタン
-
-> **警告:** メニューボタンを実装しているブラウザーはまだ知られていません。 `<menu>` 要素の [`type`](/ja/docs/Web/HTML/Element/menu#type) 属性は廃止されました。
-
-> **警告:** {{HTMLElement("menuitem")}} 要素は廃止されました。
-
-#### HTML
-
-```html
-<!-- A button, which displays a menu when clicked. -->
-<button type="menu" menu="popup-menu">
-  Dropdown
-</button>
-
-<menu type="context" id="popup-menu">
-  <menuitem>Action</menuitem>
-  <menuitem>Another action</menuitem>
-  <hr/>
-  <menuitem>Separated action</menuitem>
-</menu>
-```
-
-#### 結果
-
-{{EmbedLiveSample("Menu_button", "100%", 50)}}
-
-### ツールバー
-
-> **警告:** ツールバーメニューを実装しているブラウザーはまだ知られていません。
-
-#### HTML
-
-```html
-<!-- A context menu for a simple editor,
-   - containing two menu buttons. -->
-<menu type="toolbar">
-  <li>
-    <button type="menu" menu="file-menu">File</button>
-    <menu type="context" id="file-menu">
-      <menuitem label="New..." onclick="newFile()">
-      <menuitem label="Save..." onclick="saveFile()">
-    </menu>
-  </li>
-  <li>
-    <button type="menu" menu="edit-menu">Edit</button>
-    <menu type="context" id="edit-menu">
-      <menuitem label="Cut..." onclick="cutEdit()">
-      <menuitem label="Copy..." onclick="copyEdit()">
-      <menuitem label="Paste..." onclick="pasteEdit()">
-    </menu>
-  </li>
-</menu>
-```
-
-#### 結果
-
-{{EmbedLiveSample("Toolbar", "100%", 100)}}
-
 ## 仕様書
 
 {{Specifications}}
 
 ## ブラウザーの互換性
 
-{{Compat("html.elements.menu")}}
+{{Compat}}
 
 ## 関連情報
 
-- 他のリスト関連 HTML 要素: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("hr")}} および廃止済の {{HTMLElement("dir")}}
-- [`contextmenu`](/ja/docs/Web/HTML/Global_attributes#attr-contextmenu) [グローバル属性](/ja/docs/Web/HTML/Global_attributes): [`type="context"`](/ja/docs/Web/HTML/Element/menu#type) がついた `menu` の `id` を参照するために使用することができる
+- 他のリスト関連 HTML 要素: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}

From 2b5130274b41e3294da7f2d06d5f774796292c39 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 02:06:09 +0900
Subject: [PATCH 121/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/meta/index.md | 42 ++++++++++++-------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/files/ja/web/html/element/meta/index.md b/files/ja/web/html/element/meta/index.md
index 8533242581f15e..0ea75cb4eef722 100644
--- a/files/ja/web/html/element/meta/index.md
+++ b/files/ja/web/html/element/meta/index.md
@@ -1,8 +1,8 @@
 ---
-title: '<meta>: メタデータ要素'
+title: "<meta>: メタデータ要素"
 slug: Web/HTML/Element/meta
 l10n:
-  sourceCommit: b56483692fd247dd7c5f11af4233ad40bf19ac31
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
 {{HTMLSidebar}}
@@ -13,23 +13,23 @@ l10n:
   <tbody>
     <tr>
       <th>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories"
+        <a href="/ja/docs/Web/HTML/Content_categories"
           >コンテンツカテゴリー</a
         >
       </th>
       <td>
-        <a href="/ja/docs/Web/Guide/HTML/Content_categories#メタデータコンテンツ"
+        <a href="/ja/docs/Web/HTML/Content_categories#メタデータコンテンツ"
           >メタデータコンテンツ</a
-        >。 <a href="/ja/docs/Web/HTML/Global_attributes/itemprop"><code>itemprop</code></a> 属性がある場合は<a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+        >。 <a href="/ja/docs/Web/HTML/Global_attributes/itemprop"><code>itemprop</code></a> 属性がある場合は<a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
           >フローコンテンツ</a
-        >、<a href="/ja/docs/Web/Guide/HTML/Content_categories#記述コンテンツ"
+        >、<a href="/ja/docs/Web/HTML/Content_categories#記述コンテンツ"
           >記述コンテンツ</a
         >。
       </td>
     </tr>
     <tr>
       <th>許可されている内容</th>
-      <td>なし。これは{{Glossary("empty element", "空要素")}}です。</td>
+      <td>なし。これは{{Glossary("void element", "空要素")}}です。</td>
     </tr>
     <tr>
       <th>タグの省略</th>
@@ -42,19 +42,19 @@ l10n:
       <td>
         <ul>
           <li>
-            <code>&#x3C;meta charset></code>, <code>&#x3C;meta http-equiv></code>: {{HTMLElement("head")}} 要素。<a href="/ja/docs/Web/HTML/Element/meta#http-equiv"><code>http-equiv</code></a> がエンコーディング宣言ではない場合は、 <code>&#x3C;head></code> 要素内にある {{HTMLElement("noscript")}} 要素の内部にも配置できます。
+            <code>&#x3C;meta charset></code>, <code>&#x3C;meta http-equiv></code>: {{HTMLElement("head")}} 要素。<a href="#http-equiv"><code>http-equiv</code></a> がエンコーディング宣言ではない場合は、 <code>&#x3C;head></code> 要素内にある {{HTMLElement("noscript")}} 要素の内部にも配置できます。
           </li>
           <li>
             <code>&#x3C;meta name></code>: <a
-              href="/ja/docs/Web/Guide/HTML/Content_categories#メタデータコンテンツ"
+              href="/ja/docs/Web/HTML/Content_categories#メタデータコンテンツ"
               >メタデータコンテンツ</a
             >を受け入れるすべての要素。
           </li>
           <li>
             <code>&#x3C;meta itemprop></code>: <a
-              href="/ja/docs/Web/Guide/HTML/Content_categories#メタデータコンテンツ"
+              href="/ja/docs/Web/HTML/Content_categories#メタデータコンテンツ"
               >メタデータコンテンツ</a
-            >または<a href="/ja/docs/Web/Guide/HTML/Content_categories#フローコンテンツ"
+            >または<a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
               >フローコンテンツ</a
             >を受け入れるすべての要素。
           </li>
@@ -82,21 +82,21 @@ l10n:
 
 `<meta>` 要素で提供されるメタデータの型は、以下のいずれかになります。
 
-- [`name`](/ja/docs/Web/HTML/Element/meta#name) 属性が設定されている場合、`<meta>` 要素は _文書レベルメタデータ_ を提供し、ページ全体に適用されます。
-- [`http-equiv`](/ja/docs/Web/HTML/Element/meta#http-equiv) 属性が設定されている場合、 `<meta>` 要素は _プラグマディレクティブ_ であり、同様の名前の HTTP ヘッダーによって与えられるものと同等の情報を提供します。
-- [`charset`](/ja/docs/Web/HTML/Element/meta#charset) 属性が設定されている場合、 `<meta>` 要素は _文字セット宣言_ であり、文書がどの文字エンコーディングでエンコードされているかを指定します。
+- [`name`](#name) 属性が設定されている場合、`<meta>` 要素は _文書レベルメタデータ_ を提供し、ページ全体に適用されます。
+- [`http-equiv`](#http-equiv) 属性が設定されている場合、 `<meta>` 要素は _プラグマディレクティブ_ であり、同様の名前の HTTP ヘッダーによって与えられるものと同等の情報を提供します。
+- [`charset`](#charset) 属性が設定されている場合、 `<meta>` 要素は _文字セット宣言_ であり、文書がどの文字エンコーディングでエンコードされているかを指定します。
 - [`itemprop`](/ja/docs/Web/HTML/Global_attributes/itemprop) 属性が設定されている場合、`<meta>` 要素は _ユーザー定義のメタデータ_ を提供します。
 
 ## 属性
 
 この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
 
-> **メモ:** [`name`](/ja/docs/Web/HTML/Element/meta#name) 属性は `<meta>` 要素において特別な意味を持ちます。また、 [`itemprop`](/ja/docs/Web/HTML/Global_attributes/itemprop) 属性は、 `<meta>` 要素にすでに [`name`](/ja/docs/Web/HTML/Element/meta#name), [`http-equiv`](/ja/docs/Web/HTML/Element/meta#http-equiv), [`charset`](/ja/docs/Web/HTML/Element/meta#charset) のいずれかがある場合は設定してはいけません。
+> **メモ:** [`name`](#name) 属性は `<meta>` 要素において特別な意味を持ちます。また、[`itemprop`](/ja/docs/Web/HTML/Global_attributes/itemprop) 属性は、`<meta>` 要素にすでに [`name`](#name), [`http-equiv`](#http-equiv), [`charset`](#charset) のいずれかがある場合は設定してはいけません。
 
 - `charset`
-  - : この属性は、文書の文字エンコーディングを宣言します。この属性が存在する場合、その値は大文字小文字の区別なく "`utf-8`" という ASCII 文字列と一致する必要があります。 UTF-8 が HTML5 文書で唯一の有効なエンコーディングだからです。文字エンコーディングを宣言する `<meta>` 要素は、文書の最初の 1024 バイトの中に完全に収まっている必要があります。
+  - : この属性は、文書の文字エンコーディングを宣言します。この属性が存在する場合、その値は大文字小文字の区別なく "`utf-8`" という ASCII 文字列と一致する必要があります。UTF-8 が HTML5 文書で唯一の有効なエンコーディングだからです。文字エンコーディングを宣言する `<meta>` 要素は、文書の最初の 1024 バイトの中に完全に収まっている必要があります。
 - `content`
-  - : この属性は状況に応じて、[`http-equiv`](/ja/docs/Web/HTML/Element/meta#http-equiv) 属性または [`name`](/ja/docs/Web/HTML/Element/meta#name) 属性に関連付けられた値を持ちます。
+  - : この属性は状況に応じて、[`http-equiv`](#http-equiv) 属性または [`name`](#name) 属性に関連付けられた値を持ちます。
 - `http-equiv`
 
   - : プラグマディレクティブを定義します。属性名が `http-equiv(alent)` なのは、利用できる値のすべてが特定の HTTP ヘッダーの名前だからです。
@@ -107,7 +107,7 @@ l10n:
 
     - `content-type`
 
-      文書の [MIME タイプ](/ja/docs/Web/HTTP/Basics_of_HTTP/MIME_types)を宣言するもので、後に文字エンコーディングの定義が続きます。指定された場合、 `content` 属性には "`text/html; charset=utf-8`" 設定しなければなりません。これは `<meta>` 要素に [`charset`](/ja/docs/Web/HTML/Element/meta#charset) 属性を指定した場合と同じであり、文書内の位置の制約も同様になります。 **メモ:** `text/html`で提供される文書でのみ使用することができます - XML MIME型で提供される文書では使用できません。
+      文書の [MIME タイプ](/ja/docs/Web/HTTP/Basics_of_HTTP/MIME_types)を宣言するもので、後に文字エンコーディングの定義が続きます。指定された場合、 `content` 属性には "`text/html; charset=utf-8`" 設定しなければなりません。これは `<meta>` 要素に [`charset`](#charset) 属性を指定した場合と同じであり、文書内の位置の制約も同様になります。 **メモ:** `text/html`で提供される文書でのみ使用することができます - XML MIME型で提供される文書では使用できません。
 
     - `default-style`
 
@@ -119,14 +119,14 @@ l10n:
 
     - `refresh` これは以下のことを指定する指示です。
 
-      - [`content`](/ja/docs/Web/HTML/Element/meta#content) 属性に正の整数が 1 つだけ含まれている場合は、ページを再読み込みするまでの秒数。
-      - [`content`](/ja/docs/Web/HTML/Element/meta#content) 属性に正の整数と、その後に文字列 '`;url=`' と有効な URL がある場合は、別のページにリダイレクトするまでの秒数。
+      - [`content`](#content) 属性に正の整数が 1 つだけ含まれている場合は、ページを再読み込みするまでの秒数。
+      - [`content`](#content) 属性に正の整数と、その後に文字列 '`;url=`' と有効な URL がある場合は、別のページにリダイレクトするまでの秒数。
 
       > **警告:**
       >
       > `refresh` の値で設定されたページは、時間間隔が短すぎになるという危険性があります。画面の内側から読み上げるような支援技術を利用している人は、自動的にリダイレクトされる前にページの内容を読み、理解することができないかもしれません。また、弱視の人にとっても、突然に予告なくページ内容が更新されると、混乱させる可能性があります。
       >
-      > - [MDN WCAG を理解する、ガイドライン 2.1 の説明](/ja/docs/Web/Accessibility/Understanding_WCAG/Operable#ガイドライン_2.1_—_キーボードアクセス可能_キーボードから全ての機能を利用可能にする)
+      > - [MDN WCAG を理解する、ガイドライン 2.2 の説明](/ja/docs/Web/Accessibility/Understanding_WCAG/Operable#ガイドライン_2.2_—_十分な時間_コンテンツを読んで使用するのに十分な時間をユーザーに提供する)
       > - [MDN WCAG を理解する、ガイドライン 3.1 の説明](/ja/docs/Web/Accessibility/Understanding_WCAG/Understandable#ガイドライン_3.2_—_予測可能_ウェブページを予測可能な方法で表示して操作させる)
       > - [Understanding Success Criterion 2.2.1 | W3C Understanding WCAG 2.0](https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-required-behaviors.html)
       > - [Understanding Success Criterion 2.2.4 | W3C Understanding WCAG 2.0](https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html)

From c7fd645a0ac250552c0e50945a9c9b809ea79d13 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Tue, 27 Jun 2023 22:05:37 +0800
Subject: [PATCH 122/146] docs(zh): remove references to mozPressure deprecated
 prop (#13939)

---
 files/zh-cn/web/api/element/click_event/index.md      | 2 --
 files/zh-cn/web/api/element/dblclick_event/index.md   | 1 -
 files/zh-cn/web/api/element/mousedown_event/index.md  | 2 --
 files/zh-cn/web/api/element/mouseenter_event/index.md | 2 --
 files/zh-cn/web/api/element/mouseleave_event/index.md | 2 --
 files/zh-cn/web/api/element/mousemove_event/index.md  | 2 --
 files/zh-cn/web/api/element/mouseout_event/index.md   | 2 --
 files/zh-cn/web/api/element/mouseover_event/index.md  | 2 --
 files/zh-cn/web/api/element/mouseup_event/index.md    | 2 --
 files/zh-cn/web/api/mouseevent/index.md               | 2 --
 files/zh-tw/web/api/mouseevent/index.md               | 2 --
 11 files changed, 21 deletions(-)

diff --git a/files/zh-cn/web/api/element/click_event/index.md b/files/zh-cn/web/api/element/click_event/index.md
index 655ee4c7f76c9c..cec0dfd5f999b2 100644
--- a/files/zh-cn/web/api/element/click_event/index.md
+++ b/files/zh-cn/web/api/element/click_event/index.md
@@ -69,8 +69,6 @@ _该接口同样继承了其父级（{{domxref("UIEvent")}} 和 {{domxref("Event
   - : 返回鼠标指针在全局（屏幕）坐标系中的 Y 坐标。
 - {{domxref("MouseEvent.shiftKey")}} {{readonlyinline}}
   - : 若在按下 <kbd>shift</kbd> 键的情况下触发鼠标事件，则返回 `true`。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline}} {{deprecated_inline}} {{readonlyinline}}
-  - : 触发事件时，施加到触摸或平板设备的压力；其值介于 `0.0`（最小压力）和 `1.0`（最大压力）之间。该（非标准的）属性已被弃用，你应该使用 {{domxref("PointerEvent")}} 代替，其具有 {{domxref("PointerEvent.pressure", "pressure")}} 属性。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline}} {{readonlyinline}}
   - : 触发事件的设备类型（一个 `MOZ_SOURCE_*` 常量）。这可以让你确定鼠标事件是由实际的鼠标还是由触摸事件生成（这可能会影响解析与事件相关联的坐标的准确度）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline}} {{readonlyinline}}
diff --git a/files/zh-cn/web/api/element/dblclick_event/index.md b/files/zh-cn/web/api/element/dblclick_event/index.md
index 86e7a4dda9120f..ebe4e9212143d4 100644
--- a/files/zh-cn/web/api/element/dblclick_event/index.md
+++ b/files/zh-cn/web/api/element/dblclick_event/index.md
@@ -38,7 +38,6 @@ slug: Web/API/Element/dblclick_event
 | `clientY` {{readonlyInline}}       | long                                             | 点击事件发生时鼠标对应的浏览器窗口的 y 轴坐标。                                                                                                                                                                                                                     |
 | `button` {{readonlyInline}}        | unsigned short                                   | 点击时按下的鼠标按钮：左键=0，中间按钮=1 (如果实现的话), 右键=2. 对于配置为左手使用按钮的操作被反转的鼠标，这些值从右向左读取。                                                                                                                                     |
 | `buttons` {{readonlyInline}}       | unsigned short                                   | 当鼠标事件被触发时按钮的 buttons: 左键=1，右键=2，中间按钮=4，第四个按钮 (通常是"返回")=8，第五个按钮 (通常是"前进")=16.若有两个或以上的按钮按下，返回以逻辑或运算形成的合并值。例如左键右键同时按下就返回 3 (=1 \| 2). [更多信息](/zh-CN/docs/Web/API/MouseEvent). |
-| `mozPressure` {{readonlyInline}}   | float                                            | 压力应用于接触或 tabdevice 时生成的事件的数量；该值介于 0（最小压力）和 1（最大压力）。                                                                                                                                                                             |
 | `ctrlKey` {{readonlyInline}}       | boolean                                          | 当事件被触发时 ctrl 按键被按下时为 true，否则为 false。                                                                                                                                                                                                             |
 | `shiftKey` {{readonlyInline}}      | boolean                                          | 当事件被触发时 shift 按键被按下时为 true，否则为 false。                                                                                                                                                                                                            |
 | `altKey` {{readonlyInline}}        | boolean                                          | 当事件被触发时 alt 按键被按下时为 true，否则为 false。                                                                                                                                                                                                              |
diff --git a/files/zh-cn/web/api/element/mousedown_event/index.md b/files/zh-cn/web/api/element/mousedown_event/index.md
index b66d0a754d95c1..3b3d02ad7445a7 100644
--- a/files/zh-cn/web/api/element/mousedown_event/index.md
+++ b/files/zh-cn/web/api/element/mousedown_event/index.md
@@ -67,8 +67,6 @@ _这个接口也继承其父接口 {{domxref("UIEvent")}} 和 {{domxref("Event")
   - : 鼠标指针相对于屏幕的 Y 轴坐标。
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : 当鼠标事件被触发时，如果 <kbd>shift</kbd> 键已被按下，返回 `true`。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : 产生事件时施加到触摸或平板电脑设备的压力量；该值在 0.0（最小压力）和 1.0（最大压力）之间。你应该使用 {{domxref("PointerEvent")}} 并查看 {{domxref("PointerEvent.pressure", "pressure")}} 属性，而不是使用此废弃的（和非标准）属性。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}
   - : 生成事件的设备类型（`MOZ_SOURCE_*` 常量之一）。例如，这允许你决定鼠标事件是否由实际的鼠标还是触摸事件生成（这可能会在一定程度影响你对事件相关坐标判断的准确性）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{ReadOnlyInline}}
diff --git a/files/zh-cn/web/api/element/mouseenter_event/index.md b/files/zh-cn/web/api/element/mouseenter_event/index.md
index b6258577641225..1f235de0bc4c5c 100644
--- a/files/zh-cn/web/api/element/mouseenter_event/index.md
+++ b/files/zh-cn/web/api/element/mouseenter_event/index.md
@@ -65,8 +65,6 @@ _这个接口也继承其父接口 {{domxref("UIEvent")}} 和 {{domxref("Event")
   - : 鼠标指针相对于屏幕的 Y 轴坐标。
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : 当鼠标事件被触发时，如果 <kbd>shift</kbd> 键已被按下，返回 `true`。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : 产生事件时施加到触摸或平板电脑设备的压力量；该值在 0.0（最小压力）和 1.0（最大压力）之间。你应该使用 {{domxref("PointerEvent")}} 并查看 {{domxref("PointerEvent.pressure", "pressure")}} 属性，而不是使用此废弃的（和非标准）属性。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}
   - : 生成事件的设备类型（`MOZ_SOURCE_*` 常量之一）。例如，这让你决定鼠标事件是否由实际的鼠标还是触摸事件生成（这可能会在一定程度影响你对事件相关坐标判断的准确性）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{ReadOnlyInline}}
diff --git a/files/zh-cn/web/api/element/mouseleave_event/index.md b/files/zh-cn/web/api/element/mouseleave_event/index.md
index ed872793a4483a..751cb1ebc21eec 100644
--- a/files/zh-cn/web/api/element/mouseleave_event/index.md
+++ b/files/zh-cn/web/api/element/mouseleave_event/index.md
@@ -67,8 +67,6 @@ _此接口也从其父接口 {{domxref("UIEvent")}} 和 {{domxref("Event")}} 继
   - : 鼠标指针在全局（屏幕）坐标系中的 Y 坐标。
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : 在鼠标事件触发时，如果 <kbd>shift</kbd> 键被按下，则返回 `true`。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : 在产生这个事件时，施加到触控或平板设备的压力量；该值介于 `0.0`（最小压力）和 `1.0`（最大压力）之间。你应该使用 {{domxref("PointerEvent")}} 并查看 {{domxref("PointerEvent.pressure", "pressure")}} 属性，而不是使用此废弃的（且非标准）的属性。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}
   - : 产生该事件的设备类型（`MOZ_SOURCE_*` 常量之一）。例如，你可以确定鼠标事件是由实际的鼠标还是由触摸事件生成的（这可能会影响你判断与事件关联的坐标时的准确度）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{ReadOnlyInline}}
diff --git a/files/zh-cn/web/api/element/mousemove_event/index.md b/files/zh-cn/web/api/element/mousemove_event/index.md
index 16d3bbe6bbaf60..d761fbcda237d7 100644
--- a/files/zh-cn/web/api/element/mousemove_event/index.md
+++ b/files/zh-cn/web/api/element/mousemove_event/index.md
@@ -65,8 +65,6 @@ _这个接口也继承其父接口 {{domxref("UIEvent")}} 和 {{domxref("Event")
   - : 鼠标指针相对于屏幕的 Y 轴坐标。
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : 当鼠标事件被触发时，如果 <kbd>shift</kbd> 键已被按下，返回 `true`。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : 产生事件时施加到触摸或平板电脑设备的压力量；该值在 0.0（最小压力）和 1.0（最大压力）之间。你应该使用 {{domxref("PointerEvent")}} 并查看 {{domxref("PointerEvent.pressure", "pressure")}} 属性，而不是使用此废弃的（和非标准）属性。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}
   - : 生成事件的设备类型（`MOZ_SOURCE_*` 常量之一）。例如，这允许你决定鼠标事件是否由实际的鼠标还是触摸事件生成（这可能会在一定程度影响你对事件相关坐标判断的准确性）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{ReadOnlyInline}}
diff --git a/files/zh-cn/web/api/element/mouseout_event/index.md b/files/zh-cn/web/api/element/mouseout_event/index.md
index 68d00064dceb55..09a34ee5e25604 100644
--- a/files/zh-cn/web/api/element/mouseout_event/index.md
+++ b/files/zh-cn/web/api/element/mouseout_event/index.md
@@ -67,8 +67,6 @@ _这个接口也继承其父接口 {{domxref("UIEvent")}} 和 {{domxref("Event")
   - : 鼠标指针相对于屏幕的 Y 轴坐标。
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : 当鼠标事件被触发时，如果 <kbd>shift</kbd> 键已被按下，返回 `true`。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : 产生事件时施加到触摸或平板电脑设备的压力量；该值在 0.0（最小压力）和 1.0（最大压力）之间。你应该使用 {{domxref("PointerEvent")}} 并查看 {{domxref("PointerEvent.pressure", "pressure")}} 属性，而不是使用此废弃的（和非标准）属性。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}
   - : 生成事件的设备类型（`MOZ_SOURCE_*` 常量之一）。例如，这允许你决定鼠标事件是否由实际的鼠标还是触摸事件生成（这可能会在一定程度影响你对事件相关坐标判断的准确性）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{ReadOnlyInline}}
diff --git a/files/zh-cn/web/api/element/mouseover_event/index.md b/files/zh-cn/web/api/element/mouseover_event/index.md
index c816054a5dccac..7960b5a9f7f9bd 100644
--- a/files/zh-cn/web/api/element/mouseover_event/index.md
+++ b/files/zh-cn/web/api/element/mouseover_event/index.md
@@ -65,8 +65,6 @@ _这个接口也继承其父接口 {{domxref("UIEvent")}} 和 {{domxref("Event")
   - : 鼠标指针相对于屏幕的 Y 轴坐标。
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : 当鼠标事件被触发时，如果 <kbd>shift</kbd> 键已被按下，返回 `true`。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : 产生事件时施加到触摸或平板电脑设备的压力量；该值在 0.0（最小压力）和 1.0（最大压力）之间。你应该使用 {{domxref("PointerEvent")}} 并查看 {{domxref("PointerEvent.pressure", "pressure")}} 属性，而不是使用此废弃的（和非标准）属性。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}
   - : 生成事件的设备类型（`MOZ_SOURCE_*` 常量之一）。例如，这让你决定鼠标事件是否由实际的鼠标还是触摸事件生成（这可能会在一定程度影响你对事件相关坐标判断的准确性）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{ReadOnlyInline}}
diff --git a/files/zh-cn/web/api/element/mouseup_event/index.md b/files/zh-cn/web/api/element/mouseup_event/index.md
index 28bc81e7067355..cbee899e01ce4b 100644
--- a/files/zh-cn/web/api/element/mouseup_event/index.md
+++ b/files/zh-cn/web/api/element/mouseup_event/index.md
@@ -67,8 +67,6 @@ _这个接口也继承其父接口 {{domxref("UIEvent")}} 和 {{domxref("Event")
   - : 鼠标指针相对于屏幕的 Y 轴坐标。
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : 当鼠标事件被触发时，如果 <kbd>shift</kbd> 键已被按下，返回 `true`。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : 产生事件时施加到触摸或平板电脑设备的压力量；该值在 0.0（最小压力）和 1.0（最大压力）之间。你应该使用 {{domxref("PointerEvent")}} 并查看 {{domxref("PointerEvent.pressure", "pressure")}} 属性，而不是使用此废弃的（和非标准）属性。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}
   - : 生成事件的设备类型（`MOZ_SOURCE_*` 常量之一）。例如，这让你决定鼠标事件是否由实际的鼠标还是触摸事件生成（这可能会在一定程度影响你对事件相关坐标判断的准确性）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{ReadOnlyInline}}
diff --git a/files/zh-cn/web/api/mouseevent/index.md b/files/zh-cn/web/api/mouseevent/index.md
index 4e98e5ce3167f3..53b777dc7ad908 100644
--- a/files/zh-cn/web/api/mouseevent/index.md
+++ b/files/zh-cn/web/api/mouseevent/index.md
@@ -62,8 +62,6 @@ _这个接口也继承了{{domxref("UIEvent")}} 和 {{domxref("Event")}}原型
   - : 当鼠标事件触发时，如果 <kbd>shift</kbd> 键被按下，则返回 true；
 - {{domxref("MouseEvent.which")}} {{non-standard_inline}} {{readonlyinline}}
   - : 当鼠标事件触发时，表示被按下的按钮。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{readonlyinline}}
-  - : 点击事件发生时施加在触摸屏或者平板设备的压力量。这个数值在 0.0（最小压力）和 1.0（最大压力）之间。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{readonlyinline}}
   - : 生成事件的类型（若干 `MOZ_SOURCE_*`常量如下列出）。可通过该属性获知鼠标事件是否由真实鼠标设备触发，亦或通过触摸事件触发（这可能影响处理坐标事件时的精确程度）。
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{readonlyinline}}
diff --git a/files/zh-tw/web/api/mouseevent/index.md b/files/zh-tw/web/api/mouseevent/index.md
index ffcfbb7acb1417..bfe3baa53e326b 100644
--- a/files/zh-tw/web/api/mouseevent/index.md
+++ b/files/zh-tw/web/api/mouseevent/index.md
@@ -58,8 +58,6 @@ _此介面也繼承了其父介面 {{domxref("UIEvent")}} 與 {{domxref("Event")
   - : Returns `true` if the <kbd>shift</kbd> key was down when the mouse event was fired.
 - {{domxref("MouseEvent.which")}} {{non-standard_inline}} {{readonlyinline}}
   - : The button being pressed when the mouse event was fired.
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{readonlyinline}}
-  - : The amount of pressure applied to a touch or tablet device when generating the event; this value ranges between `0.0` (minimum pressure) and `1.0` (maximum pressure).
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{readonlyinline}}
   - : The type of device that generated the event (one of the `MOZ_SOURCE_*` constants listed below). This lets you, for example, determine whether a mouse event was generated by an actual mouse or by a touch event (which might affect the degree of accuracy with which you interpret the coordinates associated with the event).
 - {{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{readonlyinline}}

From 77c67d25645d666bbc2115d6de9a6118f7b552d3 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Tue, 27 Jun 2023 22:05:53 +0800
Subject: [PATCH 123/146] initial zh-CN translation of "Pull requests" (#13953)

Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
---
 .../mdn/community/pull_requests/index.md      | 143 ++++++++++++++++++
 1 file changed, 143 insertions(+)
 create mode 100644 files/zh-cn/mdn/community/pull_requests/index.md

diff --git a/files/zh-cn/mdn/community/pull_requests/index.md b/files/zh-cn/mdn/community/pull_requests/index.md
new file mode 100644
index 00000000000000..295cf70b2fb771
--- /dev/null
+++ b/files/zh-cn/mdn/community/pull_requests/index.md
@@ -0,0 +1,143 @@
+---
+title: 拉取请求的提交和审查指南
+slug: MDN/Community/Pull_requests
+---
+
+{{MDNSidebar}}
+
+本文档描述了贡献者应如何对 MDN Web 文档进行更改，以及这些更改是如何进行审查并发布到网站上的。MDN Web 文档的内容更改包括：
+
+- API 文档、CSS 属性、平台更新和内容添加的**日常改进**。这通常由 Mozilla、谷歌、Open Web Docs、三星的 MDN Web 文档员工以及社区志愿者完成。
+- 对站点进行**小修复**和小更新，以修复拼写错误、语法问题和技术错误。这些问题通常由 MDN Web 文档的读者发现。
+- **内容错误修复**，通常由志愿者完成，以关闭 [`mdn/content` 仓库中的议题（issue）](https://github.com/mdn/content/issues)（对于本地化内容则是 [`mdn/translated-content` 仓库](https://github.com/mdn/translated-content/issues)）。
+
+无论内容更改是如何完成的，它们都会作为拉取请求提交到 GitHub 上。在发布到 MDN Web 文档之前，内容更改会经历以下阶段：
+
+1. **提交更改**：作为拉取请求的作者，你可以通过创建拉取请求来提交更改。有关我们的流程的更多信息，请参阅[开始之前](#开始之前)、[创建拉取请求](#创建拉取请求)和[创建拉取请求后](#创建拉取请求后)这几部分。
+2. **审查更改**：你的更改由 [MDN 成员和志愿者](#拉取请求审查流程)审查。有关更多详细信息，请参阅[拉取请求审查流程](#拉取请求审查流程)部分。
+3. **查看已发布更改**：`mdn/content`（本地化内容则是 `mdn/translated-content`）更改的内容将在合并后的一天内通过每 24 小时一次的网站重新构建发布。
+
+## 提交更改
+
+### 价值观与参与指南
+
+我们希望 MDN Web 文档成为一个我们都可以为之感到自豪的热情而又友好的社区。所有参与者都必须遵守我们的[行为准则](https://github.com/mdn/content/blob/main/CODE_OF_CONDUCT.md)，这意味着需要遵守 [Mozilla 社区参与准则](https://www.mozilla.org/zh-CN/about/governance/policies/participation/)。在创建拉取请求、撰写审查意见、与拉取请求作者或其他社区成员互动时，请保持礼貌和并使内容具有建设性。如果你或其他人遇到了可能违法或让你感到不安全、不受欢迎或不舒服的行为，我们鼓励你[报告此类行为](https://www.mozilla.org/zh-CN/about/governance/policies/participation/reporting/)。
+
+### 开始之前
+
+在你开始为 MDN Web 文档做出贡献之前，请阅读以下建议和指南。
+
+**拉取请求必须解决或部分解决现有的议题**。我们之所以有此限制，是为了避免你开始任何其他人可能已经在做的任务。在你想要贡献的 [MDN 仓库](https://github.com/orgs/mdn/repositories)中搜索议题和拉取请求，并确认你想要开始的工作尚未有其他人正在进行。当寻求为 MDN 项目做出贡献时，你会发现自己处于以下情况之一：
+
+- **如果你希望为该项目做出贡献**，你可以在任意 [MDN GitHub 仓库](https://github.com/orgs/mdn/repositories)的“议题（Issues）”（例如 [`mdn/content` 仓库的议题](https://github.com/mdn/content/issues)）下以及我们[公开的 GitHub 项目看板](https://github.com/orgs/mdn/projects)中找到任务。请确保议题未被分配给其他人，并且没有人已经为该任务创建拉取请求。标记为 `good first issue` 的议题是一个很好的起点。
+- **如果你在 MDN 上发现了问题**，你应该首先创建一个议题。**在开始工作之前，议题需要维护者的回复**，以便你知道拉取请求所解决的问题是有效的，并且你的拉取请求将被接受。有关议题的更多信息，请参阅我们的 [GitHub 议题的社区页面](https://github.com/mdn/mdn/issues/new?labels=proposal%2Cneeds+triage&template=content-or-feature-suggestion.yml&title=Enter+your+proposal+here)。
+- **如果你想提议新内容或新特性**，请通过 [GitHub 议题模板](https://github.com/mdn/mdn/issues/new/choose)“New content or feature suggestion”提交提议。
+
+如果你不确定从哪里开始，请在 [Discord 服务器](/zh-CN/docs/MDN/Community/Communication_channels#discord_服务器)上与我们联系并寻求反馈。
+
+### 创建拉取请求
+
+当你准备好创建拉取请求时，请遵循以下指南：
+
+- **拉取请求应该简短且集中于一个议题**：如果可以，请将相关的一组更改分成多个小的拉取请求。如果拉取请求变得太大，审查者可能会关闭它，并要求你为每个逻辑上属于一组的更改提交拉取请求。
+- **添加更改的描述**：尽可能提供拉取请求的上下文和理由。
+- **添加指向你要关闭的议题的链接**：在拉取请求的描述中，如果拉取请求完全解决了某个议题，请添加“Fixes”，如果它是一个相关的议题，请添加“Relates to”。有关在拉取请求中链接到议题的更多信息，请参阅 [GitHub 文档](https://docs.github.com/zh/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword)。
+- **添加“依赖”**：如果有必须先合并的拉取请求（例如，其他仓库中的代码示例），请添加依赖的链接。
+- **将代码示例更改和内容更改放在一起**：这对于确保更新后的示例能够正确运行非常重要。如果你正在进行的内容更改会影响示例的使用方式，则应同时更新相关的代码示例。
+- **添加审查员**：如果你已经知道谁应该审查你的拉取请求，你可以添加审查员，例如团队成员或主题所有者。
+- **不要仅进行语法更改**：MDN Web 文档包含技术文档；除非语法不正确，否则你不应提议散文风格的更改。
+- **不要在遵循特定格式的页面上不必要地添加或删除换行符。**
+- **不要启用自动合并。**
+
+### 创建拉取请求后
+
+- **处理持续集成（CI）的错误**，这些错误是由 GitHub Actions 运行的自动化测试引起的（见 `.github/workflows`）。如果这些测试中的一个或多个失败，你有责任尝试解决它们。如果你不知道如何解决潜在的问题，请寻求帮助。
+- **解决与主分支的合并冲突**，你有责任解决这些冲突。你可以通过将 `mdn/main` 分支合并到你的分支来解决这些冲突。有关更多信息，请参阅 GitHub 文档[关于使拉取请求保持同步](https://docs.github.com/zh/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/keeping-your-pull-request-in-sync-with-the-base-branch#about-keeping-your-pull-request-in-sync)。
+- **对反馈做出响应**。这意味着你应该准备根据审查意见对拉取请求进行更改。如果进行了审查，但没有进行更改，那么拉取请求可能会被关闭。
+- **对审查过程保持耐心**。MDN 组织收到了大量的拉取请求，团队可能需要一定的时间来审查你的贡献。
+- **请不要重新打开已关闭的拉取请求**。如果你必须创建一个新的拉取请求，其可以引用已关闭的拉取请求。
+
+## 拉取请求审查流程
+
+当你创建拉取请求时，会基于 `CODEOWNERS` 文件自动分配审查员，但如果你想要请求特定的人进行审查，你可以手动[请求审查](https://docs.github.com/zh/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review)。我们还使用拉取请求的自动标记来帮助我们对其进行分类。维护者可以进一步对拉取请求进行分类，并根据上下文添加任何其他标签，例如 `needs-info` 或 `on-hold`。
+
+如果你想要审查拉取请求，但没有被列为审查员，你可以将自己添加为审查员。通过在拉取请求上发表评论，告知现有的审查员你打算开始审查是一种有礼貌的做法。
+
+### 审查员和受理人
+
+MDN Web 文档团队使用审查员（reviewer）和受理人（assignee）来跟踪拉取请求的状态。
+
+- **审查员**是对拉取请求中的更改进行评估并为作者提供反馈的人。
+- **受理人**是负责确保拉取请求不被阻塞的人。并非所有拉取请求都有受理人，但如果有，他们负责确保拉取请求的进展。受理人通过合并、关闭或自己进行解除阻塞工作来帮助工作的完成。
+
+拉取请求的审查员或受理人负责合并更改。
+
+在你开始审查之前，请检查拉取请求的描述，以确保没有人应该对其进行审查。确保所有持续集成测试都已成功完成，并且没有合并冲突。
+
+如果有任何测试失败或存在合并冲突，请将此信息传达给作者；他们有责任解决这些问题。你可以将作者设置为**受理人**，以表示拉取请求在审查开始之前需要他们的注意。确保能够为作者提供帮助，特别是对于项目的新贡献者。
+
+### 审查拉取请求
+
+当涉及拉取请求的更改时，内容和散文必须遵循 [MDN 写作风格指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide) ，示例代码必须遵循[代码风格指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide)。
+
+在审查拉取请求时，你应该：
+
+- **为拉取请求添加评论**，以便让作者知道你已经知道了这个拉取请求，并将开始审查。这是为了避免不必要的情况，即其他人同时开始审查拉取请求。
+- **将审查范围限制**在拉取请求中的更改上。提出后续议题或拉取请求，以解决拉取请求未涵盖的其他改进。
+- **寻求帮助**，如果你需要审查方面的技术帮助，请添加 `review-help-needed` 标签。
+- **关闭包含不相关更改的拉取请求**，如果拉取请求过于复杂或包含多个不相关的更改。在这种情况下，请要求拉取请求的作者将其更改拆分成更细粒度的更改以提交。
+- **平衡请求负载**，如果你的工作量已满，而没有时间进行审查。通知 `@core-yari-content` 团队，并询问是否有其他人可以接手。
+- **不要在“依赖”未合并的情况下合并**拉取请求。
+
+如果除了小的拼写错误和其他小问题之外，拉取请求看起来不错，你可能需要直接修复问题。如果拉取请求[已设置为允许更改](https://docs.github.com/zh/pull-requests/collaborating-with-pull-requests/working-with-forks/allowing-changes-to-a-pull-request-branch-created-from-a-fork)，你就可以这样做。建议使用[带有建议的评论](https://docs.github.com/zh/pull-requests/collaborating-with-pull-requests/reviewing-changes-in-pull-requests/commenting-on-a-pull-request#adding-comments-to-a-pull-request)来修复小问题，因为它们可以一次性批量提交。
+
+提交评论时，你有三个选项：**批准**（approve）、**评论**（comment）或**请求更改**（request changes）。下面的部分将解释每个选项应在何时使用。
+
+### 请求更改
+
+当你提供的反馈*需要*作者解决并由审查员重新审查才能批准和合并拉取请求时，请使用请求更改选项。
+
+#### 评论
+
+当你的反馈不是关键性的，且不需要重新审查时，请使用评论选项。简而言之，你相信作者和其他审查员会做出正确的判断。
+
+#### 批准
+
+当一切看起来都很好，且从你的角度来看准备好合并时，请使用批准选项。提交审查后，如果没有其他审查员或任何未解决的审查意见，你可以安全地合并拉取请求。
+
+#### 遇到困难时该怎么办
+
+如果你不理解内容更改，或者觉得它太大且太复杂，无法处理，请不要惊慌！向拉取请求的作者寻求帮助信息是一个很好的开始。
+
+很少有情况需要你在没有警告的情况下审查一个大型、复杂的内容更改。但是，如果确实发生了这种情况，拉取请求的描述应该链接到一个解释背景信息的议题。
+
+如果你仍然不确定，或者认为内容是可疑的，请联系 MDN Web 文档团队并寻求帮助。
+
+### 作者和审查员的周转时间指南
+
+这个部分为拉取请求作者和审查员提供了预期周转时间的详细信息。
+
+- **审查**：拉取请求的审查员应该能够在 2 周内审查更改。在拉取请求打开后的 2 周内，审查员可以：
+  - 留下评论，说明他们何时可以开始审查拉取请求
+  - 寻求技术或资源方面的帮助
+- **处理请求的更改**：拉取请求的作者应该能够在 4 周内回应或修复审查意见。如果拉取请求的作者无法在此期限内回应或修复审查意见，审查员可以执行以下操作之一：
+  - 提交更改并合并拉取请求
+  - 关闭拉取请求
+
+### 外部审查员
+
+MDN 内容仓库上的某些拉取请求与浏览器供应商或组织的特定工作相关联，这些工作由明确的作者和审查员完成。在这些情况下，作者将在拉取请求描述的底部的一行中包含审查员的用户名，例如：
+
+```md
+reviewer: @jpmedley
+```
+
+如果你收到审查请求，而且你已经被上述方式中的另一个审查员覆盖，请不要审查更改。一旦描述中提到的审查员批准了更改，他们将要求 `CODEOWNERS` 的批准。
+
+## 阅读清单
+
+我们鼓励审查员阅读以下文章，以帮助完成常见任务：
+
+- [关闭的艺术](https://blog.jessfraz.com/post/the-art-of-closing/)解释了如何关闭未完成或被拒绝的拉取请求
+- [善意和代码审查：改进我们提供反馈的方式](https://product.voxmedia.com/2018/8/21/17549400/kindness-and-code-reviews-improving-the-way-we-give-feedback)给出了提供反馈的有用提示
+- [审查员的代码审阅指南](https://phauer.com/2018/code-review-guidelines/#code-reviews-guidelines-for-the-reviewer)提供了友好和不友好的反馈示例

From 8b13e801ac2d3c5a796926de781e30280dd4ef08 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Wed, 28 Jun 2023 03:52:43 +0200
Subject: [PATCH 124/146] [zh-cn] sync translated content (#13960)

Co-authored-by: Allo <yin199909@aliyun.com>
---
 files/zh-cn/_redirects.txt                    |   1 +
 files/zh-cn/_wikihistory.json                 |   4 -
 .../zh-cn/learn/accessibility/mobile/index.md |  60 ++-
 .../index.md                                  | 437 ------------------
 4 files changed, 30 insertions(+), 472 deletions(-)
 delete mode 100644 files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.md

diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt
index 0427a76bb12ba5..9c07c786d0d84d 100644
--- a/files/zh-cn/_redirects.txt
+++ b/files/zh-cn/_redirects.txt
@@ -2663,6 +2663,7 @@
 /zh-CN/docs/Web/Progressive_web_apps/Offline_Service_workers	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Offline_Service_workers
 /zh-CN/docs/Web/Progressive_web_apps/Re-engageable_Notifications_Push	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Re-engageable_Notifications_Push
 /zh-CN/docs/Web/Progressive_web_apps/Responsive/Media_types	/zh-CN/docs/Web/CSS/CSS_media_queries/Using_media_queries
+/zh-CN/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks	/zh-CN/docs/Learn/CSS/CSS_layout/Responsive_Design
 /zh-CN/docs/Web/Progressive_web_apps/加载	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Loading
 /zh-CN/docs/Web/Progressive_web_apps/添加到主屏幕	/zh-CN/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable
 /zh-CN/docs/Web/SVG/Attribute/文本锚点	/zh-CN/docs/Web/SVG/Attribute/text-anchor
diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
index 677cd5c0d64656..67e07b90457944 100644
--- a/files/zh-cn/_wikihistory.json
+++ b/files/zh-cn/_wikihistory.json
@@ -32180,10 +32180,6 @@
     "modified": "2019-11-13T02:27:54.714Z",
     "contributors": ["JC-Ge"]
   },
-  "Web/Progressive_web_apps/Responsive/responsive_design_building_blocks": {
-    "modified": "2020-11-17T04:04:41.165Z",
-    "contributors": ["DingGuangbo"]
-  },
   "Web/Progressive_web_apps/Tutorials/js13kGames/App_structure": {
     "modified": "2020-05-31T18:38:01.454Z",
     "contributors": [
diff --git a/files/zh-cn/learn/accessibility/mobile/index.md b/files/zh-cn/learn/accessibility/mobile/index.md
index a0210a5f14c73a..b3166c249e8fbc 100644
--- a/files/zh-cn/learn/accessibility/mobile/index.md
+++ b/files/zh-cn/learn/accessibility/mobile/index.md
@@ -10,7 +10,7 @@ slug: Learn/Accessibility/Mobile
 <table>
   <tbody>
     <tr>
-      <th scope="row">前置条件：</th>
+      <th scope="row">前提：</th>
       <td>
         基本的计算机素养，对 Javascript,html,css 有基本的认识，对<a
           href="/zh-CN/docs/Learn/Accessibility"
@@ -33,17 +33,17 @@ slug: Learn/Accessibility/Mobile
 
 你只要需要遵守好的 web 设计规范和最佳的无障碍实践，就可以让你的网站在手机上可用且无障碍。
 
-移动设备需要特别考虑一些例外情况; 主要的是：
+移动设备需要特别考虑一些例外情况；主要的是：
 
-- 控件交互 - 确保类似于按钮的 UI 控件可以在移动端（主要是触摸屏）和桌面端（主要是鼠标/键盘）无障碍的使用
-- 用户输入 - 在移动端尽可能的减少用户输入的要求（例如在表单中，尽量少打字）。
-- 响应式设计 - 确保移动端布局正常的情况下，节省需要下载的图片大小，并考虑为高分辨率的屏幕提供图片。
+- 控件交互——确保类似于按钮的 UI 控件可以在移动端（主要是触摸屏）和桌面端（主要是鼠标/键盘）无障碍的使用
+- 用户输入——在移动端尽可能的减少用户输入的要求（例如在表单中，尽量少打字）。
+- 响应式设计——确保移动端布局正常的情况下，节省需要下载的图片大小，并考虑为高分辨率的屏幕提供图片。
 
 ## Android 和 iOS 上的屏幕阅读器测试总结
 
 最常见的移动端平台具有功能全面的屏幕阅读器。这些功能和桌面端屏幕阅读器大致相同，除了移动端屏幕阅读器大量的使用手势操作而不是按键组合操作。
 
-让我们来看看最主要的两个 - Android 上的 TalkBack 和 iOS 上的 VoiceOver。
+让我们来看看最主要的两个——Android 上的 TalkBack 和 iOS 上的 VoiceOver。
 
 ### Android TalkBack
 
@@ -51,8 +51,6 @@ TalkBack 是运行在 Android 系统上的。
 
 在菜单中选择 设置 > 无障碍 > TalkBack，打开开关即可打开 TalkBack。按照屏幕提示操作即可。
 
-**注意**: 旧版本的 TalkBack 的打开方式有[一点不同](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback)。
-
 当 TalkBack 打开时，你的 android 设备的基本操作将有一点点不同。举个例子：
 
 1. 点击一个应用将会选择它，同时，你的设备将会告诉你这个 APP 是什么。
@@ -66,9 +64,9 @@ TalkBack 是运行在 Android 系统上的。
 2. 导航到 无障碍 > TalkBack
 3. 导航到滑动的开关，并激活它将其关闭。
 
-**注意**: 你可以通过向左上方滑动返回桌面，如果你有多个桌面，你可以通过两个手指在屏幕上左右滑动来切换桌面。
+> **备注：** 你可以通过向左上方滑动返回桌面，如果你有多个桌面，你可以通过两个手指在屏幕上左右滑动来切换桌面。
 
-**注意**: 关于“TalkBack”的收拾完整列表，查看[使用 TalkBack 手势](https://support.google.com/accessibility/android/answer/6151827)。
+关于“TalkBack”手势的完整列表，查看[使用 TalkBack 手势](https://support.google.com/accessibility/android/answer/6151827)。
 
 #### 解锁手机
 
@@ -89,7 +87,7 @@ TalkBack 允许你使用全局和本地菜单，无论你已经导航到哪个
 3. 向左右滑动可以选择不同的菜单。
 4. 一旦你选择了你想要的选项，双击它可以直接选择。
 
-想要查看全局和本地上下文菜单的详细选项，请查看[使用全局和本地上下文菜单](https://support.google.com/accessibility/android/answer/6007066)
+想要查看全局和本地上下文菜单的详细选项，请查看[使用全局和本地上下文菜单](https://support.google.com/accessibility/android/answer/6007066)。
 
 #### 浏览网页
 
@@ -111,7 +109,7 @@ TalkBack 允许你使用全局和本地菜单，无论你已经导航到哪个
 7. 双击选择它。现在你就可以通过左右滑动在标题和 ARIA 标识之间切换
 8. 向右向上滑动之后，进去本地上下文菜单，选择“默认”，就可以返回默认模式
 
-**注意**: 查看[TalkBack 入门](https://support.google.com/accessibility/android/answer/6283677?hl=en&ref_topic=3529932)获取更完整的文档。
+> **备注：** 查看 [TalkBack 入门](https://support.google.com/accessibility/android/answer/6283677?ref_topic=3529932)获取更完整的文档。
 
 ### iOS VoiceOver
 
@@ -135,7 +133,7 @@ TalkBack 允许你使用全局和本地菜单，无论你已经导航到哪个
 
 #### 使用转子
 
-当 VoiceOver 打开时，您可以使用一种名为“转子”的导航功能，该功能可让您快速从多种常用选项中进行选择。要使用它：
+当 VoiceOver 打开时，你可以使用一种名为“转子”的导航功能，该功能可让你快速从多种常用选项中进行选择。要使用它：
 
 1. 像转动拨号盘一样在屏幕上扭动两根手指。当你扭动更多的时候，每个选项都会被朗读。你可以来回循环选项。
 2. 一旦你找到你想要的选项：
@@ -170,17 +168,17 @@ TalkBack 允许你使用全局和本地菜单，无论你已经导航到哪个
 
 7. 选择标题，现在你可以通过上下滑动在页面的不同标题中切换
 
-**注意**: 有关 iOS 上可用的 VoiceOver 手势以及有关辅助功能的其他提示的更完整资料可以查看[在你的设备上用 VoiceOver 测试辅助功能](https://developer.apple.com/library/content/technotes/TestingAccessibilityOfiOSApps/TestAccessibilityonYourDevicewithVoiceOver/TestAccessibilityonYourDevicewithVoiceOver.html#//apple_ref/doc/uid/TP40012619-CH3)
+> **备注：** 有关 iOS 上可用的 VoiceOver 手势以及有关辅助功能的其他提示的更完整资料可以查看[在你的设备上用 VoiceOver 测试辅助功能](https://developer.apple.com/library/archive/technotes/TestingAccessibilityOfiOSApps/TestAccessibilityonYourDevicewithVoiceOver/TestAccessibilityonYourDevicewithVoiceOver.html)。
 
 ## 控制机制
 
 在我们的 CSS 和 JavaScript 无障碍文章中，我们研究了特定于某种控制机制的事件的概念（请参阅[鼠标特定的事件](/zh-CN/docs/Learn/Accessibility/CSS_and_JavaScript#mouse-specific_events)）。回顾一下，因为其他控制机制不能激活相关的功能，将会导致辅助功能的问题。
 
-举例来说，[点击事件](/zh-CN/docs/Web/API/GlobalEventHandlers/onclick)在无障碍方面是好的 - 通过点击处理器设置的元素，选中它并按下回车或返回，或者在触摸屏设备上点击它，可以调用关联的事件处理程序。试试我们的例子[simple-button-example.html](https://github.com/mdn/learning-area/blob/master/accessibility/mobile/simple-button-example.html)([查看在线例子](https://mdn.github.io/learning-area/accessibility/mobile/simple-button-example.html)) 来看看我们是什么意思。
+举例来说，[点击](/zh-CN/docs/Web/API/Element/click_event)事件在无障碍方面是好的——通过点击处理器设置的元素，选中它并按下回车或返回，或者在触摸屏设备上点击它，可以调用关联的事件处理程序。试试我们的例子 [simple-button-example.html](https://github.com/mdn/learning-area/blob/main/accessibility/mobile/simple-button-example.html)（[查看在线例子](https://mdn.github.io/learning-area/accessibility/mobile/simple-button-example.html)）来看看我们是什么意思。
 
-另一方面，像[mousedown](/zh-CN/docs/Web/API/GlobalEventHandlers/onmousedown)和[mouseup](/zh-CN/docs/Web/API/GlobalEventHandlers/onmouseup)这些特定的鼠标事件会产生一些问题 - 他们的事件处理程序不能使用除了鼠标意外的设备操作。
+另一方面，像 [mousedown](/zh-CN/docs/Web/API/Element/mousedown_event) 和 [mouseup](/zh-CN/docs/Web/API/Element/mouseup_event) 这些特定的鼠标事件会产生一些问题——它们的事件处理器不能使用除了鼠标意外的设备操作。
 
-如果你尝试通过键盘或触摸来试试我们的[simple-box-drag.html](https://github.com/mdn/learning-area/blob/master/accessibility/mobile/simple-box-drag.html)([查看在线例子](https://mdn.github.io/learning-area/accessibility/mobile/simple-box-drag.html))，你将发现问题。它发生的原因是我们用了下面的代码：
+如果你尝试通过键盘或触摸来试试我们的 [simple-box-drag.html](https://github.com/mdn/learning-area/blob/main/accessibility/mobile/simple-box-drag.html)（[查看在线例子](https://mdn.github.io/learning-area/accessibility/mobile/simple-box-drag.html)），你将发现问题。它发生的原因是我们用了下面的代码：
 
 ```js
 div.onmousedown = function() {
@@ -205,21 +203,21 @@ div.ontouchstart = function(e) {
 panel.ontouchend = stopMove;
 ```
 
-我们提供了一个简单的例子来展示如何使用鼠标和触摸事件 - [multi-control-box-drag.html](https://github.com/mdn/learning-area/blob/master/accessibility/mobile/multi-control-box-drag.html) ([查看在线例子](https://mdn.github.io/learning-area/accessibility/mobile/multi-control-box-drag.html))
+我们提供了一个简单的例子来展示如何使用鼠标和触摸事件——[multi-control-box-drag.html](https://github.com/mdn/learning-area/blob/main/accessibility/mobile/multi-control-box-drag.html)（[查看在线例子](https://mdn.github.io/learning-area/accessibility/mobile/multi-control-box-drag.html)）
 
-**注意**: 你可以看到一个功能完善的例子，展示如何在实现[游戏控制机制](/zh-CN/docs/Games/Techniques/Control_mechanisms)中实现不同的控制机制。
+> **备注：** 你可以看到一个功能完善的例子，展示如何在实现[游戏控制机制](/zh-CN/docs/Games/Techniques/Control_mechanisms)中实现不同的控制机制。
 
 ## 响应式设计
 
-[响应式设计](/zh-CN/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks)是根据屏幕大小和分辨率等因素动态更改您的应用程序的布局和其他功能的做法，因此对于不同设备类型的用户来说，它们是可用和可访问的。
+[响应式设计](/zh-CN/docs/Learn/CSS/CSS_layout/Responsive_Design)是根据屏幕大小和分辨率等因素动态更改你的应用程序的布局和其他功能的做法，因此对于不同设备类型的用户来说，它们是可用和可访问的。
 
 特别是，移动端设备需要解决的最常见的问题是：
 
 - 移动端设备布局的适用性。例如，在窄屏上多列布局不能很好的工作，需要增加文字大小以提高可读性。这些问题可以通过[媒体查询](/zh-CN/docs/Web/CSS/CSS_media_queries)、[viewport](/zh-CN/docs/Web/HTML/Viewport_meta_tag)、[弹性布局](/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox)来解决。
-- 节省下载的图片大小。一般来说，小屏幕设备不需要与桌面设备一样大的图像，而且它们将更可能在慢速网络连接上。因此，适当地缩小屏幕设备以缩小图像是明智的。您可以使用[响应式图像技术](/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)处理此问题。
-- 考虑高分辨率。许多移动设备具有高分辨率屏幕，因此需要更高分辨率的图像，使得显示器可以继续看起来清晰和锐利。再次，您可以使用响应式图像技术来适当地提供图像。此外，使用 SVG 矢量图像格式可以满足许多图像要求，这些格式在目前的浏览器中得到了很好的支持。SVG 有一个小文件大小，并将保持清晰的大小显示在（请参阅[向网络添加矢量图形](/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web)一些更多的细节）。
+- 节省下载的图片大小。一般来说，小屏幕设备不需要与桌面设备一样大的图像，而且它们将更可能在慢速网络连接上。因此，适当地缩小屏幕设备以缩小图像是明智的。你可以使用[响应式图像技术](/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)处理此问题。
+- 考虑高分辨率。许多移动设备具有高分辨率屏幕，因此需要更高分辨率的图像，使得显示器可以继续看起来清晰和锐利。再次，你可以使用响应式图像技术来适当地提供图像。此外，使用 SVG 矢量图像格式可以满足许多图像要求，这些格式在目前的浏览器中得到了很好的支持。SVG 有一个小文件大小，并将保持清晰的大小显示在（请参阅[向网络添加矢量图形](/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web)一些更多的细节）。
 
-**注意**: 我们不会在这里对响应式设计进行完整的讨论，因为他们在 MDN 其他地方都有涉及（参考上面的链接）。
+> **备注：** 我们不会在这里对响应式设计进行完整的讨论，因为他们在 MDN 其他地方都有涉及（参考上面的链接）。
 
 ### 具体的需要注意的点
 
@@ -227,7 +225,7 @@ panel.ontouchend = stopMove;
 
 #### 不能缩放
 
-我们可以利用[viewport](/zh-CN/docs/Web/HTML/Viewport_meta_tag)来禁止用户缩放，在你的[\<head>](/zh-CN/docs/Web/HTML/Element/head)中加入下列代码即可：
+我们可以利用 [viewport](/zh-CN/docs/Web/HTML/Viewport_meta_tag)来禁止用户缩放，在你的 {{htmlelement("head")}} 中加入下列代码即可：
 
 ```html
 <meta name="viewport" content="user-scalable=no">
@@ -241,28 +239,28 @@ panel.ontouchend = stopMove;
 
 在实现这样的菜单时，需要确保显示控件的控件可以通过适当的控制机制（通常为移动触摸）进行访问，如上面的控制机制中所讨论的，并且页面的其余部分被移开 或在菜单被访问时以某种方式隐藏，以避免与导航混淆。
 
-让我们来看一个很好的“[汉堡包菜单”的例子](http://fritz-weisshart.de/meg_men/)
+让我们来看一个很好的[“汉堡包菜单”的示例](https://fritz-weisshart.de/meg_men/)。
 
 ## 用户输入
 
 在移动设备上，输入数据往往比在台式计算机上的同等体验更令用户恼火。使用桌面或笔记本电脑键盘输入文本到表单输入比触摸屏虚拟键盘或微小的移动物理键盘更方便。
 
-出于这个原因，值得尽量减少所需的输入量。作为一个例子，与其让用户每次使用常规文本输入来填写他们的工作标题，而是可以提供一个\<select>菜单，其中包含最常见的选项（这也有助于数据输入的一致性），并提供一个“其他”选项，显示一个文本字段来输入任何异常值。你可以在[common-job-types.html](https://github.com/mdn/learning-area/blob/master/accessibility/mobile/common-job-types.html)中看到这个想法的一个简单的例子（查看[在线例子](https://mdn.github.io/learning-area/accessibility/mobile/common-job-types.html)）。
+出于这个原因，值得尽量减少所需的输入量。作为一个例子，与其让用户每次使用常规文本输入来填写他们的工作标题，而是可以提供一个\<select>菜单，其中包含最常见的选项（这也有助于数据输入的一致性），并提供一个“其他”选项，显示一个文本字段来输入任何异常值。你可以在 [common-job-types.html](https://github.com/mdn/learning-area/blob/main/accessibility/mobile/common-job-types.html)中看到这个想法的一个简单的例子（查看[在线例子](https://mdn.github.io/learning-area/accessibility/mobile/common-job-types.html)）。
 
-也值得考虑在移动平台上使用 HTML5 格式输入类型（如日期），因为它们可以很好地处理它们 - 例如，Android 和 iOS 都会显示可用于设备体验的可用小部件。有关示例，请参阅[html5-form-examples.html](https://github.com/mdn/learning-area/blob/master/accessibility/mobile/html5-form-examples.html)（请查看[HTML5 表单示例](https://mdn.github.io/learning-area/accessibility/mobile/html5-form-examples.html)） - 尝试加载这些内容并在移动设备上对其进行操作。例如：
+也值得考虑在移动平台上使用 HTML5 格式输入类型（如日期），因为它们可以很好地处理它们 - 例如，Android 和 iOS 都会显示可用于设备体验的可用小部件。有关示例，请参阅[html5-form-examples.html](https://github.com/mdn/learning-area/blob/main/accessibility/mobile/html5-form-examples.html)（请查看 [HTML5 表单示例](https://mdn.github.io/learning-area/accessibility/mobile/html5-form-examples.html)）——尝试加载这些内容并在移动设备上对其进行操作。例如：
 
 - 在输入数字、电话和邮件时，展示合适的虚拟键盘来输入数字。
 - 在输入时间和日期时展示合适的选择器来选择时间和日期。
 
-如果你想为桌面端提供不同的解决方案，则可以使用功能检测为您的移动设备始终提供不同的标记。有关检测不同输入类型的原始信息，请参阅[输入类型](http://diveinto.html5doctor.com/detect.html#input-types)，还可以查看我们的[功能检测文章](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection)获取更多信息。
+如果你想为桌面端提供不同的解决方案，则可以使用特性检测为你的移动设备始终提供不同的标记。有关检测不同输入类型的原始信息，请参阅[输入类型](https://diveinto.html5doctor.com/detect.html#input-types)，还可以查看我们的[特性检测文章](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection)获取更多信息。
 
 ## 总结
 
-在本文中，我们向您提供了有关常见移动设备无障碍问题的一些细节以及如何克服这些问题。我们还通过使用最常用的屏幕阅读器来帮助您进行无障碍测试。
+在本文中，我们向你提供了有关常见移动设备无障碍问题的一些细节以及如何克服这些问题。我们还通过使用最常用的屏幕阅读器来帮助你进行无障碍测试。
 
 ## 参见
 
-- [移动 Web 开发指南](https://www.smashingmagazine.com/guidelines-for-mobile-web-development/) — “Smashing”杂志的文章列表，涵盖移动网页设计的不同技术。
-- [使您的网站在触摸设备上工作](http://www.creativebloq.com/javascript/make-your-site-work-touch-devices-51411644) — 有关使用触摸事件来获得在移动设备上进行交互的有用文章。
+- [移动 Web 开发指南](https://www.smashingmagazine.com/2012/07/guidelines-for-mobile-web-development/)——“Smashing”杂志的文章列表，涵盖移动网页设计的不同技术。
+- [使你的网站在触摸设备上工作](https://www.creativebloq.com/javascript/make-your-site-work-touch-devices-51411644)——有关使用触摸事件来获得在移动设备上进行交互的有用文章。
 
 {{PreviousMenuNext("Learn/Accessibility/Multimedia","Learn/Accessibility/Accessibility_troubleshooting", "Learn/Accessibility")}}
diff --git a/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.md b/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.md
deleted file mode 100644
index e23f7ccfce9465..00000000000000
--- a/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.md
+++ /dev/null
@@ -1,437 +0,0 @@
----
-title: 响应式设计的基础
-slug: Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
----
-
-在本文中，我们将讨论响应式设计的主要基本组成部分，并在必要时提供一些指向更多信息的链接。
-
-For Web developers, it is now fairly common to be called upon to create a Web site or app that changes its user interface depending on the browser or device accessing the site to provide an optimized experience. One approach to this is to create different versions of your site/app for different platforms or browsers and serve them appropriately after detecting which browser or platform is looking at your site. But this is increasingly inefficient: browser sniffing is inherently error prone, and maintaining multiple copies of your code can turn out to be a nightmare.
-
-It is usually much better to create a single version of your code which doesn't care about what browser or platform is accessing the site, but instead uses feature tests to find out what code features the browser supports or what the values of certain browser features are, and then adjusts the code appropriately. This tends to be termed **responsive design** or **adaptive design**, two related but different approaches. For a discussion on the differences between the two, read [Responsive design versus adaptive design](/zh-CN/docs/Web/Apps/app_layout/Responsive_design_versus_adaptive_design).
-
-This is much more reliable, more maintainable, and more future proof. You don't get caught in the situation of having to bring out more new site versions as more new browsers and platforms come out, and adjust code as feature support in existing browsers changes.
-
-There are disadvantages to this approach as well. If the content, layout, and functionality need to change greatly for different devices, it may not be such a good approach. Also, taking an existing site and adding responsiveness to it, to make it mobile/tablet friendly, can be a lot more effort than just creating a separate mobile site or app, especially if it is a sprawling enterprise site. Read more about [responsive design advantages and disadvantages](/zh-CN/docs/Web_Development/Mobile/Responsive_design).
-
-> **备注：** You can also read our discussion on the basics of [responsive design](/zh-CN/docs/Web_Development/Mobile/Responsive_design), if you need some more background information and basics.
-
-## Fluid grids
-
-The best place to start is with fluid measurements for our application layout — essentially, this means using a combination of percentages and ems/rems to size your containers and text, not fixed widths such as pixels. This has a lot of advantages in that the layout will adapt to different viewport dimensions. Let's look at an example.
-
-We've written a simple-but-fun prototype for an application called Snapshot, which takes a video stream from your webcam (using {{domxref("navigator.getUserMedia", "getUserMedia()")}}) then allows you to capture stills from that video stream (using HTML5 {{HTMLElement("canvas")}}), and save them to a gallery. You can then view previously-captured images and delete them. Other articles will discuss the functionality in more detail, but here we're interested in the layout.
-
-> **备注：** You can find the [Snapshot app on Github](https://github.com/chrisdavidmills/snapshot); check out the code and help improve it. You can also see [Snapshot running live](https://chrisdavidmills.github.io/snapshot/). Note that `getUserMedia()` is an experimental technology, which currently only works in Google Chrome and Firefox desktop. More functionality and a clean up of the styling of Snapshot are planned for a future date.
-
-Our desktop layout for Snapshot is three columns, containing the camera viewer, image capture view, and gallery, respectively.
-
-![](desktop-layout.png)
-
-The markup is very simple:
-
-```html
-<x-deck selected-index="0">
-  <x-card>
-    …
-  </x-card>
-  <x-card>
-    …
-  </x-card>
-  <x-card>
-    …
-  </x-card>
-</x-deck>
-```
-
-> **备注：** These weird x- elements may be unfamiliar; they are part of [Brick](http://mozbrick.github.io/), Mozilla's UI element library for mobile web apps. We have used Brick to create the mobile layout for Snapshot, which you will read more about below.
-
-To get these sitting side-by-side we have used the following rules:
-
-```css
-x-card {
-  width: 100%;
-}
-
-x-card:nth-child(1), x-card:nth-child(2) {
-  width: 30%;
-  float: left;
-  padding: 2rem;
-}
-
-x-card:nth-child(3) {
-  width: 40%;
-  float: left;
-  height: 100%;
-  overflow: auto;
-  padding: 2rem;
-}
-```
-
-So we're giving the first two columns a {{cssxref("width")}} of `30%`, and the third a `width` of `40%`, floating the columns all left. This way they end up side-by-side, and their proportions remain the same as the browser window size varies. This is just a simple grid example, but you can apply this principle to more complex grid layouts as required.
-
-### border-box sizing
-
-The padding does not affect the overall width and height of the containers because we have set the {{cssxref("box-sizing")}} of all elements to `border-box`:
-
-```css
-*, *:before, *:after {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-```
-
-This basically means that {{cssxref("width")}} and {{cssxref("height")}} will now set the dimensions of an element all the way up to and including the border, not just the content. So if you set `width: 40%`, the box width will always be `40%` of its parent, and any {{cssxref("padding")}} and {{cssxref("border")}} widths set on the box will be subtracted from the content width, not added to it. Very useful! Read more about this at [\* { Box-sizing: Border-box } FTW](http://www.paulirish.com/2012/box-sizing-border-box-ftw/), by Paul Irish.
-
-## Flexible replaced elements
-
-Things are working fairly well now, but there are still some issues just waiting to present themselves. For a start, let's have a look at what happens when we include the {{HTMLElement("video")}} and {{HTMLElement("img")}} elements inside our first two columns, naked and unstyled.
-
-![](broken-images.png)
-
-Because the size of replaced elements is dictated by the size of the media inserted into them, and the media is a fixed size, they explode out of their containing elements and make a mess of the layout. This is pretty horrible, but generally this kind of problem is easily fixed with some simple CSS:
-
-```css
-img, video {
-  max-width: 100%;
-}
-```
-
-This tells the replaced elements to remain constrained inside their container's widths, no matter what. However, if they aren't as wide as their containers, they will not stretch to fill them. In the snapshot example, we ended up with slightly different code:
-
-```css
-x-card:nth-child(1) video, x-card:nth-child(2) img {
-  width: 100%;
-    …
-}
-```
-
-This is because in our case, we do in fact want the video and image to stretch to always fill their containers no matter what — a subtle but important difference from {{cssxref("max-width")}} — and therefore always be the same size. The video always resizes dynamically, but the screen captures taken from it do not, so upon resizing the screen it was possible to end up with a messy layout with different sized elements when using `max-width: 100%`, such as:
-
-![](broken-max-width-layout.png)
-
-## Media queries
-
-Fluid grids are a great start, but you'll notice that at certain points (known as breakpoints) the layout starts to break down. At these points you'll want to change the layout to rectify the layout problem, and this can be done using media queries.
-
-> **备注：** Media queries are a CSS3 feature that allow you to selectively apply CSS depending on the results of media feature tests — for more on the basics, read [Media queries](/zh-CN/docs/Web/Guide/CSS/Media_queries).
-
-### Typical desktop layout
-
-In our example, we have a desktop layout, as we've already seen. This is created using the CSS rules included at the top of the stylesheet, before any media queries are encountered.
-
-![](desktop-layout.png)
-
-### Mid-width layout
-
-We also have a mid-width layout, which is aimed at working well on tablets and narrow laptop screens. This is created by all of the CSS inside the first media query:
-
-```css
-@media all and (max-width: 1024px) {
-  x-card:nth-child(1), x-card:nth-child(2) {
-    width: 50%;
-  }
-
-  x-card:nth-child(3) {
-    width: 100%;
-    clear: left;
-  }
-
-  x-card:nth-child(3) img {
-    width: 20%;
-  }
-}
-```
-
-So here we're altering the widths of the columns and removing the float of the third column (and adding clearing to guard against any float funny business). We've also altered the width of the images inside the third container (no longer a column — this is the gallery) so that now you get five per line (it was previously three per line).
-
-![](middle-layout.png)
-
-### Narrow screen/mobile layout
-
-We then have a narrow screen layout, designed to fit the bill for a mobile app/open Web app experience. This is created in multiple parts. First of all, as expected, there is a media query in our main CSS, which is quite weighty, so we'll go through it in parts:
-
-```css
-@media all and (max-width: 480px) {
-  x-card:nth-child(1), x-card:nth-child(2), x-card:nth-child(3) {
-    width: 100%;
-    float: none;
-    padding: 0;
-  }
-
-  button {
-    margin-top: 0;
-    border-radius: 0;
-  }
-
-  x-card:nth-child(1) video, x-card:nth-child(2) img {
-    border-radius: 0px;
-    border: none;
-    padding: 0;
-    background-color: 0;
-  }
-```
-
-This first block resets a number of different things from the widescreen layouts that were't required for the mobile app.
-
-```css
-  x-card:nth-child(1) video, x-card:nth-child(2) img, x-card:nth-child(3) {
-    margin-top: 17.5vw;
-  }
-
-  x-card:nth-child(1) button, x-card:nth-child(2) button {
-    position: absolute;
-    bottom: 0;
-  }
-
-  x-card:nth-child(2) button:nth-of-type(2) {
-    bottom: 5.9rem;
-  }
-
-  x-card:nth-child(1) button {
-    font-size: 7vw;
-  }
-
-  x-card:nth-child(2) button {
-    font-size: 7vw;
-  }
-```
-
-The next rules do some sizing on the buttons inside the first two cards, and give all card contents a top margin so that their content won't be lost under the navigation buttons (see below). This was necessary because Mozilla Brick (also see below) forces its components to be 100% of the screen width and height. We have used `vw` (viewport width) units for these — `1vw` is equivalent to 1% of the viewport width. This makes the dimensions scale up and down nicely along with the viewport width. Last for this section, we absolutely positioned all buttons at the bottom of the cards they are in, so the layout looks OK at different viewport size variations. We then add a rule that positions the second button in any card a button's width higher up the card. When you click on an image in the gallery it brings up options to delete or cancel deletion of the card, and you don't want two buttons on top of one another.
-
-```css
-x-card:nth-child(3) img {
-  width: 50%;
-}
-```
-
-This rule simply changes the width of the gallery images so now there are two per line.
-
-```css
-  nav {
-    width: 100%;
-    position: absolute;
-    z-index: 1000;
-
-    display: -webkit-flex;
-    display: -moz-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-
-  nav button {
-    font-size: 6.8vw;
-
-    -webkit-flex: 1;
-    -moz-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-
-    border-left: 1px solid rgba(100,100,100,0.4);
-  }
-
-  nav button:first-child {
-    border-left: 0;
-  }
-}
-```
-
-In this last set of rules, we change the display value of the {{HTMLElement("nav")}} to `flex` to make it show (it was set to `none` in the default CSS at the top of the stylesheet, as it wasn't needed for the other views.) We then use absolute positioning and {{cssxref("z-index")}} to make it take up no space in the document flow, and sit on top of the x-cards (this is why we gave the x-cards that top-margin earlier).
-
-Next up, the `font-size` of the buttons is set to `6.8vw`. Why? Because the top-margin of the x-cards was set to `17vw` earlier on. All buttons in the app have been set to have a `line-height` of 2.5, in the default CSS at the top of the stylesheet (check if you don't believe me.) And 6.8 x 2.5 = 17.
-
-Last, we have used `flex: 1;` to make the buttons always take up the same proportion of space on the line. Let's have a look at the mobile layout, in the below image.
-
-![single column layout for mobile app view, with three buttons to navigate between cards, an image viewer, and a Save Picture button at the button.](mobile-layout.png)But there are more tricks up our sleeves for this mobile app layout! As mentioned above, we used [Mozilla Brick](http://mozilla.github.io/brick/), a collection of ready-rolled mobile UI components, in the making of the mobile app layout. In particular, we used the [deck](http://mozilla.github.io/brick/docs.html#deck) component for the nice transition effect between cards when the buttons are pressed. For more on using Brick, read [Mozilla Brick: ready made UI components](/zh-CN/docs/Web/Apps/app_layout/Mozilla_Brick_ready_made_UI_components).
-
-What's more relevant to this article is that we didn't want the Brick CSS and JavaScript files being applied to the markup unless we were looking at the mobile app view. To achieve this, we applied the Brick CSS to the page using a separate {{HTMLElement("link")}} element with a `media` attribute:
-
-```html
-<link href="dist/brick.css" type="text/css" rel="stylesheet" media="all and (max-width: 480px)">
-```
-
-This says that the whole stylesheet will not be linked to the HTML unless the viewport width is 480px or less. Moving on to the JavaScript, {{HTMLElement("script")}} elements don't accept `media` attributes, so I had to do this a different way. Fortunately there is a JavaScript construct called {{domxref("window.matchMedia()")}}, which can conditionally run JavaScript constructs depending on whether a media query returns `true` or not. We opened up the `brick.js` file and wrapped the whole lot in the following:
-
-```js
-if (window.matchMedia("(max-width: 480px)").matches) {
-  // The whole of brick.js goes here!
-}
-```
-
-This causes nothing inside the `brick.js` file to be run unless the viewport width is 480px or less. Problem solved.
-
-### Really wide screens
-
-One thing you might notice is that when the viewport gets very wide (such as on a cinema display), the layout stops getting wider, and just centers in the space available. This is pretty simple to achieve. You could use a `min-width` media query to fix the {{HTMLElement("body")}} width at a certain point:
-
-```css
-@media all and (min-width: 1400px) {
-  body {
-    width: 1400px;
-    margin: 0 auto;
-  }
-}
-```
-
-But it's actually easier to just set the following rule instead, and get rid of the media query altogether:
-
-```css
-body {
-  max-width: 1400px;
-  margin: 0 auto;
-}
-```
-
-### Orientation fail
-
-We also came across some problems with orientation: the mobile-app layout of our example app is designed for portrait orientation, and looks terrible when viewed on a device in landscape orientation. To fix this, we added in a media query that only applies its contents to the markup when device is viewed in landscape orientation:
-
-```css
-@media all and (max-width: 480px) and (orientation: landscape) {
-  nav {
-    width: auto;
-
-    -webkit-flex-direction: column;
-    -moz-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-  }
-
-  nav button {
-    font-size: 6.8vh;
-  }
-
-  nav button {
-    border-left: 0;
-  }
-
-  x-card:nth-child(1) video, x-card:nth-child(2) img, x-card:nth-child(3) {
-    margin-top: 0;
-  }
-
-  x-card:nth-child(1) button, x-card:nth-child(2) button {
-    font-size: 2rem;
-  }
-}
-```
-
-This does the following:
-
-- Adjusts the nav buttons, changing the direction the flexbox is laid out in, and altering the font size and borders so they sit vertically instead of horizontally.
-- Removes the top margin from the x-card contents so you don't end up with an unsightly gap at the top of the screen in landscape mode.
-- Changes the sizing of the control buttons (e.g. _Take Picture_, _Delete Photo_) so they don't look too big and sit properly on the screen.
-
-This results in the following layout:
-
-![](viewport-fail-fixed.png)
-
-> **备注：** Another solution with respect to orientation might be to just lock the orientation of your app, to portrait or landscape. If you are working on an installed app, you can easily do this with the [orientation manifest field](/zh-CN/Apps/Build/Manifest#orientation). If you want a solution that works across general web apps, you could use the [Screen orientation API](/zh-CN/docs/Web/API/CSS_Object_Model/Managing_screen_orientation#Locking_the_screen_orientation), and/or provide a message asking the user to rotate their screen if they are using the wrong orientation (for example, if `window.innerWidth` is larger than `window.innerHeight`, assume the
-> game is landscape mode and show a "please rotate" message.)
-
-## Viewport
-
-One last problem to mention for our example app is concerned with mobile browsers and media queries. If we viewed my example in a mobile browser in its current state, we wouldn't see our nice mobile layout. Instead, we'd see the below image.
-
-![](viewport-fail.png)I'm sure you'll agree that this really isn't what we wanted — why is this happening? In short, mobile browsers lie. They don't render web pages at their true viewport width. Instead, they render pages at a higher assumed viewport width (something approaching a laptop screen), and then shrink the result down to fit inside the mobile screen. This is a sensible defensive mechanism — most old school sites that don't have media queries would look terrible when rendered at say, 320px or 480px wide. But this doesn't help us responsible web developers, who have written small screen layouts into our CSS using media queries and want mobile devices to display those!
-
-There is a way to override this mobile rendering behavior — viewport, which is inserted into our HTML pages in the form of a {{HTMLElement("meta")}} tag. In my example, let's add the following into our HTML {{HTMLElement("head")}}:
-
-```plain
-<meta name="viewport" content="width=480">
-```
-
-This causes our browser to render our mobile app layout properly — `width=480` tells the browser _"render this markup at 480 pixels wide"_, hence the media queries kick in appropriately. There are many more options available in the viewport meta tag, which you can read about in [Using the viewport meta tag to control layout on mobile browsers](/zh-CN/docs/Mozilla/Mobile/Viewport_meta_tag).
-
-## Responsive images/video
-
-Another problem that comes up more and more these days is making image/video weight (size in KB) responsive as well as the dimensions of the image on screen. Yes, you want the images to be contained inside the app UI whether you are using it on desktop or mobile, but you should also consider that mobile apps have much smaller viewport dimensions available than desktop apps, so you should try to give mobile devices a smaller image to download. Mobiles in general (more commonly in some parts of the world than others) are on lower bandwidth connections and have less memory available than desktop devices, so yes, those extra kilobytes really do count.
-
-Another challenge is dealing with high resolution screens — raster graphics designed for low resolutions are in danger of appearing tiny when displayed on a high resolution screen, so devices often apply a default zoom factor to rendered pages to avoid this. The trouble with this, then, is that raster images are zoomed in and as a result can start to look pixellated.
-
-### CSS background images
-
-For CSS background images this is a fairly easy problem to solve. If you use the [mobile first](/zh-CN/docs/Web/Apps/app_layout/Mobile_first) methodology, you will be creating your mobile layout inside your default CSS, before any media queries have been applied. The media queries then supply CSS that is only applied to the markup when the viewport is **above** a certain width. Let's look at a quick example:
-
-```css
-header {
-  height: 300px;
-  width: 100%;
-  background: url(images/small-header.jpg) center;
-}
-
-@media all and (min-width: 480px) {
-  header {
-    background: url(images/large-header.jpg) center;
-  }
-}
-```
-
-This means that mobile browsers only download the mobile background image asset — not the desktop mobile assets — because they fail the media query tests and therefore ignore the media queries. You can also serve a larger graphic to a higher resolution device using a resolution media query, like so:
-
-```css
-button {
-  background: url(images/low-res-header.jpg) 1rem center ;
-}
-
-@media only screen and (-webkit-min-device-pixel-ratio: 2),
-       only screen and ( min-resolution: 192dpi),
-       only screen and ( min-resolution: 2dppx) {
-  button {
-    background: url(images/high-res-header.jpg) 1rem center ;
-  }
-}
-```
-
-This looks rather complicated, but really it's not — we are providing a number of media query options, as at this time different browsers support different resolution media query types and even units. Brett Jankord has a good explanation at [Cross Browser Retina/High Resolution Media Queries](http://www.brettjankord.com/2012/11/28/cross-browser-retina-high-resolution-media-queries/).
-
-### \<video>
-
-HTML5 video is fairly well catered for in terms of responsive capabilities. If you wish, you can point to multiple video files via {{HTMLElement("source")}} attributes, each with their own source and MIME type:
-
-```html
-<video controls>
-  <source src="videos/720/crystal720.mp4" type="video/mp4">
-  <source src="videos/720/crystal720.webm" type="video/webm">
-</video>
-```
-
-But you can go one step further. You can include `media` attributes on the `<source>` element containing media queries — the video loaded in the browser will depend on both the format the browser supports, and the results of the media tests. So for example:
-
-```html
-<video controls>
-  <source src="videos/320/crystal320.mp4" type="video/mp4" media="all and (max-width: 480px)">
-  <source src="videos/320/crystal320.webm" type="video/webm" media="all and (max-width: 480px)">
-  <source src="videos/720/crystal720.mp4" type="video/mp4" media="all and (min-width: 481px)">
-  <source src="videos/720/crystal720.webm" type="video/webm" media="all and (min-width: 481px)">
-</video>
-```
-
-This allows your site to serve different video files based on the available space, in order to optimize the user's experience.
-
-### \<img>
-
-HTML images are a more difficult proposition. There is no mechanism inherent in HTML images for serving different image files dependent on viewport size, and, due to a number of irksome browser behavior realities, solutions are more difficult to hack together than you would imagine. There are currently some standards proposals in the works that would provide this — the W3C [responsive images community group](http://www.w3.org/community/respimg/) discussed this problem for ages and arrived at the [\<picture>](http://www.w3.org/TR/html-picture-element/) element, which provides a similar markup structure to {{HTMLElement("video")}}[,](/zh-CN/docs/Web/HTML/Element/video) with {{HTMLElement("source")}} alternatives selectable via media query results. Another proposal, [srcset](http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/), was put forward by Apple and takes a slightly different approach, instead providing a new `srcset` attribute for {{HTMLElement("img")}} inside which image references are placed along with "hints" that the browser can use to work out which image is most suitable to display given its viewport size, resolution, etc. These are not intended to be mutually exclusive.
-
-This all sounds good. But those solutions are definitely not ready for production yet — both are in a very early stage of standardization, and have no support across browsers. Currently we have to rely on various polyfills and other solutions, none of which are perfect for all situations, so you need to decide which one is right for your particular situation. Some available solutions are as follows:
-
-- [HiSRC](https://github.com/teleject/hisrc)
-  - : A [jQuery](http://jquery.com) plugin that allows you to create small, medium, and large versions of an image, and then serves the appropriate one according to the browser's resolution and available network speed.
-- [Mobify.js capturing](http://www.mobify.com/mobifyjs/v2/docs/capturing/)
-  - : A very clever technique from Mozilla that allows you to capture the source of the page before it's parsed. This way, you can swap out image `src` values with JavaScript depending on browser features, circumventing browser preloading issues. This is promising, but doesn't work very well across older browsers.
-- [Picturefill](https://github.com/scottjehl/picturefill)
-  - : A JavaScript-based polyfill for `<picture>`, which works nicely, but it does require a lot of custom markup.
-- [Adaptive images](http://adaptive-images.com/)
-  - : A server-side solution, which records the viewport size in a cookie, then resizes images via a combination of PHP and `.htaccess` to a more appropriate size, if appropriate. This doesn't require markup or scripting, but has a number of limitations.
-
-### SVG and other vector graphics
-
-For some image requirements (not photographs, but icons and user interface elements are a good fit), a good solution is to use vector graphics. Because vector images are calculated based on mathematical algorithms rather than containing separate data on every pixel in the image, they tend to be smaller in file size, and are infinitely scalable when zoomed or viewed on high resolution devices (at least, in theory). Some ideas follow, which also help to keep the number of HTTP requests down — another key factor in mobile app performance:
-
-- You should try to use [CSS3](/zh-CN/docs/Web/CSS/CSS3) features to programmatically generate graphical effects where possible, rather than relying on image files. these include rounded corners, gradients, and drop shadows. These scale as the resolution changes or the browser zooms. Although they are not supported very well on older browsers such as Internet Explorer 6-8, this is not too much of a concern when you are creating an interface aimed at modern devices, and they also tend to gracefully degrade.
-- You could also try using [SVG](/zh-CN/docs/Web/SVG) to create interface elements. SVG produces vector graphics and is supported well across modern browsers, with polyfills available for older browser support.
-- Using [Web fonts](/zh-CN/docs/Web/CSS/@font-face) for displaying icons is an effective technique for keeping file size and HTTP requests down, and this is supported well across modern and older browsers.
-
-## See also
-
-- [Web development](/zh-CN/docs/Web_Development)
-- [Mobile Web development](/zh-CN/docs/Web/Guide/Mobile)

From 7c4346f276c9b62a9963e69bf93443a564fd5a29 Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Wed, 28 Jun 2023 10:01:59 +0800
Subject: [PATCH 125/146] [zh-cn]: Update translation of Promise.resolve()
 (#13936)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../global_objects/promise/resolve/index.md   | 225 ++++++++++++------
 1 file changed, 152 insertions(+), 73 deletions(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/resolve/index.md b/files/zh-cn/web/javascript/reference/global_objects/promise/resolve/index.md
index 8a3c29507af0fc..12032128ed0045 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/promise/resolve/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/promise/resolve/index.md
@@ -5,128 +5,207 @@ slug: Web/JavaScript/Reference/Global_Objects/Promise/resolve
 
 {{JSRef}}
 
-**`Promise.resolve(value)`** 方法返回一个以给定值解析后的 {{jsxref("Promise")}} 对象。如果这个值是一个 promise，那么将返回这个 promise；如果这个值是 thenable（即带有 {{jsxref("Promise.then", "then")}} 方法），返回的 promise 会“跟随”这个 thenable 的对象，采用它的最终状态；否则返回的 promise 将以此值完成。此函数将类 promise 对象的多层嵌套展平。
+**`Promise.resolve()`** 静态方法将给定的值转换为一个 {{jsxref("Promise")}}。如果该值本身就是一个 Promise，那么该 Promise 将被返回；如果该值是一个 [thenable](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#thenable) 对象，`Promise.resolve()` 将调用其 `then()` 方法及其两个回调函数；否则，返回的 Promise 将会以该值兑现。
 
-> **警告：** 不要在解析为自身的 thenable 上调用`Promise.resolve`。这将导致无限递归，因为它试图展平无限嵌套的 promise。一个例子是将它与 Angular 中的异步管道一起使用。在[此处](https://angular.io/guide/template-syntax#avoid-side-effects)了解更多信息。
-
-例如下例代码
-
-```js
-let thenable = {
-  then: (resolve, reject) => {
-    resolve(thenable)
-  }
-}
-
-Promise.resolve(thenable) //这会造成一个死循环
-```
+该函数将嵌套的类 Promise 对象（例如，一个将被兑现为另一个 Promise 对象的 Promise 对象）展平，转化为单个 Promise 对象，其兑现值为一个非 thenable 值。
 
 {{EmbedInteractiveExample("pages/js/promise-resolve.html")}}
 
 ## 语法
 
-```plain
-Promise.resolve(value);
+```js-nolint
+Promise.resolve(value)
 ```
 
 ### 参数
 
-value
-
-将被 `Promise` 对象解析的参数，也可以是一个`Promise` 对象，或者是一个 thenable。
+- `value`
+  - : 要被该 `Promise` 对象解决的参数。也可以是一个 `Promise` 对象或一个 thenable 对象。
 
 ### 返回值
 
-返回一个带着给定值解析过的 `Promise` 对象，如果参数本身就是一个 `Promise` 对象，则直接返回这个 `Promise` 对象。
+一个由给定值解决的 {{jsxref("Promise")}}，或者如果该值为一个 Promise 对象，则返回该对象。用于解决的 Promise 可以处于已兑现、已拒绝或待定状态中的任何一种。例如，对一个已拒绝的 Promise 进行调用仍将返回一个已拒绝的 Promise。
 
 ## 描述
 
-静态方法 `Promise.resolve` 返回一个解析过的 `Promise` 对象。
+`Promise.resolve()` 方法用于*解决*（resolve）一个 Promise 对象，但这与“兑现”（fulfill）或“拒绝”（reject）Promise 对象并不相同。有关术语的定义，请参见 [Promise 描述](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#描述)。简而言之，`Promise.resolve()` 返回一个 Promise 对象，其最终状态取决于另一个 Promise 对象、thenable 对象或其他值。
+
+`Promise.resolve()` 方法是一个通用方法，支持子类化，这意味着它可以在 `Promise` 的子类上调用，并且结果会是该子类类型的 Promise 对象。为此，子类的构造函数必须实现与 [`Promise()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise) 构造函数相同的签名，即接受一个 `executor` 函数，该函数可以用 `resolve` 和 `reject` 回调函数作为参数进行调用。
+
+`Promise.resolve()` 方法特殊处理了原生 `Promise` 实例。如果 `value` 属于 `Promise` 或其子类，并且 `value.constructor === Promise`，那么 `Promise.resolve()` 直接返回 `value`，而不会创建一个新的 `Promise` 实例。否则，`Promise.resolve()` 实际上相当于 `new Promise((resolve) => resolve(value))` 的简写形式。
+
+实际上，大部分解决逻辑是由 `Promise()` 构造函数传递的 [resolver 函数](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise#resolver_函数)实现的，简单概括如下：
+
+- 如果传入的是一个非 [thenable](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#thenable) 对象的值，则返回的 Promise 对象将以该值兑现。
+- 如果传入的是一个 thenable 对象，则通过传入一对解决函数作为参数调用该 thenable 对象的 `then` 方法后得到的状态将作为返回的 Promise 对象的状态。（但是因为原生的 Promise 直接通过 `Promise.resolve()` 调用，而不创建封装对象，所以不会在原生 Promise 上调用 `then` 方法。）如果 resolver 函数接收到另一个 thenable 对象，则会再次进行解决，以确保 Promise 对象的最终兑现值永远不会是 thenable 对象。
 
 ## 示例
 
-### 使用静态 `Promise.resolve` 方法
+### 使用 Promise.resolve 静态方法
 
 ```js
-Promise.resolve("Success").then(function(value) {
-  console.log(value); // "Success"
-}, function(value) {
-  // 不会被调用
-});
+Promise.resolve("成功").then(
+  (value) => {
+    console.log(value); // "成功"
+  },
+  (reason) => {
+    // 不会被调用
+  },
+);
 ```
 
 ### resolve 一个数组
 
 ```js
-var p = Promise.resolve([1,2,3]);
-p.then(function(v) {
+const p = Promise.resolve([1, 2, 3]);
+p.then((v) => {
   console.log(v[0]); // 1
 });
 ```
 
 ### resolve 另一个 promise
 
+`Promise.resolve()` 方法会重用已存在的 `Promise` 实例。如果它正在解决一个原生的 Promise，它将返回同一 Promise 实例，而不会创建一个封装对象。
+
 ```js
-var original = Promise.resolve(33);
-var cast = Promise.resolve(original);
-cast.then(function(value) {
-  console.log('value: ' + value);
+const original = Promise.resolve(33);
+const cast = Promise.resolve(original);
+cast.then((value) => {
+  console.log(`值：${value}`);
 });
-console.log('original === cast ? ' + (original === cast));
+console.log(`original === cast ? ${original === cast}`);
 
-/*
-*  打印顺序如下，这里有一个同步异步先后执行的区别
-*  original === cast ? true
-*  value: 33
-*/
+// 按顺序打印：
+// original === cast ? true
+// 值：33
 ```
 
-日志顺序颠倒其实是由于异步地调用 `then` 方法。在[这里](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise/then#Return_value)查看 `then` 是如何工作的。
+日志输出顺序颠倒其实是由于异步地调用 `then` 处理器。请参见 {{jsxref("Promise/then", "then()")}} 参考文档获取更多信息。
 
-### resolve thenable 并抛出错误
+### resolve thenable 对象并抛出错误
 
 ```js
 // Resolve 一个 thenable 对象
-var p1 = Promise.resolve({
-  then: function(onFulfill, onReject) { onFulfill("fulfilled!"); }
+const p1 = Promise.resolve({
+  then(onFulfill, onReject) {
+    onFulfill("已兑现！");
+  },
 });
-console.log(p1 instanceof Promise) // true，这是一个 Promise 对象
+console.log(p1 instanceof Promise); // true，thenable 对象被转换为一个 Promise 对象
 
-p1.then(function(v) {
-    console.log(v); // 输出"fulfilled!"
-  }, function(e) {
+p1.then(
+  (v) => {
+    console.log(v); // "已兑现！"
+  },
+  (e) => {
     // 不会被调用
-});
+  },
+);
+
+// Thenable 在回调之前抛出异常
+// Promise 被拒绝
+const thenable = {
+  then(onFulfilled) {
+    throw new TypeError("抛出异常");
+    onFulfilled("Resolving");
+  },
+};
+
+const p2 = Promise.resolve(thenable);
+p2.then(
+  (v) => {
+    // 不会被调用
+  },
+  (e) => {
+    console.error(e); // TypeError: 抛出异常
+  },
+);
+
+// Thenable 在回调 Promise 被解决之后抛出异常
+const thenable = {
+  then(onFulfilled) {
+    onFulfilled("解决");
+    throw new TypeError("Throwing");
+  },
+};
+
+const p3 = Promise.resolve(thenable);
+p3.then(
+  (v) => {
+    console.log(v); // "解决"
+  },
+  (e) => {
+    // 不会被调用
+  },
+);
+```
 
-// Thenable 在 callback 之前抛出异常
-// Promise rejects
-var thenable = { then: function(resolve) {
-  throw new TypeError("Throwing");
-  resolve("Resolving");
-}};
-
-var p2 = Promise.resolve(thenable);
-p2.then(function(v) {
-  // 不会被调用
-}, function(e) {
-  console.log(e); // TypeError: Throwing
-});
+嵌套的 thenable 对象将被“深度展平”为单个 Promise 对象。
 
-// Thenable 在 callback 之后抛出异常
-// Promise resolves
-var thenable = { then: function(resolve) {
-  resolve("Resolving");
-  throw new TypeError("Throwing");
-}};
-
-var p3 = Promise.resolve(thenable);
-p3.then(function(v) {
-  console.log(v); // 输出"Resolving"
-}, function(e) {
-  // 不会被调用
+```js
+const thenable = {
+  then(onFulfilled, onRejected) {
+    onFulfilled({
+      // 该 thenable 对象将兑现为另一个 thenable 对象
+      then(onFulfilled, onRejected) {
+        onFulfilled(42);
+      },
+    });
+  },
+};
+
+Promise.resolve(thenable).then((v) => {
+  console.log(v); // 42
 });
 ```
 
+> **警告：** 不要在一个解决为自身的 thenable 对象上调用 `Promise.resolve()`。这将导致无限递归，因为它试图展平一个无限嵌套的 Promise。
+
+```js example-bad
+const thenable = {
+  then(onFulfilled, onRejected) {
+    onFulfilled(thenable);
+  },
+};
+
+Promise.resolve(thenable); // 将会导致无限递归。
+```
+
+### 在非 Promise 构造函数上调用 resolve()
+
+`Promise.resolve()` 是一个通用方法。它可以在任何实现与 `Promise()` 构造函数相同签名的构造函数上调用。例如，我们可以在一个构造函数上调用它，并将 `console.log` 作为 `resolve` 参数传递：
+
+```js
+class NotPromise {
+  constructor(executor) {
+    // “resolve”和“reject”函数的行为与原生 Promise 完全不同，但 `Promise.resolve()` 方法以相同的方式调用它们。
+    executor(
+      (value) => console.log("已解决", value),
+      (reason) => console.log("已拒绝", reason),
+    );
+  }
+}
+
+Promise.resolve.call(NotPromise, "foo"); // 输出 "已解决 foo"
+```
+
+展平嵌套的 thenable 对象的能力是由 `Promise()` 构造函数的 resolver 函数实现的，因此如果你在另一个构造函数上调用它，嵌套的 thenable 对象可能不会被展平，这取决于该构造函数如何实现其 resolver 函数。
+
+```js
+const thenable = {
+  then(onFulfilled, onRejected) {
+    onFulfilled({
+      // 该 thenable 对象将兑现为另一个 thenable 对象
+      then(onFulfilled, onRejected) {
+        onFulfilled(42);
+      },
+    });
+  },
+};
+
+Promise.resolve.call(NotPromise, thenable); // 输出 "已兑现 { then: [Function: then] }"
+```
+
 ## 规范
 
 {{Specifications}}

From e0803c47828c62896726501fe9d7c9be812c4763 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Wed, 28 Jun 2023 10:58:25 +0800
Subject: [PATCH 126/146] chore(zh-tw): run prettier format for js global
 objects (f-o) (#13920)

Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
---
 .prettierignore                               |   2 +-
 .../global_objects/function/apply/index.md    |  48 +++----
 .../global_objects/function/bind/index.md     |  54 ++++----
 .../global_objects/function/call/index.md     |  34 ++---
 .../global_objects/function/index.md          |  22 +--
 .../global_objects/function/length/index.md   |  12 +-
 .../global_objects/infinity/index.md          |  12 +-
 .../reference/global_objects/isnan/index.md   | 104 +++++++-------
 .../reference/global_objects/json/index.md    |  61 +++++---
 .../global_objects/json/parse/index.md        |  34 ++---
 .../global_objects/json/stringify/index.md    | 109 ++++++++-------
 .../reference/global_objects/map/index.md     |  77 +++++-----
 .../global_objects/math/abs/index.md          |  20 +--
 .../global_objects/math/ceil/index.md         |  66 ++++-----
 .../global_objects/math/floor/index.md        |  62 ++++-----
 .../reference/global_objects/math/index.md    |  22 ++-
 .../global_objects/math/max/index.md          |  10 +-
 .../global_objects/math/pow/index.md          |  24 ++--
 .../global_objects/math/round/index.md        |  60 ++++----
 .../reference/global_objects/nan/index.md     |  16 ++-
 .../reference/global_objects/number/index.md  |  24 ++--
 .../global_objects/number/isfinite/index.md   |  26 ++--
 .../global_objects/number/isnan/index.md      |  28 ++--
 .../number/toexponential/index.md             |  20 +--
 .../global_objects/number/tofixed/index.md    |  20 +--
 .../global_objects/object/assign/index.md     |  91 ++++++------
 .../global_objects/object/create/index.md     |  77 +++++-----
 .../object/defineproperties/index.md          |  51 +++----
 .../object/defineproperty/index.md            | 131 ++++++++++--------
 .../global_objects/object/freeze/index.md     |  66 +++++----
 .../object/hasownproperty/index.md            |  33 +++--
 .../global_objects/object/keys/index.md       |  64 +++++----
 .../object/preventextensions/index.md         |  12 +-
 .../global_objects/object/proto/index.md      |  21 ++-
 34 files changed, 790 insertions(+), 723 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index e837d407096070..a4e7a19eb91e30 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -35,4 +35,4 @@ build/
 /files/zh-cn/**/*.md
 
 # zh-tw
-/files/zh-tw/web/javascript/reference/global_objects/[f-t]*/**/*.md
+/files/zh-tw/web/javascript/reference/global_objects/[p-t]*/**/*.md
diff --git a/files/zh-tw/web/javascript/reference/global_objects/function/apply/index.md b/files/zh-tw/web/javascript/reference/global_objects/function/apply/index.md
index a75784b02ab0a9..183fc29891a5d6 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/function/apply/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/function/apply/index.md
@@ -5,36 +5,36 @@ slug: Web/JavaScript/Reference/Global_Objects/Function/apply
 
 {{JSRef}}
 
-`apply()` 方法會呼叫一個以 this 的代表值和一個陣列形式的值組(或是一個 [array-like object](/zh-TW/docs/Web/JavaScript/Guide/Indexed_collections#Working_with_array-like_objects))為參數的函式。
+`apply()` 方法會呼叫一個以 this 的代表值和一個陣列形式的值組（或是一個 [array-like object](/zh-TW/docs/Web/JavaScript/Guide/Indexed_collections#Working_with_array-like_objects)）為參數的函式。
 
-> **備註：** 這個函式的語法和{{jsxref("Function.call", "call()")}} 幾乎一樣，最大的不同是 `call()` 接受**`一連串的參數`**，而 `apply() 接受一組陣列形式的參數。`
+> **備註：** 這個函式的語法和 {{jsxref("Function.call", "call()")}} 幾乎一樣，最大的不同是 `call()` 接受**一連串的參數**，而 `apply()` 接受一組陣列形式的參數。
 
 ## 語法
 
-```plain
+```js-nolint
 fun.apply(thisArg, [argsArray])
 ```
 
 ### 參數
 
 - `thisArg`
-  - : 讓 _`fun`_`呼叫時`可以視為 this 的值。注意，這可能並不是最後會在方法裡看見的值：如果這是一個在非 {{jsxref("Strict_mode", "non-strict mode", "", 1)}} 下運作的程式碼，{{jsxref("null")}} 及 {{jsxref("undefined")}} 將會被全域物件取代，而原始類別將被封裝。
+  - : 讓 _`fun`_ 呼叫時可以視為 this 的值。注意，這可能並不是最後會在方法裡看見的值：如果這是一個在非 {{jsxref("Strict_mode", "non-strict mode", "", 1)}} 下運作的程式碼，{{jsxref("null")}} 及 {{jsxref("undefined")}} 將會被全域物件取代，而原始類別將被封裝。
 - `argsArray`
-  - : 一個 array-like object ，定義了 _`fun`_ 要呼叫的一組參數，如果沒有需要提供，可以傳入`{{jsxref("null")}} 或 {{jsxref("undefined")}} 。從 ECMAScript 5 開始，這些參數不僅可以是泛型的 array-like object ，而不一定要是一組陣列。查看下方的[瀏覽器相容性](#瀏覽器相容性) 資訊。
+  - : 一個 array-like 物件 ，定義了 _`fun`_ 要呼叫的一組參數，如果沒有需要提供，可以傳入 {{jsxref("null")}} 或 {{jsxref("undefined")}}。從 ECMAScript 5 開始，這些參數不僅可以是泛型的 array-like 物件，而不一定要是一組陣列。查看下方的[瀏覽器相容性](#瀏覽器相容性)資訊。
 
 ### 回傳值
 
-傳入 `this 值及一組參數後得到的結果。`
+傳入 `this` 值及一組參數後得到的結果。
 
 ## 描述
 
-在呼叫一個現存的函式時，你可以傳入不同的 `this 物件值。this 參考到現在的物件，也就是正在執行的物件。apply 讓你可以只寫一次方法後，讓其他物件也繼承到這個方法，而不用一再重寫。`
+在呼叫一個現存的函式時，你可以傳入不同的 `this` 物件值。this 參考到現在的物件，也就是正在執行的物件。apply 讓你可以只寫一次方法後，讓其他物件也繼承到這個方法，而不用一再重寫。
 
-`apply 與` {{jsxref("Function.call", "call()")}} 非常相似，不同的是支援的傳入參數類型。使用陣列形式的參數，而不是命名過的接收參數。使用 `apply 時，`你可以選擇使用陣列實字：`fun.apply(this, ['eat', 'bananas']);` 或是 {{jsxref("Array")}} 物件： `fun.apply(this, new Array('eat', 'bananas'))`。
+`apply` 與 {{jsxref("Function.call", "call()")}} 非常相似，不同的是支援的傳入參數類型。使用陣列形式的參數，而不是命名過的接收參數。使用 `apply` 時，你可以選擇使用陣列實字：`fun.apply(this, ['eat', 'bananas']);` 或是 {{jsxref("Array")}} 物件：`fun.apply(this, new Array('eat', 'bananas'))`。
 
-`除此之外，你也可以使用` {{jsxref("Functions/arguments", "arguments")}} 代表 `argsArray 參數。arguments 是在函式裡的區域變數，可用來存取所有沒有特別被所呼叫物件指定的傳入參數。因此，使用 apply 時你不需要知道所呼叫函式的指定參數。使用`arguments 把所有參數傳入呼叫的方法裡，而被呼叫的方法會接手處理這些參數。
+除此之外，你也可以使用 {{jsxref("Functions/arguments", "arguments")}} 代表 `argsArray` 參數。arguments 是在函式裡的區域變數，可用來存取所有沒有特別被所呼叫物件指定的傳入參數。因此，使用 apply 時你不需要知道所呼叫函式的指定參數。使用 `arguments` 把所有參數傳入呼叫的方法裡，而被呼叫的方法會接手處理這些參數。
 
-從 ECMAScript 5th 版本後，也可以使用陣列形式的物件，在實踐上這代表他會擁有 `length` 以及整數範圍 `(0...length-1)` 的屬性。舉例來說，你可以使用 {{domxref("NodeList")}} 或是一個像這樣的自定義屬性： `{ 'length': 2, '0': 'eat', '1': 'bananas' }`。
+從 ECMAScript 5th 版本後，也可以使用陣列形式的物件，在實踐上這代表他會擁有 `length` 以及整數範圍 `(0...length-1)` 的屬性。舉例來說，你可以使用 {{domxref("NodeList")}} 或是一個像這樣的自定義屬性：`{ 'length': 2, '0': 'eat', '1': 'bananas' }`。
 
 > **備註：** 一般瀏覽器，包括 Chrome 14 及 Internet Explorer 9，仍不支援陣列形式的物件，所以會對此丟出一個錯誤。
 
@@ -45,7 +45,7 @@ fun.apply(thisArg, [argsArray])
 您可以使用 `apply` 鏈結 {{jsxref("Operators/new", "constructors", "", 1)}} 一個物件，與 Java 相似，如下範例中我們可以建立一個全域的 {{jsxref("Function")}} 方法叫 `construct`，使您可以使用類陣列的物件與建構子去替代參數列表。
 
 ```js
-Function.prototype.construct = function(aArgs) {
+Function.prototype.construct = function (aArgs) {
   var oNew = Object.create(this.prototype);
   this.apply(oNew, aArgs);
   return oNew;
@@ -55,10 +55,11 @@ Function.prototype.construct = function(aArgs) {
 > **備註：** 如上範例的 `Object.create()` 方法是屬於比較新的寫法。如需使用閉包的替代方法，請參考以下的範例：
 >
 > ```js
-> Function.prototype.construct = function(aArgs) {
->   var fConstructor = this, fNewConstr = function() {
->     fConstructor.apply(this, aArgs);
->   };
+> Function.prototype.construct = function (aArgs) {
+>   var fConstructor = this,
+>     fNewConstr = function () {
+>       fConstructor.apply(this, aArgs);
+>     };
 >   fNewConstr.prototype = fConstructor.prototype;
 >   return new fNewConstr();
 > };
@@ -69,16 +70,16 @@ Function.prototype.construct = function(aArgs) {
 ```js
 function MyConstructor() {
   for (var nProp = 0; nProp < arguments.length; nProp++) {
-    this['property' + nProp] = arguments[nProp];
+    this["property" + nProp] = arguments[nProp];
   }
 }
 
-var myArray = [4, 'Hello world!', false];
+var myArray = [4, "Hello world!", false];
 var myInstance = MyConstructor.construct(myArray);
 
-console.log(myInstance.property1);                // logs 'Hello world!'
+console.log(myInstance.property1); // logs 'Hello world!'
 console.log(myInstance instanceof MyConstructor); // logs 'true'
-console.log(myInstance.constructor);              // logs 'MyConstructor'
+console.log(myInstance.constructor); // logs 'MyConstructor'
 ```
 
 > **備註：** This non-native `Function.construct` method will not work with some native constructors (like {{jsxref("Date")}}, for example). In these cases you have to use the {{jsxref("Function.prototype.bind")}} method (for example, imagine having an array like the following, to be used with {{jsxref("Global_Objects/Date", "Date")}} constructor: `[2012, 11, 4]`; in this case you have to write something like: `new (Function.prototype.bind.apply(Date, [null].concat([2012, 11, 4])))()` — anyhow this is not the best way to do things and probably should not be used in any production environment).
@@ -99,7 +100,7 @@ var max = Math.max.apply(null, numbers);
 var min = Math.min.apply(null, numbers);
 
 // vs. simple loop based algorithm
-max = -Infinity, min = +Infinity;
+(max = -Infinity), (min = +Infinity);
 
 for (var i = 0; i < numbers.length; i++) {
   if (numbers[i] > max) {
@@ -119,8 +120,7 @@ function minOfArray(arr) {
   var QUANTUM = 32768;
 
   for (var i = 0, len = arr.length; i < len; i += QUANTUM) {
-    var submin = Math.min.apply(null,
-                                arr.slice(i, Math.min(i+QUANTUM, len)));
+    var submin = Math.min.apply(null, arr.slice(i, Math.min(i + QUANTUM, len)));
     min = Math.min(submin, min);
   }
 
@@ -136,13 +136,13 @@ Apply can be the best way to monkey-patch a built-in function of Firefox, or JS
 
 ```js
 var originalfoo = someobject.foo;
-someobject.foo = function() {
+someobject.foo = function () {
   // Do stuff before calling function
   console.log(arguments);
   // Call the function as it would have been called normally:
   originalfoo.apply(this, arguments);
   // Run stuff after, here.
-}
+};
 ```
 
 This method is especially handy where you want to debug events, or interface with something that has no API like the various `.on([event]...` events, such as those usable on the [Devtools Inspector](/zh-TW/docs/Tools/Page_Inspector#Developer_API)).
diff --git a/files/zh-tw/web/javascript/reference/global_objects/function/bind/index.md b/files/zh-tw/web/javascript/reference/global_objects/function/bind/index.md
index 1973831da33c79..82e2afe72d7c38 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/function/bind/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/function/bind/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Function/bind
 
 ## 語法
 
-```plain
+```js-nolint
 fun.bind(thisArg[, arg1[, arg2[, ...]]])
 ```
 
@@ -26,7 +26,7 @@ A copy of the given function with the specified **`this`** value and initial arg
 
 ## 敘述
 
-**bind()** 函式建立了一個新的**綁定函式（BF）**。**BF** 是個包裝了原有函式物件的 **exotic function object**（**ECMAScript 2015** 的術語）。通常，呼叫 **BF** 會執行該 **wrapped function**。 **BF** 含有以下內部屬性：
+**bind()** 函式建立了一個新的**綁定函式（BF）**。**BF** 是個包裝了原有函式物件的 **exotic function object**（**ECMAScript 2015** 的術語）。通常，呼叫 **BF** 會執行該 **wrapped function**。**BF** 含有以下內部屬性：
 
 - **\[\[BoundTargetFunction]]** - the wrapped function object;
 - **\[\[BoundThis]]** - the value that is always passed as **this** value when calling the wrapped function.
@@ -44,10 +44,12 @@ A bound function may also be constructed using the [`new`](/zh-TW/docs/Web/JavaS
 The simplest use of `bind()` is to make a function that, no matter how it is called, is called with a particular **`this`** value. A common mistake for new JavaScript programmers is to extract a method from an object, then to later call that function and expect it to use the original object as its `this` (e.g. by using that method in callback-based code). Without special care, however, the original object is usually lost. Creating a bound function from the function, using the original object, neatly solves this problem:
 
 ```js
-this.x = 9;    // this refers to global "window" object here in the browser
+this.x = 9; // this refers to global "window" object here in the browser
 var module = {
   x: 81,
-  getX: function() { return this.x; }
+  getX: function () {
+    return this.x;
+  },
 };
 
 module.getX(); // 81
@@ -94,13 +96,12 @@ function LateBloomer() {
 }
 
 // Declare bloom after a delay of 1 second
-LateBloomer.prototype.bloom = function() {
+LateBloomer.prototype.bloom = function () {
   window.setTimeout(this.declare.bind(this), 1000);
 };
 
-LateBloomer.prototype.declare = function() {
-  console.log('I am a beautiful flower with ' +
-    this.petalCount + ' petals!');
+LateBloomer.prototype.declare = function () {
+  console.log("I am a beautiful flower with " + this.petalCount + " petals!");
 };
 
 var flower = new LateBloomer();
@@ -120,8 +121,8 @@ function Point(x, y) {
   this.y = y;
 }
 
-Point.prototype.toString = function() {
-  return this.x + ',' + this.y;
+Point.prototype.toString = function () {
+  return this.x + "," + this.y;
 };
 
 var p = new Point(1, 2);
@@ -131,11 +132,10 @@ p.toString(); // '1,2'
 
 // works fine with native bind:
 
-var YAxisPoint = Point.bind(null, 0/*x*/);
-
+var YAxisPoint = Point.bind(null, 0 /*x*/);
 
 var emptyObj = {};
-var YAxisPoint = Point.bind(emptyObj, 0/*x*/);
+var YAxisPoint = Point.bind(emptyObj, 0 /*x*/);
 
 var axisPoint = new YAxisPoint(5);
 axisPoint.toString(); // '0,5'
@@ -155,7 +155,7 @@ Note that you need do nothing special to create a bound function for use with {{
 // (although usually this is undesired)
 YAxisPoint(13);
 
-emptyObj.x + ',' + emptyObj.y;
+emptyObj.x + "," + emptyObj.y;
 // >  '0,13'
 ```
 
@@ -193,22 +193,24 @@ You can partially work around this by inserting the following code at the beginn
 
 ```js
 if (!Function.prototype.bind) {
-  Function.prototype.bind = function(oThis) {
-    if (typeof this !== 'function') {
+  Function.prototype.bind = function (oThis) {
+    if (typeof this !== "function") {
       // closest thing possible to the ECMAScript 5
       // internal IsCallable function
-      throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
+      throw new TypeError(
+        "Function.prototype.bind - what is trying to be bound is not callable"
+      );
     }
 
-    var aArgs   = Array.prototype.slice.call(arguments, 1),
-        fToBind = this,
-        fNOP    = function() {},
-        fBound  = function() {
-          return fToBind.apply(this instanceof fNOP
-                 ? this
-                 : oThis,
-                 aArgs.concat(Array.prototype.slice.call(arguments)));
-        };
+    var aArgs = Array.prototype.slice.call(arguments, 1),
+      fToBind = this,
+      fNOP = function () {},
+      fBound = function () {
+        return fToBind.apply(
+          this instanceof fNOP ? this : oThis,
+          aArgs.concat(Array.prototype.slice.call(arguments))
+        );
+      };
 
     if (this.prototype) {
       // Function.prototype doesn't have a prototype property
diff --git a/files/zh-tw/web/javascript/reference/global_objects/function/call/index.md b/files/zh-tw/web/javascript/reference/global_objects/function/call/index.md
index e069766620c84f..6db7b325c6132b 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/function/call/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/function/call/index.md
@@ -5,11 +5,9 @@ slug: Web/JavaScript/Reference/Global_Objects/Function/call
 
 {{JSRef}}
 
-## 概述
+使用給定的 `this` 參數以及分別給定的參數來呼叫某個函數
 
-使用給定的`this`參數以及分別給定的參數來呼叫某個函數
-
-> **備註：** 此函數的所有語法大致上與[`apply()`](/zh-TW/docs/JavaScript/Reference/Global_Objects/Function/apply)相同，他們基本上不同處只有 `call()` 接受一連串的參數，而 `apply()` 單一的 array 作為參數
+> **備註：** 此函數的所有語法大致上與 [`apply()`](/zh-TW/docs/JavaScript/Reference/Global_Objects/Function/apply) 相同，他們基本上不同處只有 `call()` 接受一連串的參數，而 `apply()` 單一的 array 作為參數
 
 <table class="standard-table">
   <thead>
@@ -35,7 +33,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Function/call
 
 ## 語法
 
-```plain
+```js-nolint
 fun.call(thisArg[, arg1[, arg2[, ...]]])
 ```
 
@@ -48,15 +46,15 @@ fun.call(thisArg[, arg1[, arg2[, ...]]])
 
 ## 描述
 
-你可以在呼叫一個現存的函數時，使用不一樣的 `this` 物件。 `this` 會參照到目前的物件，呼叫的物件上
+你可以在呼叫一個現存的函數時，使用不一樣的 `this` 物件。`this` 會參照到目前的物件，呼叫的物件上
 
-使用 `call，` 你可以實作函數一次，然後在其他的物件上直接繼承它，而不用在新的物件上重寫該函數
+使用 `call`，你可以實作函數一次，然後在其他的物件上直接繼承它，而不用在新的物件上重寫該函數
 
 ## 範例
 
 ### 使用 `call` 來串接物件上的建構子
 
-你可以使用 `call` 來串接其他物件的建構子，就像 Java. 下面的例子中，`Product` 物件的建構子定義了兩個參數 `name` 以及 `price`. 其他函數`Food` 及 `Toy` 引用了 `Product` 並傳入 `this` 、 `name` 和 `price`。 Product 初始化它的屬性 `name` 和 `price`, 而兩個子函數則定義了`category。`
+你可以使用 `call` 來串接其他物件的建構子，就像 Java。下面的例子中，`Product` 物件的建構子定義了兩個參數 `name` 以及 `price`。其他函數 `Food` 及 `Toy` 引用了 `Product` 並傳入 `this`、`name` 和 `price`。Product 初始化它的屬性 `name` 和 `price`，而兩個子函數則定義了 `category`。
 
 ```js
 function Product(name, price) {
@@ -64,24 +62,26 @@ function Product(name, price) {
   this.price = price;
 
   if (price < 0)
-    throw RangeError('Cannot create product "' + name + '" with a negative price');
+    throw RangeError(
+      'Cannot create product "' + name + '" with a negative price'
+    );
   return this;
 }
 
 function Food(name, price) {
   Product.call(this, name, price);
-  this.category = 'food';
+  this.category = "food";
 }
 Food.prototype = new Product();
 
 function Toy(name, price) {
   Product.call(this, name, price);
-  this.category = 'toy';
+  this.category = "toy";
 }
 Toy.prototype = new Product();
 
-var cheese = new Food('feta', 5);
-var fun = new Toy('robot', 40);
+var cheese = new Food("feta", 5);
+var fun = new Toy("robot", 40);
 ```
 
 ### 使用 `call` 來呼叫匿名的函數
@@ -90,15 +90,15 @@ var fun = new Toy('robot', 40);
 
 ```js
 var animals = [
-  {species: 'Lion', name: 'King'},
-  {species: 'Whale', name: 'Fail'}
+  { species: "Lion", name: "King" },
+  { species: "Whale", name: "Fail" },
 ];
 
 for (var i = 0; i < animals.length; i++) {
   (function (i) {
     this.print = function () {
-      console.log('#' + i  + ' ' + this.species + ': ' + this.name);
-    }
+      console.log("#" + i + " " + this.species + ": " + this.name);
+    };
     this.print();
   }).call(animals[i], i);
 }
diff --git a/files/zh-tw/web/javascript/reference/global_objects/function/index.md b/files/zh-tw/web/javascript/reference/global_objects/function/index.md
index 95223cf5383307..36f2354e08b6f6 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/function/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/function/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Function
 
 ## 語法
 
-```plain
+```js-nolint
 new Function ([arg1[, arg2[, ...argN]],] functionBody)
 ```
 
@@ -77,7 +77,7 @@ The following code creates a `Function` object that takes two arguments.
 // Example can be run directly in your JavaScript console
 
 // Create a function that takes two arguments and returns the sum of those arguments
-var adder = new Function('a', 'b', 'return a + b');
+var adder = new Function("a", "b", "return a + b");
 
 // Call the function
 adder(2, 6);
@@ -94,22 +94,22 @@ Functions created with the `Function` constructor do not create closures to thei
 var x = 10;
 
 function createFunction1() {
-    var x = 20;
-    return new Function('return x;'); // this |x| refers global |x|
+  var x = 20;
+  return new Function("return x;"); // this |x| refers global |x|
 }
 
 function createFunction2() {
-    var x = 20;
-    function f() {
-        return x; // this |x| refers local |x| above
-    }
-    return f;
+  var x = 20;
+  function f() {
+    return x; // this |x| refers local |x| above
+  }
+  return f;
 }
 
 var f1 = createFunction1();
-console.log(f1());          // 10
+console.log(f1()); // 10
 var f2 = createFunction2();
-console.log(f2());          // 20
+console.log(f2()); // 20
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/function/length/index.md b/files/zh-tw/web/javascript/reference/global_objects/function/length/index.md
index 8ce8fd471aae90..8c266af1bda744 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/function/length/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/function/length/index.md
@@ -26,13 +26,13 @@ slug: Web/JavaScript/Reference/Global_Objects/Function/length
 ```js
 console.log(Function.length); /* 1 */
 
-console.log((function()        {}).length); /* 0 */
-console.log((function(a)       {}).length); /* 1 */
-console.log((function(a, b)    {}).length); /* 2 以此類推. */
+console.log(function () {}.length); /* 0 */
+console.log(function (a) {}.length); /* 1 */
+console.log(function (a, b) {}.length); /* 2 以此類推. */
 
-console.log((function(...args) {}).length); /* 0, rest parameter 不包含在內 */
+console.log(function (...args) {}.length); /* 0, rest parameter 不包含在內 */
 
-console.log((function(a, b = 1, c) {}).length); /* 1 */
+console.log(function (a, b = 1, c) {}.length); /* 1 */
 // 只有在預設參數前的參數會被算到，也就是只有 a 會被視為必須傳入的參數
 // 而 c 將被預設為 undefined
 ```
@@ -45,6 +45,6 @@ console.log((function(a, b = 1, c) {}).length); /* 1 */
 
 {{Compat}}
 
-## 可參閱
+## 參見
 
 - {{jsxref("Function")}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/infinity/index.md b/files/zh-tw/web/javascript/reference/global_objects/infinity/index.md
index 3ff37b03b92615..d1be106e5b22b6 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/infinity/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/infinity/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Infinity
 
 ## 語法
 
-```plain
+```js-nolint
 Infinity
 ```
 
@@ -26,11 +26,11 @@ Infinity
 ## 範例
 
 ```js
-console.log(Infinity         ); /* Infinity */
-console.log(Infinity + 1     ); /* Infinity */
-console.log(Math.pow(10,1000)); /* Infinity */
-console.log(Math.log(0)      ); /* -Infinity */
-console.log(1 / Infinity     ); /* 0 */
+console.log(Infinity); /* Infinity */
+console.log(Infinity + 1); /* Infinity */
+console.log(Math.pow(10, 1000)); /* Infinity */
+console.log(Math.log(0)); /* -Infinity */
+console.log(1 / Infinity); /* 0 */
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/isnan/index.md b/files/zh-tw/web/javascript/reference/global_objects/isnan/index.md
index 15609d624bad1f..3182af8f3b6775 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/isnan/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/isnan/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/isNaN
 
 ## 語法
 
-```plain
+```js-nolint
 isNaN(value)
 ```
 
@@ -45,43 +45,43 @@ isNaN(value)
 一個 `isNaN` 的 polyfill 可以理解為（這個 polyfill 利用了 `NaN` 自身永不等於自身這一特性）：
 
 ```js
-var isNaN = function(value) {
-    var n = Number(value);
-    return n !== n;
+var isNaN = function (value) {
+  var n = Number(value);
+  return n !== n;
 };
 ```
 
 ## 範例
 
 ```js
-isNaN(NaN);       // true
+isNaN(NaN); // true
 isNaN(undefined); // true
-isNaN({});        // true
+isNaN({}); // true
 
-isNaN(true);      // false
-isNaN(null);      // false
-isNaN(37);        // false
+isNaN(true); // false
+isNaN(null); // false
+isNaN(37); // false
 
 // 字串
-isNaN("37");      // false: "37" 轉換成數字的 37 後就不是 NaN 了
-isNaN("37.37");   // false: "37.37" 轉換成數字的 37.37 後就不是 NaN 了
-isNaN("123ABC");  // true:  parseInt("123ABC") 是 123 但 Number("123ABC") 是 NaN
-isNaN("");        // false: 空字串轉換成數字的 0 後就不是 NaN 了
-isNaN(" ");       // false: 有空白的字串轉換成數字的 0 後就不是 NaN 了
+isNaN("37"); // false: "37" 轉換成數字的 37 後就不是 NaN 了
+isNaN("37.37"); // false: "37.37" 轉換成數字的 37.37 後就不是 NaN 了
+isNaN("123ABC"); // true:  parseInt("123ABC") 是 123 但 Number("123ABC") 是 NaN
+isNaN(""); // false: 空字串轉換成數字的 0 後就不是 NaN 了
+isNaN(" "); // false: 有空白的字串轉換成數字的 0 後就不是 NaN 了
 
 // 日期
-isNaN(new Date());                // false
-isNaN(new Date().toString());     // true
+isNaN(new Date()); // false
+isNaN(new Date().toString()); // true
 
 // 這個偵測的錯誤是不能完全信賴 isNaN 的理由
-isNaN("blabla")   // true: "blabla" 被轉換為數字，將其解析為數字失敗後回傳了 NaN
+isNaN("blabla"); // true: "blabla" 被轉換為數字，將其解析為數字失敗後回傳了 NaN
 ```
 
 ### 實用的特殊狀況行為
 
 當然，你能以更用途導向的方法去思考 `isNaN()`：如果 `isNaN()` 回傳 `false`，那麼把 `x` 用在任何算術表達式都不會回傳 `NaN`。相反地，如果回傳 `true`，那麼把 `x` 用在任何算術表達式都會是 `NaN`。這在 JavaScript 的意義是 `isNaN(x) == true` 等於 `x - 0` 回傳 `NaN`（儘管在 JavaScript 裡面 `x - 0 == NaN` 永遠回傳 false，你因而無法測試）── 事實上，`isNaN(x)`、`isNaN(x - 0)`、`isNaN(Number(x))`、`Number.isNaN(x - 0)`、`Number.isNaN(Number(x))` 在 JavaScript 裡面，都會回傳一樣的東西。而 `isNaN(x)` 是所有表達式裡面最短的一種。
 
-比方說，你可以用這個式子，去測試函式的參數能不能透過算術處理（也就是能「像」數字一樣被利用）、否則就提供預設值之類的。你可以透過上下文的根據以隱式數值轉換(implicitly converting values)，以使用 JavaScript 提供的全部功能。
+比方說，你可以用這個式子，去測試函式的參數能不能透過算術處理（也就是能「像」數字一樣被利用）、否則就提供預設值之類的。你可以透過上下文的根據以隱式數值轉換（implicitly converting value），以使用 JavaScript 提供的全部功能。
 
 ## 範例
 
@@ -89,56 +89,56 @@ isNaN("blabla")   // true: "blabla" 被轉換為數字，將其解析為數字
 function increment(x) {
   if (isNaN(x)) x = 0;
   return x + 1;
-};
+}
 
 // 與 Number.isNaN() 一樣：
 function increment(x) {
   if (Number.isNaN(Number(x))) x = 0;
   return x + 1;
-};
+}
 
 // 以下範例的函式參數 x，isNaN(x) 都會回傳 false，
 // 儘管 x 不是數字，依舊能用在算術表達式。
-increment("");            // 1: "" 被轉換成 0
-increment(new String());  // 1: 空字串的新字串物件被轉換成 0
-increment([]);            // 1: [] 被轉換成 0
-increment(new Array());   // 1: 空陣列的新陣列物件被轉換成 0
-increment("0");           // 1: "0" 被轉換成 0
-increment("1");           // 2: "1" 被轉換成 1
-increment("0.1");         // 1.1: "0.1" 被轉換成 0.1
-increment("Infinity");    // Infinity: "Infinity" 被轉換成 Infinity
-increment(null);          // 1: null 被轉換成 0
-increment(false);         // 1: false 被轉換成 0
-increment(true);          // 2: true 被轉換成 1
-increment(new Date());    // 回傳以毫秒為單位加 1，當今的日期/時間
+increment(""); // 1: "" 被轉換成 0
+increment(new String()); // 1: 空字串的新字串物件被轉換成 0
+increment([]); // 1: [] 被轉換成 0
+increment(new Array()); // 1: 空陣列的新陣列物件被轉換成 0
+increment("0"); // 1: "0" 被轉換成 0
+increment("1"); // 2: "1" 被轉換成 1
+increment("0.1"); // 1.1: "0.1" 被轉換成 0.1
+increment("Infinity"); // Infinity: "Infinity" 被轉換成 Infinity
+increment(null); // 1: null 被轉換成 0
+increment(false); // 1: false 被轉換成 0
+increment(true); // 2: true 被轉換成 1
+increment(new Date()); // 回傳以毫秒為單位加 1，當今的日期/時間
 
 // 以下範例的函式參數 x，isNaN(x) 都會回傳 false，而 x 的確是數字。
-increment(-1);            // 0
-increment(-0.1);          // 0.9
-increment(0);             // 1
-increment(1);             // 2
-increment(2);             // 3
+increment(-1); // 0
+increment(-0.1); // 0.9
+increment(0); // 1
+increment(1); // 2
+increment(2); // 3
 // …等等…
-increment(Infinity);      // Infinity
+increment(Infinity); // Infinity
 
 // 以下範例的函式參數 x，isNaN(x) 都會回傳 true，x 也的確不是數字。
 // 使得函式會被 0 取代，並回傳 1
-increment(String);            // 1
-increment(Array);             // 1
-increment("blabla");          // 1
-increment("-blabla");         // 1
-increment(0/0);               // 1
-increment("0/0");             // 1
-increment(Infinity/Infinity); // 1
-increment(NaN);               // 1
-increment(undefined);         // 1
-increment();                  // 1
+increment(String); // 1
+increment(Array); // 1
+increment("blabla"); // 1
+increment("-blabla"); // 1
+increment(0 / 0); // 1
+increment("0/0"); // 1
+increment(Infinity / Infinity); // 1
+increment(NaN); // 1
+increment(undefined); // 1
+increment(); // 1
 
 // isNaN(x) 與 isNaN(Number(x)) 永遠一樣，不過這裡的 x 是強制存在的！
-isNaN(x) == isNaN(Number(x)) // 針對所有 x 的值都是 true，x == undefined 也不例外，
-                             // 因為 isNaN(undefined) == true 且 Number(undefined) 回傳 NaN，
-                             // 不過……
-isNaN() == isNaN(Number())   // false，因為 isNaN() == true 且 Number() == 0
+isNaN(x) == isNaN(Number(x)); // 針對所有 x 的值都是 true，x == undefined 也不例外，
+// 因為 isNaN(undefined) == true 且 Number(undefined) 回傳 NaN，
+// 不過……
+isNaN() == isNaN(Number()); // false，因為 isNaN() == true 且 Number() == 0
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/json/index.md b/files/zh-tw/web/javascript/reference/global_objects/json/index.md
index 8b9b92181055d5..85a9d9be414bf0 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/json/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/json/index.md
@@ -13,10 +13,10 @@ slug: Web/JavaScript/Reference/Global_Objects/JSON
 
 JSON 是序列物件、陣列、數字、字串、布林值、還有 {{jsxref("null")}} 的語法。它建基、但不同於 JavaScript：有些 JavaScript 不是 JSON、而有些 JSON 不是 JavaScript。請參見 [JSON: The JavaScript subset that isn't](http://timelessrepo.com/json-isnt-a-javascript-subset)。
 
-| JavaScript 型別 | 與 JSON 的差別                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
-| --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| 物件與陣列      | 屬性名稱必須是包含在雙引號中的字串；禁止尾後逗號。                                                                                                                                                                                                                                                                                                                                                                                                                                |
-| 數字            | 數字不可以 0 作為開頭(在 JSON.stringify 0 會被忽略，但是在 JSON.parse 會造成語法錯誤)；小數點前面必須至少有一位數字。                                                                                                                                                                                                                                                                                                                                                             |
+| JavaScript 型別 | 與 JSON 的差別                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 物件與陣列      | 屬性名稱必須是包含在雙引號中的字串；禁止尾後逗號。                                                                                                                                                                                                                                                                                                                                                                                                          |
+| 數字            | 數字不可以 0 作為開頭(在 JSON.stringify 0 會被忽略，但是在 JSON.parse 會造成語法錯誤)；小數點前面必須至少有一位數字。                                                                                                                                                                                                                                                                                                                                       |
 | 字串            | Only a limited set of characters may be escaped; certain control characters are prohibited; the Unicode line separator ([U+2028](http://unicode-table.com/en/2028/)) and paragraph separator ([U+2029](http://unicode-table.com/en/2029/)) characters are permitted; strings must be double-quoted. See the following example where {{jsxref("JSON.parse()")}} works fine and a {{jsxref("SyntaxError")}} is thrown when evaluating the code as JavaScript: |
 
 ```js
@@ -95,42 +95,61 @@ Insignificant whitespace may be present anywhere except within a `JSONNumber` (n
 ```js
 if (!window.JSON) {
   window.JSON = {
-    parse: function(sJSON) { return eval('(' + sJSON + ')'); },
+    parse: function (sJSON) {
+      return eval("(" + sJSON + ")");
+    },
     stringify: (function () {
       var toString = Object.prototype.toString;
       var hasOwnProperty = Object.prototype.hasOwnProperty;
-      var isArray = Array.isArray || function (a) { return toString.call(a) === '[object Array]'; };
-      var escMap = {'"': '\\"', '\\': '\\\\', '\b': '\\b', '\f': '\\f', '\n': '\\n', '\r': '\\r', '\t': '\\t'};
-      var escFunc = function (m) { return escMap[m] || '\\u' + (m.charCodeAt(0) + 0x10000).toString(16).substr(1); };
+      var isArray =
+        Array.isArray ||
+        function (a) {
+          return toString.call(a) === "[object Array]";
+        };
+      var escMap = {
+        '"': '\\"',
+        "\\": "\\\\",
+        "\b": "\\b",
+        "\f": "\\f",
+        "\n": "\\n",
+        "\r": "\\r",
+        "\t": "\\t",
+      };
+      var escFunc = function (m) {
+        return (
+          escMap[m] ||
+          "\\u" + (m.charCodeAt(0) + 0x10000).toString(16).substr(1)
+        );
+      };
       var escRE = /[\\"\u0000-\u001F\u2028\u2029]/g;
       return function stringify(value) {
         if (value == null) {
-          return 'null';
-        } else if (typeof value === 'number') {
-          return isFinite(value) ? value.toString() : 'null';
-        } else if (typeof value === 'boolean') {
+          return "null";
+        } else if (typeof value === "number") {
+          return isFinite(value) ? value.toString() : "null";
+        } else if (typeof value === "boolean") {
           return value.toString();
-        } else if (typeof value === 'object') {
-          if (typeof value.toJSON === 'function') {
+        } else if (typeof value === "object") {
+          if (typeof value.toJSON === "function") {
             return stringify(value.toJSON());
           } else if (isArray(value)) {
-            var res = '[';
+            var res = "[";
             for (var i = 0; i < value.length; i++)
-              res += (i ? ', ' : '') + stringify(value[i]);
-            return res + ']';
-          } else if (toString.call(value) === '[object Object]') {
+              res += (i ? ", " : "") + stringify(value[i]);
+            return res + "]";
+          } else if (toString.call(value) === "[object Object]") {
             var tmp = [];
             for (var k in value) {
               // in case "hasOwnProperty" has been shadowed
               if (hasOwnProperty.call(value, k))
-                tmp.push(stringify(k) + ': ' + stringify(value[k]));
+                tmp.push(stringify(k) + ": " + stringify(value[k]));
             }
-            return '{' + tmp.join(', ') + '}';
+            return "{" + tmp.join(", ") + "}";
           }
         }
         return '"' + value.toString().replace(escRE, escFunc) + '"';
       };
-    })()
+    })(),
   };
 }
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/json/parse/index.md b/files/zh-tw/web/javascript/reference/global_objects/json/parse/index.md
index 5dd3f48bc65911..4c6a893e19d8e8 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/json/parse/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/json/parse/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/JSON/parse
 
 ## 語法
 
-```plain
+```js-nolint
 JSON.parse(text[, reviver])
 ```
 
@@ -24,41 +24,41 @@ JSON.parse(text[, reviver])
 
 從給定的 JSON `text` 回傳對應的 {{jsxref("Object")}}。
 
-### Throws
+### 例外
 
 如果解析的字串不是合法的 JSON 格式會丟出一個 {{jsxref("SyntaxError")}} 例外
 
 ## 範例
 
-### Using `JSON.parse()`
+### 使用 `JSON.parse()`
 
 ```js
-JSON.parse('{}');              // {}
-JSON.parse('true');            // true
-JSON.parse('"foo"');           // "foo"
+JSON.parse("{}"); // {}
+JSON.parse("true"); // true
+JSON.parse('"foo"'); // "foo"
 JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
-JSON.parse('null');            // null
+JSON.parse("null"); // null
 ```
 
 ### 使用 **`reviver`** 參數
 
-如果`revive`r 函數有被指定，字串解析後產生出來的值會在函式回傳前經過轉換。 具體來講，解析後的值或是物件屬性會一個接一個地被這個 reviver 函數過濾（順序是由巢狀架構中最深的到最淺的），而當一個屬性即將被過濾時，該屬性的名稱（字串形態）以及值會被當作參數傳入 reviver 函數。如果 reviver 函數回傳了 {{jsxref("undefined")}} (或是沒有回傳值, 例如：函式提早結束)，則該屬性會從物件中被刪除；反之如果成功的話，該屬性的值就會被新的回傳值取代。
+如果 `reviver` 函數有被指定，字串解析後產生出來的值會在函式回傳前經過轉換。 具體來講，解析後的值或是物件屬性會一個接一個地被這個 reviver 函數過濾（順序是由巢狀架構中最深的到最淺的），而當一個屬性即將被過濾時，該屬性的名稱（字串形態）以及值會被當作參數傳入 reviver 函數。如果 reviver 函數回傳了 {{jsxref("undefined")}}（或是沒有回傳值，例如：函式提早結束），則該屬性會從物件中被刪除；反之如果成功的話，該屬性的值就會被新的回傳值取代。
 
 如果 reviver 只需轉換某些特定的值，請記得將其他不須特別轉換的值以原來的值回傳，否則這些值會從回傳的結果物件中刪除。
 
 ```js
-JSON.parse('{"p": 5}', function(k, v) {
-  if (typeof v === 'number') {
-    return v * 2;  // return v * 2 for numbers
+JSON.parse('{"p": 5}', function (k, v) {
+  if (typeof v === "number") {
+    return v * 2; // return v * 2 for numbers
   }
-  return v;        // return everything else unchanged
+  return v; // return everything else unchanged
 });
 
 // { p: 10 }
 
-JSON.parse('{"1": 1, "2": 2, "3": {"4": 4, "5": {"6": 6}}}', function(k, v) {
+JSON.parse('{"1": 1, "2": 2, "3": {"4": 4, "5": {"6": 6}}}', function (k, v) {
   console.log(k); // log the current property name, the last is "".
-  return v;       // return the unchanged property value.
+  return v; // return the unchanged property value.
 });
 
 // 1
@@ -72,9 +72,9 @@ JSON.parse('{"1": 1, "2": 2, "3": {"4": 4, "5": {"6": 6}}}', function(k, v) {
 
 ### `JSON.parse()` 不容許尾部有逗號
 
-```js example-bad example-bad
+```js example-bad
 // 這兩個都會拋出 SyntaxError
-JSON.parse('[1, 2, 3, 4, ]');
+JSON.parse("[1, 2, 3, 4, ]");
 JSON.parse('{"foo" : 1, }');
 ```
 
@@ -91,7 +91,7 @@ JSON.parse('{"foo" : 1, }');
 從 Gecko 29 版本開始，錯誤格式的 JSON 字串會產生更詳細的錯誤訊息，包含造成解析錯誤的行數及列數。這在針對大量 JSON 資料進行除錯時會很有幫助。
 
 ```js
-JSON.parse('[1, 2, 3, 4,]');
+JSON.parse("[1, 2, 3, 4,]");
 // SyntaxError: JSON.parse: unexpected character at
 // line 1 column 13 of the JSON data
 ```
diff --git a/files/zh-tw/web/javascript/reference/global_objects/json/stringify/index.md b/files/zh-tw/web/javascript/reference/global_objects/json/stringify/index.md
index ab85170f4f4f25..dca03878cb35ad 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/json/stringify/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/json/stringify/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/JSON/stringify
 
 ## 語法
 
-```plain
+```js-nolint
 JSON.stringify(value[, replacer[, space]])
 ```
 
@@ -38,39 +38,44 @@ A JSON string representing the given value.
 - Non-enumerable properties will be ignored
 
 ```js
-JSON.stringify({});                  // '{}'
-JSON.stringify(true);                // 'true'
-JSON.stringify('foo');               // '"foo"'
-JSON.stringify([1, 'false', false]); // '[1,"false",false]'
-JSON.stringify({ x: 5 });            // '{"x":5}'
+JSON.stringify({}); // '{}'
+JSON.stringify(true); // 'true'
+JSON.stringify("foo"); // '"foo"'
+JSON.stringify([1, "false", false]); // '[1,"false",false]'
+JSON.stringify({ x: 5 }); // '{"x":5}'
 
-JSON.stringify(new Date(2006, 0, 2, 15, 4, 5))
+JSON.stringify(new Date(2006, 0, 2, 15, 4, 5));
 // '"2006-01-02T15:04:05.000Z"'
 
 JSON.stringify({ x: 5, y: 6 });
 // '{"x":5,"y":6}'
-JSON.stringify([new Number(3), new String('false'), new Boolean(false)]);
+JSON.stringify([new Number(3), new String("false"), new Boolean(false)]);
 // '[3,"false",false]'
 
-JSON.stringify({ x: [10, undefined, function(){}, Symbol('')] });
+JSON.stringify({ x: [10, undefined, function () {}, Symbol("")] });
 // '{"x":[10,null,null,null]}'
 
 // Symbols:
-JSON.stringify({ x: undefined, y: Object, z: Symbol('') });
+JSON.stringify({ x: undefined, y: Object, z: Symbol("") });
 // '{}'
-JSON.stringify({ [Symbol('foo')]: 'foo' });
+JSON.stringify({ [Symbol("foo")]: "foo" });
 // '{}'
-JSON.stringify({ [Symbol.for('foo')]: 'foo' }, [Symbol.for('foo')]);
+JSON.stringify({ [Symbol.for("foo")]: "foo" }, [Symbol.for("foo")]);
 // '{}'
-JSON.stringify({ [Symbol.for('foo')]: 'foo' }, function(k, v) {
-  if (typeof k === 'symbol') {
-    return 'a symbol';
+JSON.stringify({ [Symbol.for("foo")]: "foo" }, function (k, v) {
+  if (typeof k === "symbol") {
+    return "a symbol";
   }
 });
 // '{}'
 
 // Non-enumerable properties:
-JSON.stringify( Object.create(null, { x: { value: 'x', enumerable: false }, y: { value: 'y', enumerable: true } }) );
+JSON.stringify(
+  Object.create(null, {
+    x: { value: "x", enumerable: false },
+    y: { value: "y", enumerable: true },
+  })
+);
 // '{"y":"y"}'
 ```
 
@@ -91,13 +96,19 @@ The `replacer` parameter can be either a function or an array. As a function, it
 ```js
 function replacer(key, value) {
   // Filtering out properties
-  if (typeof value === 'string') {
+  if (typeof value === "string") {
     return undefined;
   }
   return value;
 }
 
-var foo = {foundation: 'Mozilla', model: 'box', week: 45, transport: 'car', month: 7};
+var foo = {
+  foundation: "Mozilla",
+  model: "box",
+  week: 45,
+  transport: "car",
+  month: 7,
+};
 JSON.stringify(foo, replacer);
 // '{"week":45,"month":7}'
 ```
@@ -107,7 +118,7 @@ JSON.stringify(foo, replacer);
 If `replacer` is an array, the array's values indicate the names of the properties in the object that should be included in the resulting JSON string.
 
 ```js
-JSON.stringify(foo, ['week', 'month']);
+JSON.stringify(foo, ["week", "month"]);
 // '{"week":45,"month":7}', only keep "week" and "month" properties
 ```
 
@@ -116,7 +127,7 @@ JSON.stringify(foo, ['week', 'month']);
 The `space` argument may be used to control spacing in the final string. If it is a number, successive levels in the stringification will each be indented by this many space characters (up to 10). If it is a string, successive levels will be indented by this string (or the first ten characters of it).
 
 ```js
-JSON.stringify({ a: 2 }, null, ' ');
+JSON.stringify({ a: 2 }, null, " ");
 // '{
 //  "a": 2
 // }'
@@ -125,7 +136,7 @@ JSON.stringify({ a: 2 }, null, ' ');
 Using a tab character mimics standard pretty-print appearance:
 
 ```js
-JSON.stringify({ uno: 1, dos: 2 }, null, '\t');
+JSON.stringify({ uno: 1, dos: 2 }, null, "\t");
 // returns the string:
 // '{
 //     "uno": 1,
@@ -145,36 +156,36 @@ For example:
 
 ```js
 const bonnie = {
-  name: 'Bonnie Washington',
+  name: "Bonnie Washington",
   age: 17,
-  class: 'Year 5 Wisdom',
+  class: "Year 5 Wisdom",
   isMonitor: false,
-  toJSON: function(key) {
+  toJSON: function (key) {
     // Clone object to prevent accidentally performing modification on the original object
     const cloneObj = { ...this };
 
     delete cloneObj.age;
     delete cloneObj.isMonitor;
     cloneObj.year = 5;
-    cloneObj.class = 'Wisdom';
+    cloneObj.class = "Wisdom";
 
     if (key) {
       cloneObj.code = key;
     }
 
     return cloneObj;
-  }
-}
+  },
+};
 
 JSON.stringify(bonnie);
 // Returns '{"name":"Bonnie Washington","class":"Wisdom","year":5}'
 
-const students = {bonnie};
+const students = { bonnie };
 JSON.stringify(students);
 // Returns '{"bonnie":{"name":"Bonnie Washington","class":"Wisdom","year":5,"code":"bonnie"}}'
 
 const monitorCandidate = [bonnie];
-JSON.stringify(monitorCandidate)
+JSON.stringify(monitorCandidate);
 // Returns '[{"name":"Bonnie Washington","class":"Wisdom","year":5,"code":"0"}]'
 ```
 
@@ -183,24 +194,24 @@ JSON.stringify(monitorCandidate)
 Note that JSON is [not a completely strict subset of JavaScript](http://timelessrepo.com/json-isnt-a-javascript-subset), with two line terminators (Line separator and Paragraph separator) not needing to be escaped in JSON but needing to be escaped in JavaScript. Therefore, if the JSON is meant to be evaluated or directly utilized within [JSONP](https://en.wikipedia.org/wiki/JSONP), the following utility can be used:
 
 ```js
-function jsFriendlyJSONStringify (s) {
-    return JSON.stringify(s).
-        replace(/\u2028/g, '\\u2028').
-        replace(/\u2029/g, '\\u2029');
+function jsFriendlyJSONStringify(s) {
+  return JSON.stringify(s)
+    .replace(/\u2028/g, "\\u2028")
+    .replace(/\u2029/g, "\\u2029");
 }
 
 var s = {
-    a: String.fromCharCode(0x2028),
-    b: String.fromCharCode(0x2029)
+  a: String.fromCharCode(0x2028),
+  b: String.fromCharCode(0x2029),
 };
 try {
-    eval('(' + JSON.stringify(s) + ')');
+  eval("(" + JSON.stringify(s) + ")");
 } catch (e) {
-    console.log(e); // "SyntaxError: unterminated string literal"
+  console.log(e); // "SyntaxError: unterminated string literal"
 }
 
 // No need for a catch
-eval('(' + jsFriendlyJSONStringify(s) + ')');
+eval("(" + jsFriendlyJSONStringify(s) + ")");
 
 // console.log in Firefox unescapes the Unicode if
 //   logged to console, so we use alert
@@ -216,23 +227,23 @@ In a case where you want to store an object created by your user and allowing it
 ```js
 // Creating an example of JSON
 var session = {
-  'screens': [],
-  'state': true
+  screens: [],
+  state: true,
 };
-session.screens.push({ 'name': 'screenA', 'width': 450, 'height': 250 });
-session.screens.push({ 'name': 'screenB', 'width': 650, 'height': 350 });
-session.screens.push({ 'name': 'screenC', 'width': 750, 'height': 120 });
-session.screens.push({ 'name': 'screenD', 'width': 250, 'height': 60 });
-session.screens.push({ 'name': 'screenE', 'width': 390, 'height': 120 });
-session.screens.push({ 'name': 'screenF', 'width': 1240, 'height': 650 });
+session.screens.push({ name: "screenA", width: 450, height: 250 });
+session.screens.push({ name: "screenB", width: 650, height: 350 });
+session.screens.push({ name: "screenC", width: 750, height: 120 });
+session.screens.push({ name: "screenD", width: 250, height: 60 });
+session.screens.push({ name: "screenE", width: 390, height: 120 });
+session.screens.push({ name: "screenF", width: 1240, height: 650 });
 
 // Converting the JSON string with JSON.stringify()
 // then saving with localStorage in the name of session
-localStorage.setItem('session', JSON.stringify(session));
+localStorage.setItem("session", JSON.stringify(session));
 
 // Example of how to transform the String generated through
 // JSON.stringify() and saved in localStorage in JSON object again
-var restoredSession = JSON.parse(localStorage.getItem('session'));
+var restoredSession = JSON.parse(localStorage.getItem("session"));
 
 // Now restoredSession variable contains the object that was saved
 // in localStorage
@@ -247,6 +258,6 @@ console.log(restoredSession);
 
 {{Compat}}
 
-## See also
+## 參見
 
 - {{jsxref("JSON.parse()")}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/map/index.md b/files/zh-tw/web/javascript/reference/global_objects/map/index.md
index 88b81880f4e605..5b8f759ae94a44 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/map/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/map/index.md
@@ -10,7 +10,7 @@ original_slug: Web/JavaScript/Reference/Global_Objects/Map
 
 ## 語法
 
-```js
+```js-nolint
 new Map([iterable])
 ```
 
@@ -90,26 +90,26 @@ new Map([iterable])
 ```js
 var myMap = new Map();
 
-var keyString = 'a string',
-    keyObj = {},
-    keyFunc = function() {};
+var keyString = "a string",
+  keyObj = {},
+  keyFunc = function () {};
 
 // setting the values
 myMap.set(keyString, "value associated with 'a string'");
-myMap.set(keyObj, 'value associated with keyObj');
-myMap.set(keyFunc, 'value associated with keyFunc');
+myMap.set(keyObj, "value associated with keyObj");
+myMap.set(keyFunc, "value associated with keyFunc");
 
 myMap.size; // 3
 
 // getting the values
-myMap.get(keyString);    // "value associated with 'a string'"
-myMap.get(keyObj);       // "value associated with keyObj"
-myMap.get(keyFunc);      // "value associated with keyFunc"
-
-myMap.get('a string');   // "value associated with 'a string'"
-                         // because keyString === 'a string'
-myMap.get({});           // undefined, because keyObj !== {}
-myMap.get(function() {}) // undefined, because keyFunc !== function () {}
+myMap.get(keyString); // "value associated with 'a string'"
+myMap.get(keyObj); // "value associated with keyObj"
+myMap.get(keyFunc); // "value associated with keyFunc"
+
+myMap.get("a string"); // "value associated with 'a string'"
+// because keyString === 'a string'
+myMap.get({}); // undefined, because keyObj !== {}
+myMap.get(function () {}); // undefined, because keyFunc !== function () {}
 ```
 
 ### 使用 `NaN` 作為 `Map` 的鍵
@@ -118,11 +118,11 @@ myMap.get(function() {}) // undefined, because keyFunc !== function () {}
 
 ```js
 var myMap = new Map();
-myMap.set(NaN, 'not a number');
+myMap.set(NaN, "not a number");
 
 myMap.get(NaN); // "not a number"
 
-var otherNaN = Number('foo');
+var otherNaN = Number("foo");
 myMap.get(otherNaN); // "not a number"
 ```
 
@@ -132,10 +132,10 @@ Map 可以使用 `for..of` 迴圈進行迭代：
 
 ```js
 var myMap = new Map();
-myMap.set(0, 'zero');
-myMap.set(1, 'one');
+myMap.set(0, "zero");
+myMap.set(1, "one");
 for (var [key, value] of myMap) {
-  console.log(key + ' = ' + value);
+  console.log(key + " = " + value);
 }
 // 0 = zero
 // 1 = one
@@ -153,7 +153,7 @@ for (var value of myMap.values()) {
 // one
 
 for (var [key, value] of myMap.entries()) {
-  console.log(key + ' = ' + value);
+  console.log(key + " = " + value);
 }
 // 0 = zero
 // 1 = one
@@ -164,8 +164,8 @@ for (var [key, value] of myMap.entries()) {
 `Map` 可以使用 `forEach()` 方法進行迭代：
 
 ```js
-myMap.forEach(function(value, key) {
-  console.log(key + ' = ' + value);
+myMap.forEach(function (value, key) {
+  console.log(key + " = " + value);
 });
 // Will show 2 logs; first with "0 = zero" and second with "1 = one"
 ```
@@ -173,12 +173,15 @@ myMap.forEach(function(value, key) {
 ### 與 `Array` 物件關聯
 
 ```js
-var kvArray = [['key1', 'value1'], ['key2', 'value2']];
+var kvArray = [
+  ["key1", "value1"],
+  ["key2", "value2"],
+];
 
 // Use the regular Map constructor to transform a 2D key-value Array into a map
 var myMap = new Map(kvArray);
 
-myMap.get('key1'); // returns "value1"
+myMap.get("key1"); // returns "value1"
 
 // Use the Array.from function to transform a map into a 2D key-value Array
 console.log(Array.from(myMap)); // Will show you exactly the same Array as kvArray
@@ -192,9 +195,7 @@ console.log(Array.from(myMap.keys())); // Will show ["key1", "key2"]
 就像 `Array` 一樣，`Map` 可以被複製:
 
 ```js
-var original = new Map([
-  [1, 'one']
-]);
+var original = new Map([[1, "one"]]);
 
 var clone = new Map(original);
 
@@ -208,14 +209,14 @@ console.log(original === clone); // false. Useful for shallow comparison
 
 ```js
 var first = new Map([
-  [1, 'one'],
-  [2, 'two'],
-  [3, 'three'],
+  [1, "one"],
+  [2, "two"],
+  [3, "three"],
 ]);
 
 var second = new Map([
-  [1, 'uno'],
-  [2, 'dos']
+  [1, "uno"],
+  [2, "dos"],
 ]);
 
 // Merge two maps. The last repeated key wins.
@@ -231,18 +232,18 @@ console.log(merged.get(3)); // three
 
 ```js
 var first = new Map([
-  [1, 'one'],
-  [2, 'two'],
-  [3, 'three'],
+  [1, "one"],
+  [2, "two"],
+  [3, "three"],
 ]);
 
 var second = new Map([
-  [1, 'uno'],
-  [2, 'dos']
+  [1, "uno"],
+  [2, "dos"],
 ]);
 
 // Merge maps with an array. The last repeated key wins.
-var merged = new Map([...first, ...second, [1, 'eins']]);
+var merged = new Map([...first, ...second, [1, "eins"]]);
 
 console.log(merged.get(1)); // eins
 console.log(merged.get(2)); // dos
diff --git a/files/zh-tw/web/javascript/reference/global_objects/math/abs/index.md b/files/zh-tw/web/javascript/reference/global_objects/math/abs/index.md
index 0a33de4dbbd03b..a0fc13e9087a85 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/math/abs/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/math/abs/index.md
@@ -37,16 +37,16 @@ Because `abs()` is a static method of `Math`, you always use it as `Math.abs()`,
 Passing an empty object, an array with more than one member, a non-numeric string or {{jsxref("undefined")}}/empty variable returns {{jsxref("NaN")}}. Passing {{jsxref("null")}}, an empty string or an empty array returns 0.
 
 ```js
-Math.abs('-1');     // 1
-Math.abs(-2);       // 2
-Math.abs(null);     // 0
-Math.abs('');       // 0
-Math.abs([]);       // 0
-Math.abs([2]);      // 2
-Math.abs([1,2]);    // NaN
-Math.abs({});       // NaN
-Math.abs('string'); // NaN
-Math.abs();         // NaN
+Math.abs("-1"); // 1
+Math.abs(-2); // 2
+Math.abs(null); // 0
+Math.abs(""); // 0
+Math.abs([]); // 0
+Math.abs([2]); // 2
+Math.abs([1, 2]); // NaN
+Math.abs({}); // NaN
+Math.abs("string"); // NaN
+Math.abs(); // NaN
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/math/ceil/index.md b/files/zh-tw/web/javascript/reference/global_objects/math/ceil/index.md
index 8cbb9fb8d52e3e..3f3f478b309255 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/math/ceil/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/math/ceil/index.md
@@ -35,11 +35,11 @@ Because `ceil()` is a static method of `Math`, you always use it as `Math.ceil()
 The following example shows example usage of `Math.ceil()`.
 
 ```js
-Math.ceil(.95);    // 1
-Math.ceil(4);      // 4
-Math.ceil(7.004);  // 8
-Math.ceil(-0.95);  // -0
-Math.ceil(-4);     // -4
+Math.ceil(0.95); // 1
+Math.ceil(4); // 4
+Math.ceil(7.004); // 8
+Math.ceil(-0.95); // -0
+Math.ceil(-4); // -4
 Math.ceil(-7.004); // -7
 ```
 
@@ -47,7 +47,7 @@ Math.ceil(-7.004); // -7
 
 ```js
 // Closure
-(function() {
+(function () {
   /**
    * Decimal adjustment of a number.
    *
@@ -58,62 +58,62 @@ Math.ceil(-7.004); // -7
    */
   function decimalAdjust(type, value, exp) {
     // If the exp is undefined or zero...
-    if (typeof exp === 'undefined' || +exp === 0) {
+    if (typeof exp === "undefined" || +exp === 0) {
       return Math[type](value);
     }
     value = +value;
     exp = +exp;
     // If the value is not a number or the exp is not an integer...
-    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
+    if (isNaN(value) || !(typeof exp === "number" && exp % 1 === 0)) {
       return NaN;
     }
     // Shift
-    value = value.toString().split('e');
-    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
+    value = value.toString().split("e");
+    value = Math[type](+(value[0] + "e" + (value[1] ? +value[1] - exp : -exp)));
     // Shift back
-    value = value.toString().split('e');
-    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
+    value = value.toString().split("e");
+    return +(value[0] + "e" + (value[1] ? +value[1] + exp : exp));
   }
 
   // Decimal round
   if (!Math.round10) {
-    Math.round10 = function(value, exp) {
-      return decimalAdjust('round', value, exp);
+    Math.round10 = function (value, exp) {
+      return decimalAdjust("round", value, exp);
     };
   }
   // Decimal floor
   if (!Math.floor10) {
-    Math.floor10 = function(value, exp) {
-      return decimalAdjust('floor', value, exp);
+    Math.floor10 = function (value, exp) {
+      return decimalAdjust("floor", value, exp);
     };
   }
   // Decimal ceil
   if (!Math.ceil10) {
-    Math.ceil10 = function(value, exp) {
-      return decimalAdjust('ceil', value, exp);
+    Math.ceil10 = function (value, exp) {
+      return decimalAdjust("ceil", value, exp);
     };
   }
 })();
 
 // Round
-Math.round10(55.55, -1);   // 55.6
-Math.round10(55.549, -1);  // 55.5
-Math.round10(55, 1);       // 60
-Math.round10(54.9, 1);     // 50
-Math.round10(-55.55, -1);  // -55.5
+Math.round10(55.55, -1); // 55.6
+Math.round10(55.549, -1); // 55.5
+Math.round10(55, 1); // 60
+Math.round10(54.9, 1); // 50
+Math.round10(-55.55, -1); // -55.5
 Math.round10(-55.551, -1); // -55.6
-Math.round10(-55, 1);      // -50
-Math.round10(-55.1, 1);    // -60
+Math.round10(-55, 1); // -50
+Math.round10(-55.1, 1); // -60
 // Floor
-Math.floor10(55.59, -1);   // 55.5
-Math.floor10(59, 1);       // 50
-Math.floor10(-55.51, -1);  // -55.6
-Math.floor10(-51, 1);      // -60
+Math.floor10(55.59, -1); // 55.5
+Math.floor10(59, 1); // 50
+Math.floor10(-55.51, -1); // -55.6
+Math.floor10(-51, 1); // -60
 // Ceil
-Math.ceil10(55.51, -1);    // 55.6
-Math.ceil10(51, 1);        // 60
-Math.ceil10(-55.59, -1);   // -55.5
-Math.ceil10(-59, 1);       // -50
+Math.ceil10(55.51, -1); // 55.6
+Math.ceil10(51, 1); // 60
+Math.ceil10(-55.59, -1); // -55.5
+Math.ceil10(-59, 1); // -50
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/math/floor/index.md b/files/zh-tw/web/javascript/reference/global_objects/math/floor/index.md
index 323576bba85dfc..f3c65d83910b5c 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/math/floor/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/math/floor/index.md
@@ -35,9 +35,9 @@ Math.floor(x)
 ### 使用 `Math.floor()`
 
 ```js
-Math.floor( 45.95); //  45
-Math.floor( 45.05); //  45
-Math.floor(  4   ); //   4
+Math.floor(45.95); //  45
+Math.floor(45.05); //  45
+Math.floor(4); //   4
 Math.floor(-45.05); // -46
 Math.floor(-45.95); // -46
 ```
@@ -46,7 +46,7 @@ Math.floor(-45.95); // -46
 
 ```js
 // Closure
-(function() {
+(function () {
   /**
    * Decimal adjustment of a number.
    *
@@ -57,62 +57,62 @@ Math.floor(-45.95); // -46
    */
   function decimalAdjust(type, value, exp) {
     // If the exp is undefined or zero...
-    if (typeof exp === 'undefined' || +exp === 0) {
+    if (typeof exp === "undefined" || +exp === 0) {
       return Math[type](value);
     }
     value = +value;
     exp = +exp;
     // If the value is not a number or the exp is not an integer...
-    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
+    if (isNaN(value) || !(typeof exp === "number" && exp % 1 === 0)) {
       return NaN;
     }
     // Shift
-    value = value.toString().split('e');
-    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
+    value = value.toString().split("e");
+    value = Math[type](+(value[0] + "e" + (value[1] ? +value[1] - exp : -exp)));
     // Shift back
-    value = value.toString().split('e');
-    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
+    value = value.toString().split("e");
+    return +(value[0] + "e" + (value[1] ? +value[1] + exp : exp));
   }
 
   // Decimal round
   if (!Math.round10) {
-    Math.round10 = function(value, exp) {
-      return decimalAdjust('round', value, exp);
+    Math.round10 = function (value, exp) {
+      return decimalAdjust("round", value, exp);
     };
   }
   // Decimal floor
   if (!Math.floor10) {
-    Math.floor10 = function(value, exp) {
-      return decimalAdjust('floor', value, exp);
+    Math.floor10 = function (value, exp) {
+      return decimalAdjust("floor", value, exp);
     };
   }
   // Decimal ceil
   if (!Math.ceil10) {
-    Math.ceil10 = function(value, exp) {
-      return decimalAdjust('ceil', value, exp);
+    Math.ceil10 = function (value, exp) {
+      return decimalAdjust("ceil", value, exp);
     };
   }
 })();
 
 // Round
-Math.round10(55.55, -1);   // 55.6
-Math.round10(55.549, -1);  // 55.5
-Math.round10(55, 1);       // 60
-Math.round10(54.9, 1);     // 50
-Math.round10(-55.55, -1);  // -55.5
+Math.round10(55.55, -1); // 55.6
+Math.round10(55.549, -1); // 55.5
+Math.round10(55, 1); // 60
+Math.round10(54.9, 1); // 50
+Math.round10(-55.55, -1); // -55.5
 Math.round10(-55.551, -1); // -55.6
-Math.round10(-55, 1);      // -50
-Math.round10(-55.1, 1);    // -60
+Math.round10(-55, 1); // -50
+Math.round10(-55.1, 1); // -60
 // Floor
-Math.floor10(55.59, -1);   // 55.5
-Math.floor10(59, 1);       // 50
-Math.floor10(-55.51, -1);  // -55.6
-Math.floor10(-51, 1);      // -60
+Math.floor10(55.59, -1); // 55.5
+Math.floor10(59, 1); // 50
+Math.floor10(-55.51, -1); // -55.6
+Math.floor10(-51, 1); // -60
 // Ceil
-Math.ceil10(55.51, -1);    // 55.6
-Math.ceil10(51, 1);        // 60
-Math.ceil10(-55.59, -1);   // -55.5
-Math.ceil10(-59, 1);       // -50
+Math.ceil10(55.51, -1); // 55.6
+Math.ceil10(51, 1); // 60
+Math.ceil10(-55.59, -1); // -55.5
+Math.ceil10(-59, 1); // -50
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/math/index.md b/files/zh-tw/web/javascript/reference/global_objects/math/index.md
index 145f5d5132d762..762e3e3993a4f8 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/math/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/math/index.md
@@ -122,18 +122,16 @@ For instance, the following example adds a method to the `Math` object for calcu
 
 ```js
 /* Variadic function -- Returns the greatest common divisor of a list of arguments */
-Math.gcd = function() {
-    if (arguments.length == 2) {
-        if (arguments[1] == 0)
-            return arguments[0];
-        else
-            return Math.gcd(arguments[1], arguments[0] % arguments[1]);
-    } else if (arguments.length > 2) {
-        var result = Math.gcd(arguments[0], arguments[1]);
-        for (var i = 2; i < arguments.length; i++)
-            result = Math.gcd(result, arguments[i]);
-        return result;
-    }
+Math.gcd = function () {
+  if (arguments.length == 2) {
+    if (arguments[1] == 0) return arguments[0];
+    else return Math.gcd(arguments[1], arguments[0] % arguments[1]);
+  } else if (arguments.length > 2) {
+    var result = Math.gcd(arguments[0], arguments[1]);
+    for (var i = 2; i < arguments.length; i++)
+      result = Math.gcd(result, arguments[i]);
+    return result;
+  }
 };
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/math/max/index.md b/files/zh-tw/web/javascript/reference/global_objects/math/max/index.md
index f4b8d95e11e2b7..c6e5910c7972f8 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/math/max/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/math/max/index.md
@@ -37,9 +37,9 @@ If at least one of arguments cannot be converted to a number, the result is {{js
 ### Using `Math.max()`
 
 ```js
-Math.max(10, 20);   //  20
+Math.max(10, 20); //  20
 Math.max(-10, -20); // -10
-Math.max(-10, 20);  //  20
+Math.max(-10, 20); //  20
 ```
 
 #### Getting the maximum element of an array
@@ -47,9 +47,9 @@ Math.max(-10, 20);  //  20
 {{jsxref("Array.prototype.reduce", "Array.reduce()")}} can be used to find the maximum element in a numeric array, by comparing each value:
 
 ```js
-var arr = [1,2,3];
-var max = arr.reduce(function(a, b) {
-    return Math.max(a, b);
+var arr = [1, 2, 3];
+var max = arr.reduce(function (a, b) {
+  return Math.max(a, b);
 }, -Infinity);
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/math/pow/index.md b/files/zh-tw/web/javascript/reference/global_objects/math/pow/index.md
index 709a46ee76e81a..a969e5ae46fc53 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/math/pow/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/math/pow/index.md
@@ -36,25 +36,25 @@ The **`Math.pow()`** function returns the `base` to the `exponent` power, that i
 
 ```js
 // simple
-Math.pow(7, 2);    // 49
-Math.pow(7, 3);    // 343
-Math.pow(2, 10);   // 1024
+Math.pow(7, 2); // 49
+Math.pow(7, 3); // 343
+Math.pow(2, 10); // 1024
 // fractional exponents
-Math.pow(4, 0.5);  // 2 （4 的平方根）
-Math.pow(8, 1/3);  // 2 （8 的立方根）
-Math.pow(2, 0.5);  // 1.4142135623730951 （2 的平方根）
-Math.pow(2, 1/3);  // 1.2599210498948732 （2 的立方根）
+Math.pow(4, 0.5); // 2 （4 的平方根）
+Math.pow(8, 1 / 3); // 2 （8 的立方根）
+Math.pow(2, 0.5); // 1.4142135623730951 （2 的平方根）
+Math.pow(2, 1 / 3); // 1.2599210498948732 （2 的立方根）
 // signed exponents
-Math.pow(7, -2);   // 0.02040816326530612 (1/49)
-Math.pow(8, -1/3); // 0.5
+Math.pow(7, -2); // 0.02040816326530612 (1/49)
+Math.pow(8, -1 / 3); // 0.5
 // signed bases
-Math.pow(-7, 2);   // 49 (負負得正，2次方都是正數)
-Math.pow(-7, 3);   // -343 (3次方有可能為負數)
+Math.pow(-7, 2); // 49 (負負得正，2次方都是正數)
+Math.pow(-7, 3); // -343 (3次方有可能為負數)
 Math.pow(-7, 0.5); // NaN (負數沒辦法得出一個實數平方根)
 // due to "even" and "odd" roots laying close to each other,
 // and limits in the floating number precision,
 // negative bases with fractional exponents always return NaN
-Math.pow(-7, 1/3); // NaN
+Math.pow(-7, 1 / 3); // NaN
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/math/round/index.md b/files/zh-tw/web/javascript/reference/global_objects/math/round/index.md
index 93a1d7b8eac34c..661009d8fde62e 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/math/round/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/math/round/index.md
@@ -44,14 +44,14 @@ x = Math.round(-20.51);
 // Returns the value 1 (!)
 // Note the rounding error because of inaccurate floating point arithmetics
 // Compare this with Math.round10(1.005, -2) from the example below
-x = Math.round(1.005*100)/100;
+x = Math.round(1.005 * 100) / 100;
 ```
 
 ### 十進位近似值
 
 ```js
 // 閉包含數
-(function() {
+(function () {
   /**
    * Decimal adjustment of a number.
    *
@@ -62,63 +62,63 @@ x = Math.round(1.005*100)/100;
    */
   function decimalAdjust(type, value, exp) {
     // If the exp is undefined or zero...
-    if (typeof exp === 'undefined' || +exp === 0) {
+    if (typeof exp === "undefined" || +exp === 0) {
       return Math[type](value);
     }
     value = +value;
     exp = +exp;
     // If the value is not a number or the exp is not an integer...
-    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
+    if (isNaN(value) || !(typeof exp === "number" && exp % 1 === 0)) {
       return NaN;
     }
     // Shift
-    value = value.toString().split('e');
-    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
+    value = value.toString().split("e");
+    value = Math[type](+(value[0] + "e" + (value[1] ? +value[1] - exp : -exp)));
     // Shift back
-    value = value.toString().split('e');
-    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
+    value = value.toString().split("e");
+    return +(value[0] + "e" + (value[1] ? +value[1] + exp : exp));
   }
 
   // Decimal round
   if (!Math.round10) {
-    Math.round10 = function(value, exp) {
-      return decimalAdjust('round', value, exp);
+    Math.round10 = function (value, exp) {
+      return decimalAdjust("round", value, exp);
     };
   }
   // Decimal floor
   if (!Math.floor10) {
-    Math.floor10 = function(value, exp) {
-      return decimalAdjust('floor', value, exp);
+    Math.floor10 = function (value, exp) {
+      return decimalAdjust("floor", value, exp);
     };
   }
   // Decimal ceil
   if (!Math.ceil10) {
-    Math.ceil10 = function(value, exp) {
-      return decimalAdjust('ceil', value, exp);
+    Math.ceil10 = function (value, exp) {
+      return decimalAdjust("ceil", value, exp);
     };
   }
 })();
 
 // Round
-Math.round10(55.55, -1);   // 55.6
-Math.round10(55.549, -1);  // 55.5
-Math.round10(55, 1);       // 60
-Math.round10(54.9, 1);     // 50
-Math.round10(-55.55, -1);  // -55.5
+Math.round10(55.55, -1); // 55.6
+Math.round10(55.549, -1); // 55.5
+Math.round10(55, 1); // 60
+Math.round10(54.9, 1); // 50
+Math.round10(-55.55, -1); // -55.5
 Math.round10(-55.551, -1); // -55.6
-Math.round10(-55, 1);      // -50
-Math.round10(-55.1, 1);    // -60
-Math.round10(1.005, -2);   // 1.01 -- compare this with Math.round(1.005*100)/100 above
+Math.round10(-55, 1); // -50
+Math.round10(-55.1, 1); // -60
+Math.round10(1.005, -2); // 1.01 -- compare this with Math.round(1.005*100)/100 above
 // Floor
-Math.floor10(55.59, -1);   // 55.5
-Math.floor10(59, 1);       // 50
-Math.floor10(-55.51, -1);  // -55.6
-Math.floor10(-51, 1);      // -60
+Math.floor10(55.59, -1); // 55.5
+Math.floor10(59, 1); // 50
+Math.floor10(-55.51, -1); // -55.6
+Math.floor10(-51, 1); // -60
 // Ceil
-Math.ceil10(55.51, -1);    // 55.6
-Math.ceil10(51, 1);        // 60
-Math.ceil10(-55.59, -1);   // -55.5
-Math.ceil10(-59, 1);       // -50
+Math.ceil10(55.51, -1); // 55.6
+Math.ceil10(51, 1); // 60
+Math.ceil10(-55.59, -1); // -55.5
+Math.ceil10(-59, 1); // -50
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/nan/index.md b/files/zh-tw/web/javascript/reference/global_objects/nan/index.md
index 6dc76c89213702..95c00e51efcf2b 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/nan/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/nan/index.md
@@ -30,14 +30,16 @@ NaN
 `NaN` 不等於（`==`、`!=`、`===`、`!==`）任何值，包括 NaN 本身。請使用 {{jsxref("Number.isNaN()")}} 或 {{jsxref("Global_Objects/isNaN", "isNaN()")}} 來確認某個數值是否為 NaN。Or perform a self-comparison: NaN, and only NaN, will compare unequal to itself.
 
 ```js
-NaN === NaN;        // false
+NaN === NaN; // false
 Number.NaN === NaN; // false
-isNaN(NaN);         // true
-isNaN(Number.NaN);  // true
-
-function valueIsNaN(v) { return v !== v; }
-valueIsNaN(1);          // false
-valueIsNaN(NaN);        // true
+isNaN(NaN); // true
+isNaN(Number.NaN); // true
+
+function valueIsNaN(v) {
+  return v !== v;
+}
+valueIsNaN(1); // false
+valueIsNaN(NaN); // true
 valueIsNaN(Number.NaN); // true
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/number/index.md b/files/zh-tw/web/javascript/reference/global_objects/number/index.md
index 72036e1baa073a..fb06b94ad2d38a 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/number/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/number/index.md
@@ -5,12 +5,12 @@ slug: Web/JavaScript/Reference/Global_Objects/Number
 
 {{JSRef}}
 
-**`Number`** JavaScript 物件是允許你操作數值的包覆物件. `Number` 物件是以 `Number()` 建構子來建立的。
+**`Number`** JavaScript 物件是允許你操作數值的包覆物件。`Number` 物件是以 `Number()` 建構子來建立的。
 
 ## 語法
 
-```plain
-new Number(value);
+```js-nolint
+new Number(value)
 ```
 
 ### 參數
@@ -110,21 +110,21 @@ var smallestInt = -9007199254740992;
 下面的範例將 `Number` 視為函式，並且使用它將 {{jsxref("Date")}} 轉換成時間戳記：
 
 ```js
-var d = new Date('December 17, 1995 03:24:00');
+var d = new Date("December 17, 1995 03:24:00");
 console.log(Number(d)); // 819199440000
 ```
 
 ### 轉換數值字串成數值
 
 ```js
-Number("123")     // 123
-Number("12.3")    // 12.3
-Number("")        // 0
-Number("0x11")    // 17
-Number("0b11")    // 3
-Number("0o11")    // 9
-Number("foo")     // NaN
-Number("100a")    // NaN
+Number("123"); // 123
+Number("12.3"); // 12.3
+Number(""); // 0
+Number("0x11"); // 17
+Number("0b11"); // 3
+Number("0o11"); // 9
+Number("foo"); // NaN
+Number("100a"); // NaN
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/number/isfinite/index.md b/files/zh-tw/web/javascript/reference/global_objects/number/isfinite/index.md
index dd9b08fb126d61..19392c38c3f262 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/number/isfinite/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/number/isfinite/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Number/isFinite
 
 ## 語法
 
-```plain
+```js-nolint
 Number.isFinite(value)
 ```
 
@@ -31,25 +31,27 @@ In comparison to the global {{jsxref("isFinite", "isFinite()")}} function, this
 ## 範例
 
 ```js
-Number.isFinite(Infinity);  // false
-Number.isFinite(NaN);       // false
+Number.isFinite(Infinity); // false
+Number.isFinite(NaN); // false
 Number.isFinite(-Infinity); // false
 
-Number.isFinite(0);         // true
-Number.isFinite(2e64);      // true
+Number.isFinite(0); // true
+Number.isFinite(2e64); // true
 
-Number.isFinite('0');       // false, would've been true with
-                            // global isFinite('0')
-Number.isFinite(null);      // false, would've been true with
-                            // global isFinite(null)
+Number.isFinite("0"); // false, would've been true with
+// global isFinite('0')
+Number.isFinite(null); // false, would've been true with
+// global isFinite(null)
 ```
 
 ## Polyfill
 
 ```js
-Number.isFinite = Number.isFinite || function(value) {
-    return typeof value === 'number' && isFinite(value);
-}
+Number.isFinite =
+  Number.isFinite ||
+  function (value) {
+    return typeof value === "number" && isFinite(value);
+  };
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/number/isnan/index.md b/files/zh-tw/web/javascript/reference/global_objects/number/isnan/index.md
index f2c6a0d7d63346..4f3ea4092efb38 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/number/isnan/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/number/isnan/index.md
@@ -11,7 +11,7 @@ The **`Number.isNaN()`** method determines whether the passed value is {{jsxref(
 
 ## Syntax
 
-```plain
+```js-nolint
 Number.isNaN(value)
 ```
 
@@ -33,24 +33,24 @@ In comparison to the global {{jsxref("isNaN", "isNaN()")}} function, `Number.isN
 ## Examples
 
 ```js
-Number.isNaN(NaN);        // true
+Number.isNaN(NaN); // true
 Number.isNaN(Number.NaN); // true
-Number.isNaN(0 / 0);      // true
+Number.isNaN(0 / 0); // true
 
 // e.g. these would have been true with global isNaN()
-Number.isNaN('NaN');      // false
-Number.isNaN(undefined);  // false
-Number.isNaN({});         // false
-Number.isNaN('blabla');   // false
+Number.isNaN("NaN"); // false
+Number.isNaN(undefined); // false
+Number.isNaN({}); // false
+Number.isNaN("blabla"); // false
 
 // These all return false
 Number.isNaN(true);
 Number.isNaN(null);
 Number.isNaN(37);
-Number.isNaN('37');
-Number.isNaN('37.37');
-Number.isNaN('');
-Number.isNaN(' ');
+Number.isNaN("37");
+Number.isNaN("37.37");
+Number.isNaN("");
+Number.isNaN(" ");
 ```
 
 ## Polyfill
@@ -58,9 +58,11 @@ Number.isNaN(' ');
 The following works because NaN is the only value in javascript which is not equal to itself.
 
 ```js
-Number.isNaN = Number.isNaN || function(value) {
+Number.isNaN =
+  Number.isNaN ||
+  function (value) {
     return value !== value;
-}
+  };
 ```
 
 ## Specifications
diff --git a/files/zh-tw/web/javascript/reference/global_objects/number/toexponential/index.md b/files/zh-tw/web/javascript/reference/global_objects/number/toexponential/index.md
index d8a32ec35d0532..07acbd201f62b0 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/number/toexponential/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/number/toexponential/index.md
@@ -9,24 +9,24 @@ slug: Web/JavaScript/Reference/Global_Objects/Number/toExponential
 
 ## 語法
 
-```plain
+```js-nolint
 numObj.toExponential([fractionDigits])
 ```
 
 ### 參數
 
-| 參數             | 可選 | 默認值                   | 類型                                     | 說明                                |
-| ---------------- | ---- | ------------------------ | ---------------------------------------- | ----------------------------------- |
-| `fractionDigits` | ●    | 默認盡可能將數字完整顯示 | `{{jsxref("Number")}}（正整數）` | 小數點後的位數。需為 0 至 20 之間。 |
+| 參數             | 可選 | 默認值                   | 類型                           | 說明                                |
+| ---------------- | ---- | ------------------------ | ------------------------------ | ----------------------------------- |
+| `fractionDigits` | ●    | 默認盡可能將數字完整顯示 | {{jsxref("Number")}}（正整數） | 小數點後的位數。需為 0 至 20 之間。 |
 
-### 回傳直
+### 回傳值
 
 一 string，將數字以「科學計數法」格式表示出來
 
 ### Exceptions
 
 - {{jsxref("RangeError")}}
-  - : `若 fractionDigits` 超出範圍（可接受的範圍是 0 ～ 20 之間的正整數）觸發 {{jsxref("RangeError")}}。
+  - : 若 `fractionDigits` 超出範圍（可接受的範圍是 0 ～ 20 之間的正整數）觸發 {{jsxref("RangeError")}}。
 - {{jsxref("TypeError")}}
   - : 若參數 `fractionDigits` 不是 {{jsxref("Number")}}，則觸發{{jsxref("TypeError")}}。
 
@@ -45,11 +45,11 @@ If a number has more digits than requested by the `fractionDigits` parameter, th
 ```js
 var numObj = 77.1234;
 
-console.log(numObj.toExponential());  // logs 7.71234e+1
+console.log(numObj.toExponential()); // logs 7.71234e+1
 console.log(numObj.toExponential(4)); // logs 7.7123e+1
 console.log(numObj.toExponential(2)); // logs 7.71e+1
-console.log(77.1234.toExponential()); // logs 7.71234e+1
-console.log(77 .toExponential());     // logs 7.7e+1
+console.log((77.1234).toExponential()); // logs 7.71234e+1
+console.log((77).toExponential()); // logs 7.7e+1
 ```
 
 ## 規範
@@ -60,7 +60,7 @@ console.log(77 .toExponential());     // logs 7.7e+1
 
 {{Compat}}
 
-## 延伸閱讀
+## 參見
 
 - {{jsxref("Number.prototype.toFixed()")}}
 - {{jsxref("Number.prototype.toPrecision()")}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/number/tofixed/index.md b/files/zh-tw/web/javascript/reference/global_objects/number/tofixed/index.md
index 1d40372c60b061..9da3942f636835 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/number/tofixed/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/number/tofixed/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Number/toFixed
 
 ## 語法
 
-```plain
+```js-nolint
 numObj.toFixed([digits])
 ```
 
@@ -42,15 +42,15 @@ numObj.toFixed([digits])
 ```js
 var numObj = 12345.6789;
 
-numObj.toFixed();       // Returns '12346': note rounding, no fractional part
-numObj.toFixed(1);      // Returns '12345.7': note rounding
-numObj.toFixed(6);      // Returns '12345.678900': note added zeros
-(1.23e+20).toFixed(2);  // Returns '123000000000000000000.00'
-(1.23e-10).toFixed(2);  // Returns '0.00'
-2.34.toFixed(1);        // Returns '2.3'
-2.35.toFixed(1);        // Returns '2.4'. Note that it rounds up in this case.
--2.34.toFixed(1);       // Returns -2.3 (due to operator precedence, negative number literals don't return a string...)
-(-2.34).toFixed(1);     // Returns '-2.3' (...unless you use parentheses)
+numObj.toFixed(); // Returns '12346': note rounding, no fractional part
+numObj.toFixed(1); // Returns '12345.7': note rounding
+numObj.toFixed(6); // Returns '12345.678900': note added zeros
+(1.23e20).toFixed(2); // Returns '123000000000000000000.00'
+(1.23e-10).toFixed(2); // Returns '0.00'
+(2.34).toFixed(1); // Returns '2.3'
+(2.35).toFixed(1); // Returns '2.4'. Note that it rounds up in this case.
+-(2.34).toFixed(1); // Returns -2.3 (due to operator precedence, negative number literals don't return a string...)
+(-2.34).toFixed(1); // Returns '-2.3' (...unless you use parentheses)
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/assign/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/assign/index.md
index 5dafe3f265577a..d404c36ee67d26 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/assign/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/assign/index.md
@@ -3,11 +3,13 @@ title: Object.assign()
 slug: Web/JavaScript/Reference/Global_Objects/Object/assign
 ---
 
-{{JSRef}}**`Object.assign()`**被用來複製一個或多個物件自身所有可數的屬性到另一個目標物件。回傳的值為該目標物件。
+{{JSRef}}
+
+**`Object.assign()`** 被用來複製一個或多個物件自身所有可數的屬性到另一個目標物件。回傳的值為該目標物件。
 
 ## 語法
 
-```plain
+```js-nolint
 Object.assign(target, ...sources)
 ```
 
@@ -50,20 +52,20 @@ console.log(copy); // { a: 1 }
 
 ```js
 function test() {
-  let a = { b: {c:4} , d: { e: {f:1}} }
-  let g = Object.assign({},a) // 淺層
+  let a = { b: { c: 4 }, d: { e: { f: 1 } } };
+  let g = Object.assign({}, a); // 淺層
   let h = JSON.parse(JSON.stringify(a)); // 深層
-  console.log(g.d) // { e: { f: 1 } }
-  g.d.e = 32
-  console.log('g.d.e set to 32.') // g.d.e set to 32.
-  console.log(g) // { b: { c: 4 }, d: { e: 32 } }
-  console.log(a) // { b: { c: 4 }, d: { e: 32 } }
-  console.log(h) // { b: { c: 4 }, d: { e: { f: 1 } } }
-  h.d.e = 54
-  console.log('h.d.e set to 54.') // h.d.e set to 54.
-  console.log(g) // { b: { c: 4 }, d: { e: 32 } }
-  console.log(a) // { b: { c: 4 }, d: { e: 32 } }
-  console.log(h) // { b: { c: 4 }, d: { e: 54 } }
+  console.log(g.d); // { e: { f: 1 } }
+  g.d.e = 32;
+  console.log("g.d.e set to 32."); // g.d.e set to 32.
+  console.log(g); // { b: { c: 4 }, d: { e: 32 } }
+  console.log(a); // { b: { c: 4 }, d: { e: 32 } }
+  console.log(h); // { b: { c: 4 }, d: { e: { f: 1 } } }
+  h.d.e = 54;
+  console.log("h.d.e set to 54."); // h.d.e set to 54.
+  console.log(g); // { b: { c: 4 }, d: { e: 32 } }
+  console.log(a); // { b: { c: 4 }, d: { e: 32 } }
+  console.log(h); // { b: { c: 4 }, d: { e: 54 } }
 }
 test();
 ```
@@ -77,7 +79,7 @@ var o3 = { c: 3 };
 
 var obj = Object.assign(o1, o2, o3);
 console.log(obj); // { a: 1, b: 2, c: 3 }
-console.log(o1);  // { a: 1, b: 2, c: 3 }, 目標物件本身也被改變。
+console.log(o1); // { a: 1, b: 2, c: 3 }, 目標物件本身也被改變。
 ```
 
 ### 有相同屬性時合併物件
@@ -97,7 +99,7 @@ console.log(obj); // { a: 1, b: 2, c: 3 }，屬性c為o3.c的值，最後一個
 
 ```js
 var o1 = { a: 1 };
-var o2 = { [Symbol('foo')]: 2 };
+var o2 = { [Symbol("foo")]: 2 };
 
 var obj = Object.assign({}, o1, o2);
 console.log(obj); // { a : 1, [Symbol("foo")]: 2 } (cf. bug 1207182 on Firefox)
@@ -107,15 +109,19 @@ Object.getOwnPropertySymbols(obj); // [Symbol(foo)]非不在
 ### 在屬性鏈中的不可列舉屬性不會被複製
 
 ```js
-var obj = Object.create({ foo: 1 }, { // foo 是 obj 的屬性鏈。
-  bar: {
-    value: 2  // bar 是不可列舉的屬性，因為enumerable預設為false。
-  },
-  baz: {
-    value: 3,
-    enumerable: true  // baz 是自身可列舉的屬性。
+var obj = Object.create(
+  { foo: 1 },
+  {
+    // foo 是 obj 的屬性鏈。
+    bar: {
+      value: 2, // bar 是不可列舉的屬性，因為enumerable預設為false。
+    },
+    baz: {
+      value: 3,
+      enumerable: true, // baz 是自身可列舉的屬性。
+    },
   }
-});
+);
 
 var copy = Object.assign({}, obj);
 console.log(copy); // { baz: 3 }
@@ -124,10 +130,10 @@ console.log(copy); // { baz: 3 }
 ### 原始型別會被包成物件
 
 ```js
-var v1 = 'abc';
+var v1 = "abc";
 var v2 = true;
 var v3 = 10;
-var v4 = Symbol('foo');
+var v4 = Symbol("foo");
 
 var obj = Object.assign({}, v1, null, v2, undefined, v3, v4);
 // 原始型別會被打包，null和undefined則會被忽略。
@@ -138,20 +144,20 @@ console.log(obj); // { "0": "a", "1": "b", "2": "c" }
 ### 任何異常將會中斷正進行的複製程序
 
 ```js
-var target = Object.defineProperty({}, 'foo', {
+var target = Object.defineProperty({}, "foo", {
   value: 1,
-  writable: false
+  writable: false,
 }); // target.foo 是 read-only (唯讀)屬性
 
 Object.assign(target, { bar: 2 }, { foo2: 3, foo: 3, foo3: 3 }, { baz: 4 });
 // TypeError: "foo" 是 read-only
 // 在指派值給 target.foo 時，異常(Exception)會被拋出。
 
-console.log(target.bar);  // 2, 第一個來源物件複製成功。
+console.log(target.bar); // 2, 第一個來源物件複製成功。
 console.log(target.foo2); // 3, 第二個來源物件的第一個屬性複製成功。
-console.log(target.foo);  // 1, 異常在這裡拋出。
+console.log(target.foo); // 1, 異常在這裡拋出。
 console.log(target.foo3); // undefined, 複製程式已中斷，複製失敗。
-console.log(target.baz);  // undefined, 第三個來源物件也不會被複製。
+console.log(target.baz); // undefined, 第三個來源物件也不會被複製。
 ```
 
 ### 複製的存取程序
@@ -161,7 +167,7 @@ var obj = {
   foo: 1,
   get bar() {
     return 2;
-  }
+  },
 };
 
 var copy = Object.assign({}, obj);
@@ -170,13 +176,13 @@ console.log(copy);
 
 // 這個函式用來複製完整的描述內容。
 function completeAssign(target, ...sources) {
-  sources.forEach(source => {
+  sources.forEach((source) => {
     let descriptors = Object.keys(source).reduce((descriptors, key) => {
       descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
       return descriptors;
     }, {});
     // Object.assign 預設會複製可列舉的Symbols。
-    Object.getOwnPropertySymbols(source).forEach(sym => {
+    Object.getOwnPropertySymbols(source).forEach((sym) => {
       let descriptor = Object.getOwnPropertyDescriptor(source, sym);
       if (descriptor.enumerable) {
         descriptors[sym] = descriptor;
@@ -197,11 +203,13 @@ console.log(copy);
 {{Glossary("Polyfill","polyfill")}} 不支援 Symbol 屬性，因為 ES5 沒有 Symbol 型別。
 
 ```js
-if (typeof Object.assign != 'function') {
-  Object.assign = function (target, varArgs) { // .length of function is 2
-    'use strict';
-    if (target == null) { // TypeError if undefined or null
-      throw new TypeError('Cannot convert undefined or null to object');
+if (typeof Object.assign != "function") {
+  Object.assign = function (target, varArgs) {
+    // .length of function is 2
+    "use strict";
+    if (target == null) {
+      // TypeError if undefined or null
+      throw new TypeError("Cannot convert undefined or null to object");
     }
 
     var to = Object(target);
@@ -209,7 +217,8 @@ if (typeof Object.assign != 'function') {
     for (var index = 1; index < arguments.length; index++) {
       var nextSource = arguments[index];
 
-      if (nextSource != null) { // Skip over if undefined or null
+      if (nextSource != null) {
+        // Skip over if undefined or null
         for (var nextKey in nextSource) {
           // Avoid bugs when hasOwnProperty is shadowed
           if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/create/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/create/index.md
index 0d2ff233a0241e..b82f291f322fe3 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/create/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/create/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Object/create
 
 ## 語法
 
-```plain
+```js-nolint
 Object.create(proto[, propertiesObject])
 ```
 
@@ -42,10 +42,10 @@ function Shape() {
 }
 
 // 父類別的方法
-Shape.prototype.move = function(x, y) {
+Shape.prototype.move = function (x, y) {
   this.x += x;
   this.y += y;
-  console.info('Shape moved.');
+  console.info("Shape moved.");
 };
 
 // Rectangle - 子類別
@@ -59,8 +59,8 @@ Rectangle.prototype.constructor = Rectangle;
 
 var rect = new Rectangle();
 
-console.log('Is rect an instance of Rectangle?', rect instanceof Rectangle);// true
-console.log('Is rect an instance of Shape?', rect instanceof Shape);// true
+console.log("Is rect an instance of Rectangle?", rect instanceof Rectangle); // true
+console.log("Is rect an instance of Shape?", rect instanceof Shape); // true
 rect.move(1, 1); // Outputs, 'Shape moved.'
 ```
 
@@ -79,7 +79,7 @@ Object.assign(MyClass.prototype, OtherSuperClass.prototype);
 // 重新指定建構式
 MyClass.prototype.constructor = MyClass;
 
-MyClass.prototype.myMethod = function() {
+MyClass.prototype.myMethod = function () {
   // do a thing
 };
 ```
@@ -94,29 +94,30 @@ var o;
 // 建立以null為原型的物件
 o = Object.create(null);
 
-
 o = {};
 // 等同於:
 o = Object.create(Object.prototype);
 
-
 // Example where we create an object with a couple of sample properties.
 // (Note that the second parameter maps keys to *property descriptors*.)
 o = Object.create(Object.prototype, {
   // foo 為數值屬性
-  foo: { writable: true, configurable: true, value: 'hello' },
+  foo: { writable: true, configurable: true, value: "hello" },
   // bar 為 getter-and-setter 訪問屬性
   bar: {
     configurable: false,
-    get: function() { return 10; },
-    set: function(value) { console.log('Setting `o.bar` to', value); }
-/* with ES5 Accessors our code can look like this
+    get: function () {
+      return 10;
+    },
+    set: function (value) {
+      console.log("Setting `o.bar` to", value);
+    },
+    /* with ES5 Accessors our code can look like this
     get function() { return 10; },
     set function(value) { console.log('setting `o.bar` to', value); } */
-  }
+  },
 });
 
-
 function Constructor() {}
 o = new Constructor();
 // 等同於:
@@ -124,7 +125,6 @@ o = Object.create(Constructor.prototype);
 // Of course, if there is actual initialization code in the
 // Constructor function, the Object.create() cannot reflect it
 
-
 // 創建一個新物件，指定原型是全新的空物件，並加入值為 42 的屬性'p'
 o = Object.create({}, { p: { value: 42 } });
 
@@ -143,34 +143,43 @@ delete o.p;
 // false
 
 // to specify an ES3 property
-o2 = Object.create({}, {
-  p: {
-    value: 42,
-    writable: true,
-    enumerable: true,
-    configurable: true
+o2 = Object.create(
+  {},
+  {
+    p: {
+      value: 42,
+      writable: true,
+      enumerable: true,
+      configurable: true,
+    },
   }
-});
+);
 ```
 
 ## Polyfill
 
 此 polyfill 涵蓋了主要的使用情境：指定一個原型創建一個新的物件，第二個參數為選用。
 
-要注意的是在 ES5 的`Object.create`中， `[[Prototype]]` 可以為 `null`，但在 ECMAScript 5 以前的版本，polyfill 會因為繼承限制( limitation inherent )而不支援此情形。
+要注意的是在 ES5 的 `Object.create` 中，`[[Prototype]]` 可以為 `null`，但在 ECMAScript 5 以前的版本，polyfill 會因為繼承限制（limitation inherent）而不支援此情形。
 
-```plain
+```js
 if (typeof Object.create !== "function") {
-    Object.create = function (proto, propertiesObject) {
-        if (!(proto === null || typeof proto === "object" || typeof proto === "function")) {
-            throw TypeError('Argument must be an object, or null');
-        }
-        var temp = new Object();
-        temp.__proto__ = proto;
-        if(typeof propertiesObject === "object")
-            Object.defineProperties(temp, propertiesObject);
-        return temp;
-    };
+  Object.create = function (proto, propertiesObject) {
+    if (
+      !(
+        proto === null ||
+        typeof proto === "object" ||
+        typeof proto === "function"
+      )
+    ) {
+      throw TypeError("Argument must be an object, or null");
+    }
+    var temp = new Object();
+    temp.__proto__ = proto;
+    if (typeof propertiesObject === "object")
+      Object.defineProperties(temp, propertiesObject);
+    return temp;
+  };
 }
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/defineproperties/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/defineproperties/index.md
index beb0202254bccc..b1522509cb1e8f 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/defineproperties/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/defineproperties/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Object/defineProperties
 
 ## 語法
 
-```plain
+```js-nolint
 Object.defineProperties(obj, props)
 ```
 
@@ -53,14 +53,14 @@ The object that was passed to the function.
 ```js
 var obj = {};
 Object.defineProperties(obj, {
-  'property1': {
+  property1: {
     value: true,
-    writable: true
+    writable: true,
+  },
+  property2: {
+    value: "Hello",
+    writable: false,
   },
-  'property2': {
-    value: 'Hello',
-    writable: false
-  }
   // etc. etc.
 });
 ```
@@ -78,44 +78,39 @@ function defineProperties(obj, properties) {
 
     function isCallable(v) {
       // NB: modify as necessary if other values than functions are callable.
-      return typeof v === 'function';
+      return typeof v === "function";
     }
 
-    if (typeof desc !== 'object' || desc === null)
-      throw new TypeError('bad desc');
+    if (typeof desc !== "object" || desc === null)
+      throw new TypeError("bad desc");
 
     var d = {};
 
-    if (hasProperty(desc, 'enumerable'))
-      d.enumerable = !!desc.enumerable;
-    if (hasProperty(desc, 'configurable'))
-      d.configurable = !!desc.configurable;
-    if (hasProperty(desc, 'value'))
-      d.value = desc.value;
-    if (hasProperty(desc, 'writable'))
-      d.writable = !!desc.writable;
-    if (hasProperty(desc, 'get')) {
+    if (hasProperty(desc, "enumerable")) d.enumerable = !!desc.enumerable;
+    if (hasProperty(desc, "configurable")) d.configurable = !!desc.configurable;
+    if (hasProperty(desc, "value")) d.value = desc.value;
+    if (hasProperty(desc, "writable")) d.writable = !!desc.writable;
+    if (hasProperty(desc, "get")) {
       var g = desc.get;
 
-      if (!isCallable(g) && typeof g !== 'undefined')
-        throw new TypeError('bad get');
+      if (!isCallable(g) && typeof g !== "undefined")
+        throw new TypeError("bad get");
       d.get = g;
     }
-    if (hasProperty(desc, 'set')) {
+    if (hasProperty(desc, "set")) {
       var s = desc.set;
-      if (!isCallable(s) && typeof s !== 'undefined')
-        throw new TypeError('bad set');
+      if (!isCallable(s) && typeof s !== "undefined")
+        throw new TypeError("bad set");
       d.set = s;
     }
 
-    if (('get' in d || 'set' in d) && ('value' in d || 'writable' in d))
-      throw new TypeError('identity-confused descriptor');
+    if (("get" in d || "set" in d) && ("value" in d || "writable" in d))
+      throw new TypeError("identity-confused descriptor");
 
     return d;
   }
 
-  if (typeof obj !== 'object' || obj === null)
-    throw new TypeError('bad obj');
+  if (typeof obj !== "object" || obj === null) throw new TypeError("bad obj");
 
   properties = Object(properties);
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/defineproperty/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/defineproperty/index.md
index 110f1862d1444e..7ba5ba7cd1c506 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/defineproperty/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/defineproperty/index.md
@@ -13,7 +13,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Object/defineProperty
 
 ## 語法
 
-```plain
+```js-nolint
 Object.defineProperty(obj, prop, descriptor)
 ```
 
@@ -68,37 +68,37 @@ data 和 accessor descriptors 皆為物件，兩者共享下面提及的 key：
 ```js
 // using __proto__
 var obj = {};
-Object.defineProperty(obj, 'key', {
+Object.defineProperty(obj, "key", {
   __proto__: null, // no inherited properties
-  value: 'static'  // not enumerable
-                   // not configurable
-                   // not writable
-                   // as defaults
+  value: "static", // not enumerable
+  // not configurable
+  // not writable
+  // as defaults
 });
 
 // being explicit
-Object.defineProperty(obj, 'key', {
+Object.defineProperty(obj, "key", {
   enumerable: false,
   configurable: false,
   writable: false,
-  value: 'static'
+  value: "static",
 });
 
 // recycling same object
 function withValue(value) {
-  var d = withValue.d || (
-    withValue.d = {
+  var d =
+    withValue.d ||
+    (withValue.d = {
       enumerable: false,
       writable: false,
       configurable: false,
-      value: null
-    }
-  );
+      value: null,
+    });
   d.value = value;
   return d;
 }
 // ... and ...
-Object.defineProperty(obj, 'key', withValue('static'));
+Object.defineProperty(obj, "key", withValue("static"));
 
 // if freeze is available, prevents adding or
 // removing the object prototype properties
@@ -118,30 +118,36 @@ When the property specified doesn't exist in the object, `Object.defineProperty(
 var o = {}; // Creates a new object
 
 // Example of an object property added with defineProperty with a data property descriptor
-Object.defineProperty(o, 'a', {
+Object.defineProperty(o, "a", {
   value: 37,
   writable: true,
   enumerable: true,
-  configurable: true
+  configurable: true,
 });
 // 'a' property exists in the o object and its value is 37
 
 // Example of an object property added with defineProperty with an accessor property descriptor
 var bValue = 38;
-Object.defineProperty(o, 'b', {
-  get: function() { return bValue; },
-  set: function(newValue) { bValue = newValue; },
+Object.defineProperty(o, "b", {
+  get: function () {
+    return bValue;
+  },
+  set: function (newValue) {
+    bValue = newValue;
+  },
   enumerable: true,
-  configurable: true
+  configurable: true,
 });
 o.b; // 38
 // 'b' property exists in the o object and its value is 38
 // The value of o.b is now always identical to bValue, unless o.b is redefined
 
 // You cannot try to mix both:
-Object.defineProperty(o, 'conflict', {
+Object.defineProperty(o, "conflict", {
   value: 0x9f91102,
-  get: function() { return 0xdeadbeef; }
+  get: function () {
+    return 0xdeadbeef;
+  },
 });
 // throws a TypeError: value appears only in data descriptors, get appears only in accessor descriptors
 ```
@@ -161,9 +167,9 @@ Object.defineProperty(o, 'conflict', {
 ```js
 var o = {}; // Creates a new object
 
-Object.defineProperty(o, 'a', {
+Object.defineProperty(o, "a", {
   value: 37,
-  writable: false
+  writable: false,
 });
 
 console.log(o.a); // logs 37
@@ -179,9 +185,9 @@ The `enumerable` property attribute defines whether the property shows up in a {
 
 ```js
 var o = {};
-Object.defineProperty(o, 'a', { value: 1, enumerable: true });
-Object.defineProperty(o, 'b', { value: 2, enumerable: false });
-Object.defineProperty(o, 'c', { value: 3 }); // enumerable defaults to false
+Object.defineProperty(o, "a", { value: 1, enumerable: true });
+Object.defineProperty(o, "b", { value: 2, enumerable: false });
+Object.defineProperty(o, "c", { value: 3 }); // enumerable defaults to false
 o.d = 4; // enumerable defaults to true when creating a property by setting it
 
 for (var i in o) {
@@ -191,9 +197,9 @@ for (var i in o) {
 
 Object.keys(o); // ['a', 'd']
 
-o.propertyIsEnumerable('a'); // true
-o.propertyIsEnumerable('b'); // false
-o.propertyIsEnumerable('c'); // false
+o.propertyIsEnumerable("a"); // true
+o.propertyIsEnumerable("b"); // false
+o.propertyIsEnumerable("c"); // false
 ```
 
 #### 可設定 attribute
@@ -202,16 +208,22 @@ The `configurable` attribute controls at the same time whether the property can
 
 ```js
 var o = {};
-Object.defineProperty(o, 'a', {
-  get: function() { return 1; },
-  configurable: false
+Object.defineProperty(o, "a", {
+  get: function () {
+    return 1;
+  },
+  configurable: false,
 });
 
-Object.defineProperty(o, 'a', { configurable: true }); // throws a TypeError
-Object.defineProperty(o, 'a', { enumerable: true }); // throws a TypeError
-Object.defineProperty(o, 'a', { set: function() {} }); // throws a TypeError (set was undefined previously)
-Object.defineProperty(o, 'a', { get: function() { return 1; } }); // throws a TypeError (even though the new get does exactly the same thing)
-Object.defineProperty(o, 'a', { value: 12 }); // throws a TypeError
+Object.defineProperty(o, "a", { configurable: true }); // throws a TypeError
+Object.defineProperty(o, "a", { enumerable: true }); // throws a TypeError
+Object.defineProperty(o, "a", { set: function () {} }); // throws a TypeError (set was undefined previously)
+Object.defineProperty(o, "a", {
+  get: function () {
+    return 1;
+  },
+}); // throws a TypeError (even though the new get does exactly the same thing)
+Object.defineProperty(o, "a", { value: 12 }); // throws a TypeError
 
 console.log(o.a); // logs 1
 delete o.a; // Nothing happens
@@ -229,22 +241,21 @@ var o = {};
 
 o.a = 1;
 // is equivalent to:
-Object.defineProperty(o, 'a', {
+Object.defineProperty(o, "a", {
   value: 1,
   writable: true,
   configurable: true,
-  enumerable: true
+  enumerable: true,
 });
 
-
 // On the other hand,
-Object.defineProperty(o, 'a', { value: 1 });
+Object.defineProperty(o, "a", { value: 1 });
 // is equivalent to:
-Object.defineProperty(o, 'a', {
+Object.defineProperty(o, "a", {
   value: 1,
   writable: false,
   configurable: false,
-  enumerable: false
+  enumerable: false,
 });
 ```
 
@@ -257,18 +268,20 @@ function Archiver() {
   var temperature = null;
   var archive = [];
 
-  Object.defineProperty(this, 'temperature', {
-    get: function() {
-      console.log('get!');
+  Object.defineProperty(this, "temperature", {
+    get: function () {
+      console.log("get!");
       return temperature;
     },
-    set: function(value) {
+    set: function (value) {
       temperature = value;
       archive.push({ val: temperature });
-    }
+    },
   });
 
-  this.getArchive = function() { return archive; };
+  this.getArchive = function () {
+    return archive;
+  };
 }
 
 var arc = new Archiver();
@@ -282,22 +295,20 @@ or
 
 ```js
 var pattern = {
-    get: function () {
-        return 'I always return this string, whatever you have assigned';
-    },
-    set: function () {
-        this.myname = 'this is my name string';
-    }
+  get: function () {
+    return "I always return this string, whatever you have assigned";
+  },
+  set: function () {
+    this.myname = "this is my name string";
+  },
 };
 
-
 function TestDefineSetAndGet() {
-    Object.defineProperty(this, 'myproperty', pattern);
+  Object.defineProperty(this, "myproperty", pattern);
 }
 
-
 var instance = new TestDefineSetAndGet();
-instance.myproperty = 'test';
+instance.myproperty = "test";
 console.log(instance.myproperty); // I always return this string, whatever you have assigned
 
 console.log(instance.myname); // this is my name string
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/freeze/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/freeze/index.md
index 90bf320648962f..1521ea64a03270 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/freeze/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/freeze/index.md
@@ -5,13 +5,13 @@ slug: Web/JavaScript/Reference/Global_Objects/Object/freeze
 
 {{JSRef}}
 
-**`Object.freeze()`** 顧名思義是用來「凍結」一個物件的: 也就是防止物件新增屬性; 防止物件既有的屬性被刪除; 防止物件原本的屬性, 還有屬性的可列舉性, 可設定性, 可寫性被改動; 同時它也防止物件的原型被改變。此方法回傳一個凍結狀態的物件。
+**`Object.freeze()`** 顧名思義是用來「凍結」一個物件的：也就是防止物件新增屬性；防止物件既有的屬性被刪除；防止物件原本的屬性，還有屬性的可列舉性，可設定性，可寫性被改動；同時它也防止物件的原型被改變。此方法回傳一個凍結狀態的物件。
 
 {{EmbedInteractiveExample("pages/js/object-freeze.html")}}
 
 ## 語法
 
-```plain
+```js-nolint
 Object.freeze(obj)
 ```
 
@@ -26,9 +26,9 @@ Object.freeze(obj)
 
 ## 描述
 
-一個被凍結的物件無法被新增或刪除屬性。任何想要改動的嘗試都會失敗, 要不沈默地失敗, 就是丟出一個 {{jsxref("TypeError")}} 例外 (此例外最常出現在 {{jsxref("Strict_mode", "strict mode", "", 1)}})
+一個被凍結的物件無法被新增或刪除屬性。任何想要改動的嘗試都會失敗，要不沈默地失敗，就是丟出一個 {{jsxref("TypeError")}} 例外（此例外最常出現在 {{jsxref("Strict_mode", "嚴格模式", "", 1)}}）
 
-資料屬性無法被改變。訪問者方法 - setters 也一樣不能改變資料屬性 (雖然它會給你可以改變資料值的假象)。注意！ 如果資料屬性是物件的話，該物件的值是可以被改變的，除非它們也被凍結。一個陣列同樣可以被凍結 (因為它也是一個物件)，被凍結後它的元素內容就不能被改變，也不能新增或刪除元素。
+資料屬性無法被改變。訪問者方法——setter 也一樣不能改變資料屬性（雖然它會給你可以改變資料值的假象）。注意！ 如果資料屬性是物件的話，該物件的值是可以被改變的，除非它們也被凍結。一個陣列同樣可以被凍結（因為它也是一個物件），被凍結後它的元素內容就不能被改變，也不能新增或刪除元素。
 
 ## 範例
 
@@ -36,13 +36,13 @@ Object.freeze(obj)
 
 ```js
 var obj = {
-  prop: function() {},
-  foo: 'bar'
+  prop: function () {},
+  foo: "bar",
 };
 
 // 新的屬性可以被新增，原本的屬性可以被改變或刪除
-obj.foo = 'baz';
-obj.lumpy = 'woof';
+obj.foo = "baz";
+obj.lumpy = "woof";
 delete obj.prop;
 
 // 回傳的物件跟原本傳入的物件是同一個，所以不需要記住回傳值
@@ -53,42 +53,42 @@ o === obj; // true
 Object.isFrozen(obj); // === true
 
 // 現在任何改動都會失敗
-obj.foo = 'quux'; // 什麼事也不會發生
+obj.foo = "quux"; // 什麼事也不會發生
 // 屬性無法被新增
-obj.quaxxor = 'the friendly duck';
+obj.quaxxor = "the friendly duck";
 
 // 在嚴格模式中，如方才的嘗試都會丟出 TypeError
-function fail(){
-  'use strict';
-  obj.foo = 'sparky'; // 丟出 TypeError
+function fail() {
+  "use strict";
+  obj.foo = "sparky"; // 丟出 TypeError
   delete obj.foo; // 丟出 TypeError
   delete obj.quaxxor; // 回傳 true 因為屬性 'quaxxor' 從來沒有被新增
-  obj.sparky = 'arf'; // 丟出 TypeError
+  obj.sparky = "arf"; // 丟出 TypeError
 }
 
 fail();
 
 // 嘗試透過 Object.defineProperty 來改變屬性的值會丟出 TypeError
-Object.defineProperty(obj, 'ohai', { value: 17 });
-Object.defineProperty(obj, 'foo', { value: 'eit' });
+Object.defineProperty(obj, "ohai", { value: 17 });
+Object.defineProperty(obj, "foo", { value: "eit" });
 
 // 一樣不可能改變物件的原型，都會丟出 TypeError
-Object.setPrototypeOf(obj, { x: 20 })
-obj.__proto__ = { x: 20 }
+Object.setPrototypeOf(obj, { x: 20 });
+obj.__proto__ = { x: 20 };
 ```
 
 ### 凍結陣列
 
-```plain
+```js
 let a = [0];
 Object.freeze(a); // 現在這個陣列不能被改動
 
-a[0]=1; // 沈默地失敗
+a[0] = 1; // 沈默地失敗
 a.push(2); // 沈默地失敗
 
 // 在嚴格模式底下會丟出 TypeError
 function fail() {
-  "use strict"
+  "use strict";
   a[0] = 1;
   a.push(2);
 }
@@ -96,37 +96,35 @@ function fail() {
 fail();
 ```
 
-被凍結的物件是*不可變 (Immutable)* 的。然而，它並不等於常數 _(constant)_。以下的範例顯示一個被凍結的物件並不是常數 (凍結的動作是「淺」的 - 如果資料屬性也是物件, 不會遞迴地做凍結的動作)。
+被凍結的物件是*不可變*（Immutable）的。然而，它並不等於*常數*（constant）。以下的範例顯示一個被凍結的物件並不是常數（凍結的動作是「淺」的——如果資料屬性也是物件，不會遞迴地做凍結的動作）。
 
 ```js
 obj1 = {
-  internal: {}
+  internal: {},
 };
 
 Object.freeze(obj1);
-obj1.internal.a = 'aValue';
+obj1.internal.a = "aValue";
 
-obj1.internal.a // 'aValue'
+obj1.internal.a; // 'aValue'
 ```
 
-如果要成為一個常數物件，整個物件參考圖 (包含直接指向或間接指向其他物件) 必須都只能指向被凍結的不可變物件。一個物件被稱作不可變是因為它的整個物件狀態 (值或是指向其他物件的參考) 是固定的。注意，string, number 和 boolean 這些原始型別的值是永遠不變的，Function 和 Array 都屬於物件的一種。
+如果要成為一個常數物件，整個物件參考圖（包含直接指向或間接指向其他物件）必須都只能指向被凍結的不可變物件。一個物件被稱作不可變是因為它的整個物件狀態值（或是指向其他物件的參考）是固定的。注意，string、number 和 boolean 這些原始型別的值是永遠不變的，Function 和 Array 都屬於物件的一種。
 
-要讓一個物件變成常數物件，就必須遞迴地凍結每個是物件型別的屬性 (稱作深凍結)。只有當你知道物件的參考圖不存在任何*[循環](<https://en.wikipedia.org/wiki/Cycle_(graph_theory)>) *的時候才能使用以上遞迴的方式來凍結物件，不然就可能會造成無窮迴圈。一個改善以下範例中 deepFreeze() 來解決無窮迴圈問題的方法是 - 創建一個接受一個路徑參數 (像是陣列) 的內部用函數，用來避免無窮遞迴地呼叫 deepFreeze() - 當發現欲凍結的物件已經出現在之前凍結的物件行列中就不繼續遞迴下去。需要注意的是你可能會不小心凍結一個不應該被凍結的物件，像是 \[window]。
+要讓一個物件變成常數物件，就必須遞迴地凍結每個是物件型別的屬性 (稱作深凍結)。只有當你知道物件的參考圖不存在任何[_循環_](<https://zh.wikipedia.org/wiki/環_(圖論)>)的時候才能使用以上遞迴的方式來凍結物件，不然就可能會造成無窮迴圈。一個改善以下範例中 deepFreeze() 來解決無窮迴圈問題的方法是——創建一個接受一個路徑參數 (像是陣列) 的內部用函數，用來避免無窮遞迴地呼叫 deepFreeze()——當發現欲凍結的物件已經出現在之前凍結的物件行列中就不繼續遞迴下去。需要注意的是你可能會不小心凍結一個不應該被凍結的物件，像是 \[window]。
 
 ```js
 // 用這個函數來進行對物件的深凍結
 function deepFreeze(obj) {
-
   // 取得物件的所有屬性名稱
   var propNames = Object.getOwnPropertyNames(obj);
 
   // 在凍結物件本身之前先凍結物件的所有物件屬性
-  propNames.forEach(function(name) {
+  propNames.forEach(function (name) {
     var prop = obj[name];
 
     // 凍結 prop 如果它是一個物件
-    if (typeof prop == 'object' && prop !== null)
-      deepFreeze(prop);
+    if (typeof prop == "object" && prop !== null) deepFreeze(prop);
   });
 
   // 凍結本身 (no-op 如果已經被凍結了)
@@ -134,17 +132,17 @@ function deepFreeze(obj) {
 }
 
 obj2 = {
-  internal: {}
+  internal: {},
 };
 
 deepFreeze(obj2);
-obj2.internal.a = 'anotherValue';
+obj2.internal.a = "anotherValue";
 obj2.internal.a; // undefined
 ```
 
 ## 備註
 
-在 ES5 中，如果傳入此方法的參數不是一個物件 (原始型別)，{{jsxref("TypeError")}} 就會被丟出。而在 ES2015，一個非物件型態的參數會被當成是一個已經被凍結的物件，所以會被直接回傳?不會造成錯誤。
+在 ES5 中，如果傳入此方法的參數不是一個物件（原始型別），{{jsxref("TypeError")}} 就會被丟出。而在 ES2015，一個非物件型態的參數會被當成是一個已經被凍結的物件，所以會被直接回傳，不會造成錯誤。
 
 ```js
 > Object.freeze(1)
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/hasownproperty/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/hasownproperty/index.md
index 24e08598d6e8bc..86a540a602c990 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/hasownproperty/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/hasownproperty/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
 
 ## 表達式
 
-```plain
+```js-nolint
 obj.hasOwnProperty(prop)
 ```
 
@@ -30,16 +30,16 @@ obj.hasOwnProperty(prop)
 
 ```js
 o = new Object();
-o.prop = 'exists';
+o.prop = "exists";
 
 function changeO() {
   o.newprop = o.prop;
   delete o.prop;
 }
 
-o.hasOwnProperty('prop');   // 回傳 true
+o.hasOwnProperty("prop"); // 回傳 true
 changeO();
-o.hasOwnProperty('prop');   // 回傳 false
+o.hasOwnProperty("prop"); // 回傳 false
 ```
 
 ### 直接與繼承的屬性
@@ -48,10 +48,10 @@ o.hasOwnProperty('prop');   // 回傳 false
 
 ```js
 o = new Object();
-o.prop = 'exists';
-o.hasOwnProperty('prop');             // 回傳 true
-o.hasOwnProperty('toString');         // 回傳 false
-o.hasOwnProperty('hasOwnProperty');   // 回傳 false
+o.prop = "exists";
+o.hasOwnProperty("prop"); // 回傳 true
+o.hasOwnProperty("toString"); // 回傳 false
+o.hasOwnProperty("hasOwnProperty"); // 回傳 false
 ```
 
 ### 遍歷物件的屬性
@@ -60,14 +60,13 @@ o.hasOwnProperty('hasOwnProperty');   // 回傳 false
 
 ```js
 var buz = {
-  fog: 'stack'
+  fog: "stack",
 };
 
 for (var name in buz) {
   if (buz.hasOwnProperty(name)) {
-    console.log('this is fog (' + name + ') for sure. Value: ' + buz[name]);
-  }
-  else {
+    console.log("this is fog (" + name + ") for sure. Value: " + buz[name]);
+  } else {
     console.log(name); // toString or something else
   }
 }
@@ -79,19 +78,19 @@ JavaScript 並未保護 `hasOwnProperty`；因此，如果一個物件擁有一
 
 ```js
 var foo = {
-  hasOwnProperty: function() {
+  hasOwnProperty: function () {
     return false;
   },
-  bar: 'Here be dragons'
+  bar: "Here be dragons",
 };
 
-foo.hasOwnProperty('bar'); // 總是回傳 false
+foo.hasOwnProperty("bar"); // 總是回傳 false
 
 // 使用其他物件的 hasOwnProperty 和 call it with 'this' set to foo
-({}).hasOwnProperty.call(foo, 'bar'); // true
+({}).hasOwnProperty.call(foo, "bar"); // true
 
 // 從物件的原型使用 hasOwnProperty 也是可行的
-Object.prototype.hasOwnProperty.call(foo, 'bar'); // true
+Object.prototype.hasOwnProperty.call(foo, "bar"); // true
 ```
 
 註：在最後一個例子中並未創建任何新的物件。
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/keys/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/keys/index.md
index fceac62e331839..c107f7a95c0ff6 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/keys/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/keys/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Object/keys
 
 ## 語法
 
-```plain
+```js-nolint
 Object.keys(obj)
 ```
 
@@ -29,23 +29,28 @@ Object.keys(obj)
 ## 範例
 
 ```js
-var arr = ['a', 'b', 'c'];
+var arr = ["a", "b", "c"];
 console.log(Object.keys(arr)); // console: ['0', '1', '2']
 
 // 類似陣列的物件
-var obj = { 0: 'a', 1: 'b', 2: 'c' };
+var obj = { 0: "a", 1: "b", 2: "c" };
 console.log(Object.keys(obj)); // console: ['0', '1', '2']
 
 // 擁有隨機 key 排序，類似陣列的物件
-var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
+var an_obj = { 100: "a", 2: "b", 7: "c" };
 console.log(Object.keys(an_obj)); // console: ['2', '7', '100']
 
 // getFoo 不是可列舉的屬性
-var my_obj = Object.create({}, {
-  getFoo: {
-    value: function() { return this.foo; }
+var my_obj = Object.create(
+  {},
+  {
+    getFoo: {
+      value: function () {
+        return this.foo;
+      },
+    },
   }
-});
+);
 my_obj.foo = 1;
 
 console.log(Object.keys(my_obj)); // console: ['foo']
@@ -72,27 +77,32 @@ Object.keys("foo");
 ```js
 // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
 if (!Object.keys) {
-  Object.keys = (function() {
-    'use strict';
+  Object.keys = (function () {
+    "use strict";
     var hasOwnProperty = Object.prototype.hasOwnProperty,
-        hasDontEnumBug = !({ toString: null }).propertyIsEnumerable('toString'),
-        dontEnums = [
-          'toString',
-          'toLocaleString',
-          'valueOf',
-          'hasOwnProperty',
-          'isPrototypeOf',
-          'propertyIsEnumerable',
-          'constructor'
-        ],
-        dontEnumsLength = dontEnums.length;
-
-    return function(obj) {
-      if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
-        throw new TypeError('Object.keys called on non-object');
+      hasDontEnumBug = !{ toString: null }.propertyIsEnumerable("toString"),
+      dontEnums = [
+        "toString",
+        "toLocaleString",
+        "valueOf",
+        "hasOwnProperty",
+        "isPrototypeOf",
+        "propertyIsEnumerable",
+        "constructor",
+      ],
+      dontEnumsLength = dontEnums.length;
+
+    return function (obj) {
+      if (
+        typeof obj !== "object" &&
+        (typeof obj !== "function" || obj === null)
+      ) {
+        throw new TypeError("Object.keys called on non-object");
       }
 
-      var result = [], prop, i;
+      var result = [],
+        prop,
+        i;
 
       for (prop in obj) {
         if (hasOwnProperty.call(obj, prop)) {
@@ -109,7 +119,7 @@ if (!Object.keys) {
       }
       return result;
     };
-  }());
+  })();
 }
 ```
 
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/preventextensions/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/preventextensions/index.md
index e5a23605f37770..fca6b39a5d6e85 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/preventextensions/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/preventextensions/index.md
@@ -9,7 +9,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Object/preventExtensions
 
 ## 語法
 
-```plain
+```js-nolint
 Object.preventExtensions(obj)
 ```
 
@@ -45,12 +45,12 @@ Object.isExtensible(empty); // === false
 // Object.defineProperty throws 當為無法擴充的物件增加屬性
 var nonExtensible = { removable: true };
 Object.preventExtensions(nonExtensible);
-Object.defineProperty(nonExtensible, 'new', { value: 8675309 }); // throws a TypeError
+Object.defineProperty(nonExtensible, "new", { value: 8675309 }); // throws a TypeError
 
 // 在 strict mode 中，嘗試去新增屬性給無法擴充物件，將 throws 出一個 TypeError。
 function fail() {
-  'use strict';
-  nonExtensible.newProperty = 'FAIL'; // throws a TypeError
+  "use strict";
+  nonExtensible.newProperty = "FAIL"; // throws a TypeError
 }
 fail();
 
@@ -58,7 +58,7 @@ fail();
 // (which is deprecated. Use Object.getPrototypeOf instead)):
 // A non-extensible object's prototype is immutable.
 var fixed = Object.preventExtensions({});
-fixed.__proto__ = { oh: 'hai' }; // throws a TypeError
+fixed.__proto__ = { oh: "hai" }; // throws a TypeError
 ```
 
 ## 筆記
@@ -81,7 +81,7 @@ Object.preventExtensions(1);
 
 {{Compat}}
 
-## 閱讀更多
+## 參見
 
 - {{jsxref("Object.isExtensible()")}}
 - {{jsxref("Object.seal()")}}
diff --git a/files/zh-tw/web/javascript/reference/global_objects/object/proto/index.md b/files/zh-tw/web/javascript/reference/global_objects/object/proto/index.md
index acf4c8c05bcc32..b0d8a97d856a43 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/object/proto/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/object/proto/index.md
@@ -33,9 +33,9 @@ console.log(shape.__proto__ === circle); // true
 ```js
 var shape = function () {};
 var p = {
-    a: function () {
-        console.log('aaa');
-    }
+  a: function () {
+    console.log("aaa");
+  },
 };
 shape.prototype.__proto__ = p;
 
@@ -46,9 +46,9 @@ console.log(shape.prototype === circle.__proto__); // true
 // or
 var shape = function () {};
 var p = {
-    a: function () {
-        console.log('a');
-    }
+  a: function () {
+    console.log("a");
+  },
 };
 
 var circle = new shape();
@@ -57,24 +57,23 @@ circle.a(); // a
 console.log(shape.prototype === circle.__proto__); // false
 
 // or
-function test() {};
+function test() {}
 test.prototype.myname = function () {
-    console.log('myname');
+  console.log("myname");
 };
 
 var a = new test();
 console.log(a.__proto__ === test.prototype); // true
 a.myname(); // myname
 
-
 // or
 var fn = function () {};
 fn.prototype.myname = function () {
-    console.log('myname');
+  console.log("myname");
 };
 
 var obj = {
-    __proto__: fn.prototype
+  __proto__: fn.prototype,
 };
 
 obj.myname(); // myname

From d527915277e4fd27065b16d869a4d5b4672e830b Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Wed, 28 Jun 2023 11:11:29 +0800
Subject: [PATCH 127/146] [zh-cn]: Update translation of Promise.constructor
 (#13952)

Co-authored-by: A1lo <yin199909@aliyun.com>
Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../global_objects/promise/promise/index.md   | 210 ++++++++++++++----
 1 file changed, 161 insertions(+), 49 deletions(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/promise/index.md b/files/zh-cn/web/javascript/reference/global_objects/promise/promise/index.md
index 16c6ba8113ec45..bc573218feb03d 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/promise/promise/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/promise/promise/index.md
@@ -1,96 +1,207 @@
 ---
-title: Promise() 构造器
+title: Promise() 构造函数
 slug: Web/JavaScript/Reference/Global_Objects/Promise/Promise
 ---
 
 {{JSRef}}
 
-**`Promise`** 构造器主要用于包装不支持 promise（返回值不是 `Promise`）的函数。
+**`Promise()`** 构造函数创建 {{jsxref("Promise")}} 对象。它主要用于封装尚未支持 Promise 的基于回调的 API。
 
-{{EmbedInteractiveExample("pages/js/promise-constructor.html")}}
+{{EmbedInteractiveExample("pages/js/promise-constructor.html", "taller")}}
 
 ## 语法
 
-```plain
+```js-nolint
 new Promise(executor)
 ```
 
+> **备注：** `Promise()` 只能通过 [`new`](/zh-CN/docs/Web/JavaScript/Reference/Operators/new) 运算符来构造。如果尝试在没有使用 `new` 的情况下调用它，会抛出 {{jsxref("TypeError")}} 异常。
+
 ### 参数
 
 - `executor`
+  - : 在构造函数中执行的 {{jsxref("function")}}。它接收两个函数作为参数：`resolveFunc` 和 `rejectFunc`。`executor` 中抛出的任何错误都会导致 Promise 被拒绝，并且返回值将被忽略。`executor` 的语义将在下文详细介绍。
 
-  - : 该函数将在构造这个新`Promise`对象过程中，被构造函数执行。该`executor`是一段将输出与 promise 联系起来的自定义代码。`executor`的函数签名应为：
+### 返回值
 
-    ```js
-    function(resolutionFunc, rejectionFunc){
-          // 通常是一些异步操作
-        }
+当通过 `new` 关键字调用 `Promise` 构造函数时，它会返回一个 Promise 对象。当 `resolutionFunc` 或者 `rejectionFunc` 被调用时，该 Promise 对象就会变为*已解决*（resolved）。请注意，如果你调用 `resolveFunc` 或 `rejectFunc` 并传入另一个 Promise 对象作为参数，可以说该 Promise 对象“已解决”，但仍未“敲定（settled）”。有关更多解释，请参阅 [Promise 描述](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#描述)。
 
-    ```
+## 描述
 
-    `resolutionFunc`与`rejectionFunc`也是函数，可以使用任何名字。这两个函数的签名很简单：接受任何类型的单个参数。
+传统上（在 Promise 出现之前），设计上异步任务基于回调函数实现。
 
-    ```js
-            resolutionFunc(value) // 当被敲定时调用
-            rejectionFunc(reason) // 当被拒绝时调用
+```js
+readFile("./data.txt", (error, result) => {
+  // 这个回调函数将在任务完成后被调用，返回最终的 `error` 或 `result`。
+  // 任何依赖于返回结果的操作都必须在这个回调函数内定义。
+});
+// `readFile` 请求被发出后，此处的代码会立即执行。
+// 它不会等待回调函数被调用，因此使 `readFile` 成为了“异步”的。
+```
+
+为了利用 Promise 提供的更好的可读性和语言特性，`Promise()` 构造函数允许将基于回调的 API 转换为基于 Promise 的 API。
 
-    ```
+> **备注：** 如果你的任务已经基于 Promise 实现，你大概率不需要使用 `Promise()` 构造函数。
 
-    当该 promise 动态插入[promise 链](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise%E7%9A%84%E9%93%BE%E5%BC%8F%E8%B0%83%E7%94%A8)的情况下，该 `resolutionFunc` 的 `value` 参数可能是另一个 promise 对象。
+`executor` 是将回调函数的结果与 Promise 关联在一起的自定义代码。编写 `executor` 的工作由程序员完成。它的函数签名应该是：
 
-    关于 `executor`，需理解以下几点：
+```js
+function executor(resolveFunc, rejectFunc) {
+  // 通常，`executor` 函数用于封装某些接受回调函数作为参数的异步操作，比如上面的 `readFile` 函数
+}
+```
 
-    - 该 `executor` 的返回值将被忽略。
-    - 如果在该 `executor` 中抛出一个错误，该 promise 将被拒绝。
+`resolveFunc` 和 `rejectFunc` 也是函数，你可以给它们任何实际的名称。它们的函数签名很简单：它们接受一个任意类型的参数。
 
-    因此，`executor` 的代码生效的原理如下：
+```js
+resolveFunc(value); // 解决时调用
+rejectFunc(reason); // 拒绝时调用
+```
 
-    - 在构造函数生成新 `Promise` 对象时，构造函数也生成了一对相关的函数 `resolutionFunc` 与 `rejectionFunc`。他们被绑定在了 `Promise` 对象上。
-    - `executor` 内的代码有机会执行一些操作，然后通过分别调用 `resolutionFunc` 或者 `rejectionFunc`，反应这些操作的结果（如果这些结果不是另一个 `Promise` 对象的话），要么为已敲定（resolved），要么为已拒绝（rejected）。
-    - 换句话说，`executor`中的代码通过 `resolutionFunc` 或 `rejectionFunc` 产生的副作用进行通信。这里的副作用是指 `Promise` 对象变成已敲定（resolved），要么为已拒绝（rejected）。
+传入 `resolveFunc` 的 `value` 参数可以是另一个 Promise 对象，在这种情况下，新构造的 Promise 对象的状态将“锁定”到传入的 Promise 对象（作为 [resolution](#resolver_函数) Promise 的一部分）。`rejectFunc` 的语义类似于 [`throw`](/zh-CN/docs/Web/JavaScript/Reference/Statements/throw) 语句，因此 `reason` 通常是一个 [`Error`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Error) 实例。如果 `value` 或 `reason` 中有任意一个被省略，Promise 将会被兑现（fulfilled）或拒绝（rejected）为 `undefined`。
 
-    综上所述，对典型流程进行总结：
+`executor` 的完成状态对 Promise 的状态影响有限：
 
-    1. `executor` 内的操作是异步的，并且提供一个回调（callback）。
-    2. 该回调在 `executor` 内定义。
-    3. 该回调通过调用 `resolutionFunc` 终止。
-    4. `resolutionFunc` 的调用包含一个 `value` 参数。
-    5. 该`value` 被返回给绑定的 `Promise` 对象上。
-    6. 该`Promise` 对象（异步地）调用任何相关的 `.then(handleResolved)`。
-    7. `.then(handleResolved)` 收到的 `value` 作为入参被传递给了 `handleResolved` 的调用。（参见[Promise 的链式调用](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise%E7%9A%84%E9%93%BE%E5%BC%8F%E8%B0%83%E7%94%A8)）
+- `executor` 函数的返回值会被忽略。`executor` 函数中的 `return` 语句仅影响控制流程，调整函数某个部分是否执行，但不会影响 Promise 的履行值。如果 `executor` 函数退出，且未来不可能调用 `resolveFunc` 或 `rejectFunc`（例如，没有安排异步任务），那么 Promise 将永远保持待定状态。
+- 如果在 `executor` 函数中抛出错误，则 Promise 将被拒绝，除非 `resolveFunc` 或 `rejectFunc` 已经被调用。
 
-### 返回值
+> **备注：** 待定的 Promise 的存在并不会阻止程序退出。如果事件循环为空，则程序会退出，尽管存在待定的 Promise（因为它们必然永远处于待定状态）。
 
-当通过 `new` 调用时，`Promise` 构造函数返回一个 promise 对象。当 `resolutionFunc` 或者 `rejectionFunc` 被调用时，该 promise 对象将会“被敲定”。注意，如果您调用 `resolutionFunc` 或者 `rejectionFunc` 时将另一个 Promise 对象作为参数，您可以称其“被敲定（resolved）”，但仍不能称其“被解决（settled）”。
+以下是典型的 Promise 流程概述：
 
-## 示例
+1. 在构造函数生成新的 `Promise` 对象时，它还会生成一对相应的 `resolveFunc` 和 `rejectFunc` 函数；它们与 `Promise` 对象“绑定”在一起。
+2. `executor` 通常会封装某些提供基于回调的 API 的异步操作。回调函数（传给原始回调 API 的函数）在 `executor` 代码中定义，因此它可以访问 `resolveFunc` 和 `rejectFunc`。
+3. `executor` 是同步调用的（在构造 `Promise` 时立即调用），并将 `resolveFunc` 和 `rejectFunc` 函数作为传入参数。
+4. `executor` 中的代码有机会执行某些操作。异步任务的最终完成通过 `resolveFunc` 或 `rejectFunc` 引起的副作用与 Promise 实例进行通信。这个副作用让 `Promise` 对象变为“已解决”状态。
+   - 如果先调用 `resolveFunc`，则传入的值将[解决](#resolver_函数)。Promise 可能会保持待定状态（如果传入了另一个 [thenable](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#thenable) 对象），变为已兑现状态（在传入非 thenable 值的大多数情况下），或者变为已拒绝状态（在解析值无效的情况下）。
+   - 如果先调用 `rejectFunc`，则 Promise 立即变为已拒绝状态。
+   - 一旦 `resolveFunc` 或 `rejectFunc` 中的一个被调用，Promise 将保持解决状态。只有第一次调用 `resolveFunc` 或 `rejectFunc` 会影响 Promise 的最终状态，随后对任一函数的调用都不能更改兑现值或拒绝原因，也不能将其最终状态从“已兑现”转换为“已拒绝”或相反。
+   - 如果 `executor` 抛出错误，则 Promise 被拒绝。但是，如果 resolveFunc 或 rejectFunc 中的一个已经被调用（因此 Promise 已经被解决），则忽略该错误。
+   - 解决 Promise 不一定会导致 Promise 变为已兑现或已拒绝（即已敲定）。Promise 可能仍处于待定状态，因为它可能是用另一个 thenable 对象解决的，但它的最终状态将与已解决的 thenable 对象一致。
+5. 一旦 Promise 敲定，它会（异步地）调用任何通过 {{jsxref("Promise/then", "then()")}}、{{jsxref("Promise/catch", "catch()")}} 或 {{jsxref("Promise/finally", "finally()")}} 关联的进一步处理程序。最终的兑现值或拒绝原因在调用时作为输入参数传给兑现和拒绝处理程序（请参阅 [promise 的链式调用](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#promise_的链式调用)）。
 
-我们通过 `new` 关键字和 `Promise` 构造器创建它的对象。这个构造器接受一个名为 "executor function" 的函数。这个函数应当接受两个函数参数。当异步任务成功时，第一个函数（`resolve`）将被调用，并返回一个值代表成功。当其失败时，第二个函数（`reject`）将被调用，并返回失败原因（失败原因通常是一个 error 对象）。
+例如，上面的基于回调的 `readFile` API 可以转换为基于 Promise 的 API。
 
 ```js
-const myFirstPromise = new Promise((resolve, reject) => {
-  // do something asynchronous which eventually calls either:
-  //
-  //   resolve(someValue)        // fulfilled
-  // or
-  //   reject("failure reason")  // rejected
+const readFilePromise = (path) =>
+  new Promise((resolve, reject) => {
+    readFile(path, (error, result) => {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(result);
+      }
+    });
+  });
+
+readFilePromise("./data.txt")
+  .then((result) => console.log(result))
+  .catch((error) => console.error("读取文件失败"));
+```
+
+### Resolver 函数
+
+`resolveFunc` 解决函数有以下行为：
+
+- 如果它被调用时传入了新建的 `Promise` 对象本身（即它所“绑定”的 Promise 对象），则 `Promise` 对象会被拒绝并抛出一个 {{jsxref("TypeError")}} 错误。
+- 如果它使用一个非 [thenable](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise#thenable) 的值（基本类型，或一个没有 `then` 属性或 `then` 属性不可调用的对象），则该 Promise 对象会被立即以该值兑现。
+- 如果它被调用时传入了一个 thenable 对象（包括另一个 `Promise` 实例），则该 thenable 对象的 `then` 方法将被保存并在未来被调用（它总是异步调用）。`then` 方法将被调用并传入两个回调函数，这两个函数的行为与传递给 `executor` 函数的 `resolveFunc` 和 `rejectFunc` 函数完全相同。如果调用 `then` 方法时出现错误，则当前的 `Promise` 对象会被拒绝并抛出这个错误。
+
+在最后一种情况下，这意味着像下面这样的代码：
+
+```js
+new Promise((resolve, reject) => {
+  resolve(thenable);
 });
 ```
 
-为了提供一个拥有 promise 功能的函数，简单的返回一个 promise 即可：
+大致相当于：
+
+```js
+new Promise((resolve, reject) => {
+  try {
+    thenable.then(
+      (value) => resolve(value),
+      (reason) => reject(reason),
+    );
+  } catch (e) {
+    reject(e);
+  }
+});
+```
+
+但是在 `resolve(thenable)` 的情况中，有如下区别：
+
+1. `resolve` 函数是同步调用的，因此再次调用 `resolve` 或 `reject` 函数没有任何影响，即使通过 `anotherPromise.then()` 绑定的处理程序尚未被调用。
+2. `then` 方法是异步调用的，因此如果传入 thenable 对象，则该 `Promise` 对象不会被立即解决。
+
+因为 `resolve` 函数再次调用时使用 `thenable.then()` 传递给它的任何值作为 `value` 参数，所以解决函数能够展开嵌套的 thenable 对象，其中一个 thenable 对象调用其 `onFulfilled` 处理程序并返回另一个 thenable 对象。这样做的效果是，真实的 `Promise` 对象的兑现处理器永远不会接收到 thenable 对象作为其兑现值。
+
+## 示例
+
+### 将基于回调的 API 转换为基于 Promise 的 API
+
+为了让一个函数具有 Promise 功能，可以在适当的时候调用 `resolve` 和 `reject` 函数，并返回一个 Promise 对象。
 
 ```js
 function myAsyncFunction(url) {
   return new Promise((resolve, reject) => {
-    const xhr = new XMLHttpRequest()
-    xhr.open("GET", url)
-    xhr.onload = () => resolve(xhr.responseText)
-    xhr.onerror = () => reject(xhr.statusText)
-    xhr.send()
+    const xhr = new XMLHttpRequest();
+    xhr.open("GET", url);
+    xhr.onload = () => resolve(xhr.responseText);
+    xhr.onerror = () => reject(xhr.statusText);
+    xhr.send();
   });
 }
 ```
 
+### 调用 resolveFunc 的效果
+
+调用 `resolveFunc` 函数会使 Promise 对象变为已解决状态，因此再次调用 `resolveFunc` 或 `rejectFunc` 函数没有任何效果。然而，Promise 对象可能处于以下任何状态之一：待定、已兑现或已拒绝。
+
+在下面这个例子中，`pendingResolved` Promise 对象在创建时就已经被解决，因为它已经“锁定”以匹配内部 Promise 对象的最终状态，后续在 executor 函数中调用 `resolveOuter` 或 `rejectOuter` 或抛出错误对其最终状态没有影响。然而，内部 Promise 对象仍然处于待定状态，直到 100 毫秒后才被解决，因此外部 Promise 对象也处于待定状态：
+
+```js
+const pendingResolved = new Promise((resolveOuter, rejectOuter) => {
+  resolveOuter(
+    new Promise((resolveInner) => {
+      setTimeout(() => {
+        resolveInner("内部");
+      }, 100);
+    }),
+  );
+});
+```
+
+`fulfilledResolved` Promise 对象在被解决时立即变为已兑现状态，因为它以非 thenable 值解决。然而，在它被创建时，它是未解决的，因为 `resolve` 或 `reject` 函数还没有被调用。未解决的 Promise 对象必然是待定状态：
+
+```js
+const fulfilledResolved = new Promise((resolve, reject) => {
+  setTimeout(() => {
+    resolve("外部");
+  }, 100);
+});
+```
+
+显然，调用 `rejectFunc` 函数会导致 Promise 对象被拒绝。然而，即使在调用 `resolveFunc` 回调函数时，也有两种方法可以使 Promise 对象立即被拒绝。
+
+```js
+// 1. 传入 Promise 本身
+const rejectedResolved1 = new Promise((resolve) => {
+  // 注意：resolve 必须异步调用，以便初始化 rejectedResolved1 变量
+  setTimeout(() => resolve(rejectedResolved1)); // TypeError: Chaining cycle detected for promise #<Promise>
+});
+
+// 2. 传入一个在访问 `then` 属性时抛出异常的对象
+const rejectedResolved2 = new Promise((resolve) => {
+  resolve({
+    get then() {
+      throw new Error("无法访问 then 属性");
+    },
+  });
+});
+```
+
 ## 规范
 
 {{Specifications}}
@@ -99,6 +210,7 @@ function myAsyncFunction(url) {
 
 {{Compat}}
 
-## See also
+## 参见
 
-- [Using Promises](/zh-CN/docs/Web/JavaScript/Guide/Using_promises)
+- [`core-js` 中 `Promise` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-promise)
+- [使用 Promise](/zh-CN/docs/Web/JavaScript/Guide/Using_promises)

From af5a4b7da9c00d0aa3d51612e4946ed0fe0ccaa8 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 28 Jun 2023 12:08:14 +0000
Subject: [PATCH 128/146] Bump lint-staged from 13.2.2 to 13.2.3 (#13964)

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index a02056f0fc48c2..51066a7d7d4f3f 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "husky": "8.0.3",
-    "lint-staged": "13.2.2",
+    "lint-staged": "13.2.3",
     "markdownlint-cli2": "0.8.1",
     "markdownlint-rule-search-replace": "1.1.0",
     "prettier": "2.8.8"
diff --git a/yarn.lock b/yarn.lock
index 407883aea3b373..be81df4dfd5f5d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -307,10 +307,10 @@ linkify-it@^4.0.1:
   dependencies:
     uc.micro "^1.0.1"
 
-lint-staged@13.2.2:
-  version "13.2.2"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-13.2.2.tgz#5e711d3139c234f73402177be2f8dd312e6508ca"
-  integrity sha512-71gSwXKy649VrSU09s10uAT0rWCcY3aewhMaHyl2N84oBk4Xs9HgxvUp3AYu+bNsK4NrOYYxvSgg7FyGJ+jGcA==
+lint-staged@13.2.3:
+  version "13.2.3"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-13.2.3.tgz#f899aad6c093473467e9c9e316e3c2d8a28f87a7"
+  integrity sha512-zVVEXLuQIhr1Y7R7YAWx4TZLdvuzk7DnmrsTNL0fax6Z3jrpFcas+vKbzxhhvp6TA55m1SQuWkpzI1qbfDZbAg==
   dependencies:
     chalk "5.2.0"
     cli-truncate "^3.1.0"

From ac2f28d16f4d8a930f545565048137afe72c71cb Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 23:28:21 +0900
Subject: [PATCH 129/146] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5?=
 =?UTF-8?q?=E3=81=8D=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/api/htmlmeterelement/labels/index.md  | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 files/ja/web/api/htmlmeterelement/labels/index.md

diff --git a/files/ja/web/api/htmlmeterelement/labels/index.md b/files/ja/web/api/htmlmeterelement/labels/index.md
new file mode 100644
index 00000000000000..90515490123d66
--- /dev/null
+++ b/files/ja/web/api/htmlmeterelement/labels/index.md
@@ -0,0 +1,48 @@
+---
+title: "HTMLMeterElement: labels プロパティ"
+short-title: labels
+slug: Web/API/HTMLMeterElement/labels
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("DOM")}}
+
+**`HTMLMeterElement.labels`** は読み取り専用プロパティで、この {{HTMLElement("meter")}} 要素に関連付けられている {{HTMLElement("label")}} 要素の {{domxref("NodeList")}} を返します。
+
+## 値
+
+`<meter>` 要素に結びつけられている `<label>` 要素の入った {{domxref("NodeList")}} です。
+
+## 例
+
+### HTML
+
+```html
+<label id="label1" for="test">Label 1</label>
+<meter id="test" min="0" max="100" value="70">70</meter>
+<label id="label2" for="test">Label 2</label>
+```
+
+### JavaScript
+
+```js
+window.addEventListener("DOMContentLoaded", () => {
+  const meter = document.getElementById("test");
+  for (const label of meter.labels) {
+    console.log(label.textContent); // "Label 1" and "Label 2"
+  }
+});
+```
+
+### 結果
+
+{{EmbedLiveSample("Examples", "100%", 30)}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 1a89dbc2976a501b209d86e81d6d526eef85903e Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 24 Jun 2023 23:56:11 +0900
Subject: [PATCH 130/146] =?UTF-8?q?2023/03/12=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5?=
 =?UTF-8?q?=E3=81=8D=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/htmlmeterelement/index.md | 47 ++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 files/ja/web/api/htmlmeterelement/index.md

diff --git a/files/ja/web/api/htmlmeterelement/index.md b/files/ja/web/api/htmlmeterelement/index.md
new file mode 100644
index 00000000000000..fc67aec6098e99
--- /dev/null
+++ b/files/ja/web/api/htmlmeterelement/index.md
@@ -0,0 +1,47 @@
+---
+title: HTMLMeterElement
+slug: Web/API/HTMLMeterElement
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("HTML DOM")}}
+
+HTML の {{HTMLElement("meter")}} 要素は **`HTMLMeterElement`** インターフェイスを公開します。これは（継承によって利用できる {{domxref("HTMLElement")}} オブジェクトのインターフェイス以外に）{{HTMLElement("meter")}} 要素のレイアウトや表現を操作するためのプロパティやメソッドを提供します。
+
+{{InheritanceDiagram}}
+
+## インスタンスプロパティ
+
+_親である {{domxref("HTMLElement")}} からプロパティを継承しています。_
+
+- {{domxref("HTMLMeterElement.high")}}
+  - : `double` で、[`high`](/ja/docs/Web/HTML/Element/meter#high) 属性を反映し、上の境界値を表します。
+- {{domxref("HTMLMeterElement.low")}}
+  - : `double` で、[`low`](/ja/docs/Web/HTML/Element/meter#low) 属性を反映し、下の境界値を表します。
+- {{domxref("HTMLMeterElement.max")}}
+  - : `double` で、[`max`](/ja/docs/Web/HTML/Element/meter#max) 属性を反映し、最大値を表します。
+- {{domxref("HTMLMeterElement.min")}}
+  - : `double` で、[`min`](/ja/docs/Web/HTML/Element/meter#min) 属性を反映し、最小値を表します。
+- {{domxref("HTMLMeterElement.optimum")}}
+  - : `double` で、[`optimum`](/ja/docs/Web/HTML/Element/meter#optimum) 属性を反映し、最適な値を表します。
+- {{domxref("HTMLMeterElement.value")}}
+  - : `double` で、[`value`](/ja/docs/Web/HTML/Element/meter#value) 属性を反映し、現在の値を表します。
+- {{domxref("HTMLMeterElement.labels")}} {{ReadOnlyInline}}
+  - : {{domxref("NodeList")}} で、この要素に関連付けられた {{HTMLElement("label")}} 要素群を表します。
+
+## インスタンスメソッド
+
+_このインターフェイスは固有のメソッドを実装していませんが、親である {{domxref("HTMLElement")}} から継承したメソッドがあります。_
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- このインターフェイスを実装している HTML 要素: {{HTMLElement("meter")}}

From efedf2a6adf26d2a53c7f046c0d72bb289ba2239 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 25 Jun 2023 00:12:45 +0900
Subject: [PATCH 131/146] =?UTF-8?q?2023/06/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/meter/index.md | 32 +++++++++++++-----------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/files/ja/web/html/element/meter/index.md b/files/ja/web/html/element/meter/index.md
index a85c69eabe90c5..949820b19880e7 100644
--- a/files/ja/web/html/element/meter/index.md
+++ b/files/ja/web/html/element/meter/index.md
@@ -1,11 +1,13 @@
 ---
-title: '<meter>: HTML メーター要素'
+title: "<meter>: HTML メーター要素"
 slug: Web/HTML/Element/meter
+l10n:
+  sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c
 ---
 
 {{HTMLSidebar}}
 
-**HTML の `<meter>` 要素**は、既知の範囲内のスカラー値、または小数値を表します。
+**`<meter>`** は [HTML](/ja/docs/Web/HTML) の要素で、既知の範囲内のスカラー値、または小数値を表します。
 
 {{EmbedInteractiveExample("pages/tabbed/meter.html", "tabbed-shorter")}}
 
@@ -13,7 +15,7 @@ slug: Web/HTML/Element/meter
   <tbody>
     <tr>
       <th scope="row">
-        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a>
+        <a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリー</a>
       </th>
       <td>
         <a href="/ja/docs/Web/HTML/Content_categories#フローコンテンツ"
@@ -66,11 +68,11 @@ slug: Web/HTML/Element/meter
 
 ## 属性
 
-他のすべての要素と同様に、この要素は[グローバル属性](/ja/docs/Web/HTML/Global_attributes)を持ちます。
+他のすべての要素と同様に、この要素には[グローバル属性](/ja/docs/Web/HTML/Global_attributes)があります。
 
 - `value`
 
-  - : 現在の数値。`min` 属性と `max` 属性が指定されている場合、これらの表す範囲内に収まる値でなくてはなりません。この `value` 属性が未定義、あるいは不正な値であった場合は、その値は `0` となります。指定されている値が `min` 属性と `max` 属性が示す範囲の範囲外の値である場合、その範囲の内のもっとも近い値が適用されます。
+  - : 現在の数値。これは指定されている場合、最小値と最大値（`min` 属性と `max` 属性）の間でなければなりません。この `value` 属性が未定義、あるいは不正な値であった場合は、その値は `0` となります。指定されている値が `min` 属性と `max` 属性が示す範囲の範囲外の値である場合、その範囲の内のもっとも近い値が適用されます。
 
     > **メモ:** `value` 属性の値が `0` を下限、`1` を上限とするものでない限り、`min` 属性および `max` 属性で `value` 属性の下限および上限を定義しなくてはなりません。
 
@@ -83,9 +85,7 @@ slug: Web/HTML/Element/meter
 - `high`
   - : 「高」とされる範囲全体の下限値。属性値は、`max` 属性の値より小さく、かつ `low` 属性や `min` 属性の値より大きいものでなくてはなりません (※これらが定義されている場合)。`high` 属性が未定義、もしくはその値が `max` 属性の値より大きい場合、`high` の値は最大値と同じです。
 - `optimum`
-  - : **最適な数値の範囲**を表します。`min` 属性と `max` 属性によって定義される範囲内の値でなくてはなりません。 `low` 属性と `high` 属性が指定されている場合、この属性の値を含む範囲が最適な数値の範囲とみなされます。例えば、値が `min` 属性と `low` 属性の間のいずれかであった場合、「低」の範囲が最適な数値となります。ブラウザーは optimum の値以下であるかどうかでメーターのバーの色を変更することがあります。
-- `form`
-  - : `<meter>` 要素と関連付ける {{HTMLElement("form")}} 要素 (_フォームオーナー_) です。この属性の値は同じ文書内の `<form>` の [`id`](/ja/docs/Web/HTML/Global_attributes#id) である必要があります。この属性が設定されていなかった場合、その `<meter>` の祖先に `<form>` 要素があれば、それに関連付けられます。この属性は `<meter>` 要素がフォーム関連要素として使用されている場合、例えば対応する [`<input type="number">`](/ja/docs/Web/HTML/Element/input/number) の範囲を表示するようなものでのみ使用されます。
+  - : 最適な数値の範囲を表します。`min` 属性と `max` 属性によって定義される範囲内の値でなくてはなりません。 `low` 属性と `high` 属性が指定されている場合、この属性の値を含む範囲が最適な数値の範囲とみなされます。例えば、値が `min` 属性と `low` 属性の間のいずれかであった場合、「低」の範囲が最適な数値となります。ブラウザーは optimum の値以下であるかどうかでメーターのバーの色を変更することがあります。
 
 ## 例
 
@@ -94,8 +94,9 @@ slug: Web/HTML/Element/meter
 #### HTML
 
 ```html
-<p>オーブンの温度: <meter min="200" max="500"
-  value="350">350 degrees</meter></p>
+<p>
+  オーブンの温度: <meter min="200" max="500" value="350">350 度</meter>
+</p>
 ```
 
 #### 結果
@@ -104,17 +105,18 @@ slug: Web/HTML/Element/meter
 
 Google Chrome での表示結果は以下のようになります。
 
-![current look of \<meter> in Google Chrome](screen_shot_2020-10-12_at_10.10.53_pm.png)
+![Google Chrome における meter 要素のスクリーンショット](screen_shot_2020-10-12_at_10.10.53_pm.png)
 
 ### 「高」の範囲と「低」の範囲の使用例
 
-この例では [`min`](/ja/docs/Web/HTML/Element/meter#min)t/meter#min)t/meter#min) 属性が省略されています。よって、下限値は `0` となっています。
+この例では [`min`](#min) 属性が省略されています。よって、下限値は `0` となっています。
 
 #### HTML
 
 ```html
-<p>He got a <meter low="69" high="80" max="100"
-  value="84">B</meter> on the exam.</p>
+<p>
+  彼は試験で <meter low="69" high="80" max="100" value="84">B</meter> を取りました。
+</p>
 ```
 
 #### 結果
@@ -123,7 +125,7 @@ Google Chrome での表示結果は以下のようになります。
 
 Google Chrome では、 meter の結果は次のように見えます。
 
-![red meter in Google Chrome](screen_shot_2020-10-12_at_10.11.52_pm.png)
+![Google Chrome における赤いメーター](screen_shot_2020-10-12_at_10.11.52_pm.png)
 
 ## 仕様書
 

From a53db33e3df6f462c2b5c907a8ad75465effc0d3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 25 Jun 2023 02:56:27 +0900
Subject: [PATCH 132/146] =?UTF-8?q?2023/05/25=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/noframes/index.md | 32 ++++++++++++++-------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/files/ja/web/html/element/noframes/index.md b/files/ja/web/html/element/noframes/index.md
index 481cd60c765cd0..4bbdb36b0652a4 100644
--- a/files/ja/web/html/element/noframes/index.md
+++ b/files/ja/web/html/element/noframes/index.md
@@ -1,9 +1,11 @@
 ---
-title: '<noframes>: フレームフォールバック要素'
+title: "<noframes>: フレームフォールバック要素"
 slug: Web/HTML/Element/noframes
+l10n:
+  sourceCommit: 8536cae9363a37725f9a5dcca4e064addbcc9506
 ---
 
-{{deprecated_header}}
+{{HTMLSidebar}}{{deprecated_header}}
 
 **`<noframes>`** は [HTML](/ja/docs/Web/HTML) の要素で、 {{HTMLElement("frame")}} 要素に対応していない（または対応を無効化した）ブラウザーのためのコンテンツを提供します。よく使われるほとんどのブラウザーがフレームに対応していますが、一部のモバイルブラウザーやテキストモードブラウザーなどの例外もあります。
 
@@ -11,7 +13,7 @@ slug: Web/HTML/Element/noframes
 
 `<noframes>` は、ユーザーのブラウザーがフレームに対応していないことを説明するメッセージを表示するために利用することができますが、できればフレームを使わなくても同じ（または同等の）機能を提供するための別なフォームを表現するために使用するべきです。
 
-> **メモ:** HTML 5 以降では、 {{HTMLElement("frame")}} 要素および {{HTMLElement("frameset")}} 要素が廃止されたため、この要素も廃止されており使用するべきではありません。フレームがどうしても必要であれば、 {{HTMLElement("iframe")}} 要素を用いて表現するべきです。
+> **メモ:** {{HTMLElement("frame")}} 要素および {{HTMLElement("frameset")}} 要素が廃止されたため、この要素も廃止されており使用するべきではありません。フレームがどうしても必要であれば、 {{HTMLElement("iframe")}} 要素を用いて表現するべきです。
 
 ## 属性
 
@@ -22,12 +24,22 @@ slug: Web/HTML/Element/noframes
 この例には、 2 つのフレームを持つフレームセットがあります。加えて、 `<noframes>` を使用して{{Glossary("user agent","ユーザーエージェント")}}がフレームに対応していない場合には説明メッセージを表示します。
 
 ```html
-<frameset cols="50%,50%">
-  <frame src="https://developer.mozilla.org/en/HTML/Element/frameset" />
-  <frame src="https://developer.mozilla.org/en/HTML/Element/frame" />
-  <noframes><p>It seems your browser does not support frames or is
-  configured to not allow them.</p></noframes>
-</frameset>
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <!-- Document metadata goes here -->
+  </head>
+  <frameset rows="45%, 55%">
+    <frame src="https://developer.mozilla.org/en/HTML/Element/frameset" />
+    <frame src="https://developer.mozilla.org/en/HTML/Element/frame" />
+    <noframes>
+      <p>
+        It seems your browser does not support frames or is configured to not
+        allow them.
+      </p>
+    </noframes>
+  </frameset>
+</html>
 ```
 
 ## 仕様書
@@ -42,5 +54,3 @@ slug: Web/HTML/Element/noframes
 
 - {{HTMLElement("frameset")}}
 - {{HTMLElement("frame")}}
-
-{{HTMLSidebar}}

From c479aba5600259a4d25ab14c4671535eedf59b01 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 25 Jun 2023 01:26:32 +0900
Subject: [PATCH 133/146] =?UTF-8?q?2023/04/13=20=E6=99=82=E7=82=B9?=
 =?UTF-8?q?=E3=81=AE=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/nobr/index.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/files/ja/web/html/element/nobr/index.md b/files/ja/web/html/element/nobr/index.md
index 5f736b2615433b..cc467e0bf6aa7f 100644
--- a/files/ja/web/html/element/nobr/index.md
+++ b/files/ja/web/html/element/nobr/index.md
@@ -1,13 +1,15 @@
 ---
-title: '<nobr>: 無改行文字列要素'
+title: "<nobr>: 無改行テキスト要素"
 slug: Web/HTML/Element/nobr
+l10n:
+  sourceCommit: 942a529383ee7ee3996fb234187641c08935f3ff
 ---
 
-{{HTMLSidebar}}{{Non-standard_Header}}{{deprecated_header}}
+{{HTMLSidebar}}{{deprecated_header}}
 
 **`<nobr>`** は [HTML](/ja/docs/Web/HTML) の要素で、その内包する文字列の自動改行を無効化します。行内に収まらない文字列は、領域からはみ出てレンダリングされるか、スクロールバーを伴って表示されます。
 
-> **警告:** この要素は標準の要素であったことは<em>なく</em>、広く実装されていませんので、使用するべきではありません。代わりに、 CSS プロパティの {{CSSxRef("white-space")}} を次のように使用してください。
+> **警告:** この要素は広く対応されていますが、この要素は標準の要素であったことは**ない**ため、使用するべきではありません。代わりに、 CSS プロパティの {{CSSxRef("white-space")}} を次のように使用してください。
 
 ```html
 <span style="white-space: nowrap;">Long line with no breaks</span>

From 330b7c3e9b54e936907d370ebe27a9c92abd2481 Mon Sep 17 00:00:00 2001
From: minakamoto <miho.nakamoto@esm.co.jp>
Date: Wed, 28 Jun 2023 21:15:19 +0700
Subject: [PATCH 134/146] =?UTF-8?q?[ja]=E8=A1=8D=E5=AD=97=E3=81=AE?=
 =?UTF-8?q?=E5=89=8A=E9=99=A4=20(#13962)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Update index.md

Deleted unnecessary double-byte number.
---
 .../html/introduction_to_html/creating_hyperlinks/index.md      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ja/learn/html/introduction_to_html/creating_hyperlinks/index.md b/files/ja/learn/html/introduction_to_html/creating_hyperlinks/index.md
index 9e6cfdce45c771..92b860e94651bb 100644
--- a/files/ja/learn/html/introduction_to_html/creating_hyperlinks/index.md
+++ b/files/ja/learn/html/introduction_to_html/creating_hyperlinks/index.md
@@ -135,7 +135,7 @@ img {
 
 URL (Uniform Resource Locator) は、何かがウェブ上のどこにあるのかを定義するテキストの文字列です。たとえば、 Mozilla の日本語のホームページは `https://www.mozilla.org/ja/` にあります。
 
-URL はファイルを見つけるためにパスを使います。パスはファイルシステム内の目的のファイルが存在する場所を指定します。ディレクトリー構造の簡単な例を見てみましょう（[creating-hyperlinks](https://github.com/mdn/learning-area/tree/main/html/introduction-to-html/creating-hyperlinks) ディレクトリーを参照してください９。
+URL はファイルを見つけるためにパスを使います。パスはファイルシステム内の目的のファイルが存在する場所を指定します。ディレクトリー構造の簡単な例を見てみましょう（[creating-hyperlinks](https://github.com/mdn/learning-area/tree/main/html/introduction-to-html/creating-hyperlinks) ディレクトリーを参照してください。
 
 ![シンプルなディレクトリー構造です。親ディレクトリーは creating-hyperlinks という名前で、 index.html と contacts.html という 2 つのファイルと、 projects と pdfs という 2 つのディレクトリーがあり、それぞれ index.html と project-brief.pdf ファイルが含まれています。](simple-directory.png)
 

From 2cd8850693c5709727527a0408e1d59a0b17e7e8 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Wed, 28 Jun 2023 18:15:10 +0200
Subject: [PATCH 135/146] [ja] sync translated content (#13961)

* ja: sync translated content

* Update _redirects.txt

* Delete index.md

* Delete index.md

* Delete index.md

* Delete index.md

---------

Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>
---
 files/ja/_redirects.txt                       |   4 +
 .../graphics_for_responsive_sites/index.md    |  45 --
 .../responsive/mobile_first/index.md          | 287 ------------
 .../index.md                                  | 438 ------------------
 .../responsive_navigation_patterns/index.md   |  82 ----
 5 files changed, 4 insertions(+), 852 deletions(-)
 delete mode 100644 files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md
 delete mode 100644 files/ja/web/progressive_web_apps/responsive/mobile_first/index.md
 delete mode 100644 files/ja/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.md
 delete mode 100644 files/ja/web/progressive_web_apps/responsive/responsive_navigation_patterns/index.md

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index 7d6b5f351eaf39..63fc00c77caa50 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -4425,6 +4425,10 @@
 /ja/docs/Web/Progressive_web_apps/Offline_Service_workers	/ja/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Offline_Service_workers
 /ja/docs/Web/Progressive_web_apps/Re-engageable_Notifications_Push	/ja/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Re-engageable_Notifications_Push
 /ja/docs/Web/Progressive_web_apps/Responsive	/ja/docs/Web/Progressive_web_apps
+/ja/docs/Web/Progressive_web_apps/Responsive/Graphics_for_responsive_sites	/ja/docs/Learn/CSS/CSS_layout/Responsive_Design
+/ja/docs/Web/Progressive_web_apps/Responsive/Mobile_first	/ja/docs/Learn/CSS/CSS_layout/Responsive_Design
+/ja/docs/Web/Progressive_web_apps/Responsive/Responsive_navigation_patterns	/ja/docs/Learn/CSS/CSS_layout/Responsive_Design
+/ja/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks	/ja/docs/Learn/CSS/CSS_layout/Responsive_Design
 /ja/docs/Web/Progressive_web_apps/Structural_overview	/ja/docs/Web/Progressive_web_apps/Guides/Structural_overview
 /ja/docs/Web/Reference	/ja/docs/Web
 /ja/docs/Web/Reference/API	/ja/docs/Web/API
diff --git a/files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md b/files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md
deleted file mode 100644
index 835abae824e741..00000000000000
--- a/files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: レスポンシブサイトのグラフィックデザイン
-slug: Web/Progressive_web_apps/Responsive/Graphics_for_responsive_sites
----
-
-1996 年当時、ウェブ構築に携わっていた多くの人々は、 20 年も経たないうちに、携帯電話やタブレット、テレビ、さらには自動車や家庭用照明でも機能するウェブサイトが開発されるようになると言ったら、笑っていたでしょう。しかし、今日、それは非常に現実的なものとなっています。この記事では、グラフィックニーズに最適なオプションを選択するための高水準の議論を行います。
-
-テキストのボックスはもともとレスポンシブ対応なので、テキストコンテンツは問題ありませんが、グラフィックや複雑なレイアウトをページに含めるようになると、絵が醜くなり始めます — 特に、それらのグラフィックやレイアウトが様々な画面に適応する必要がある場合は、なおさらです。そのため、これらのトピックを扱うドキュメントの章を用意しました（現在表示されている章と[アプリレイアウト](/ja/docs/Web/Apps/app_layout)）。
-
-さらに最近では、地味な BMP、JPG、GIF、PNG 以外にも、非常に多くの技術から選択することができます。では、何を選べばよいのでしょうか。これは、どのような端末に対応しなければならないか、グラフィックがどれほど複雑である必要があるか、グラフィックがどれほどのインタラクティブ性を必要とするかによります。
-
-## CSS によって画像を選択的に提供する
-
-一般的に、レスポンシブデザインでは、様々なレイアウトでほぼ同じグラフィック資産を使用しますが、状況に応じて若干異なる資産を含めることもあります。例えば、デスクトップ用のレイアウトに大きなヘッダーグラフィックといくらかのプログラムグラフィック（CSS3 のドロップシャドウやグラデーションなど）が含まれている場合、モバイル用のレイアウトでは特定の資産を簡素化したり削除したり、小さな画面に合わせてより小さな資産を用意したりすることができます。これは、一般的にモバイル端末の処理能力や利用可能な帯域幅が小さいため、処理やダウンロード量を減らしたいと考えるからです。また、モバイル端末は画面サイズが小さいので、モバイルレイアウトでは視覚的な混乱を減らすのが理にかなっています。
-
-[CSS メディアクエリー](/ja/docs/Web/CSS/Media_Queries/Using_media_queries)を使うと、ビューポートの大きさに応じて異なる CSS ルールを提供することができますが、可能な限り[モバイルファーストメディアクエリー](https://www.peachpit.com/articles/article.aspx?p=1960918)の使用を検討すべきです。つまり、 CSS 内でメディアクエリーが検出される前の既定のレイアウトは、大きな画面/デスクトップ用のレイアウトではなく、小さな画面/モバイル用のレイアウトにします。そのため、モバイル端末でページが読み込まれた場合はモバイル用の資産のみをダウンロードし、デスクトップ用のリソース資産はダウンロードしなくなります。
-
-[HTML の `<img>`](/ja/docs/Web/HTML/Element/img) をレスポンシブにするのは、それほど簡単ではありません。いくつかの回避策がありますが、どれも今のところ完璧ではありません。どのようなものがあるのかについては、[Choosing a responsive image solution](https://mobile.smashingmagazine.com/2013/07/08/choosing-a-responsive-image-solution/) をご覧ください。
-
-## 異なる解決策への対応
-
-この節では、様々な解像度のデバイスで画像を動作させるための様々な戦略について説明します。ここで問題となるのは、ラスター画像を高解像度のデバイスで表示すると、同じ数のピクセルがはるかに小さな画面スペースに表示されるため、小さく見えてしまうということです。ほとんどの高解像度端末では、ウェブページ全体に既定の拡大率が適用され、コンテンツが少しでも読みやすくなるようになっていますが、この場合は、拡大された画像がピクセル化されて醜く見えてしまうことが欠点です。
-
-- 高解像度と低解像度の画像を用意する
-  - 高解像度画像と低解像度画像を作成し、[resolution メディアクエリー](/ja/docs/Web/CSS/resolution)を使用して、高解像度画像を高解像度端末にのみ提供するという方法があります。
-- プログラム的な画像
-  - プログラム／ベクターグラフィックスは、理論的に無限に拡大できるため、高解像度でも鮮明な画像が得られます。CSS3 プロパティを使用すると、[ドロップシャドウ](/ja/docs/Web/CSS/box-shadow)、[グラデーション](/ja/docs/Web/CSS/CSS_Images/Using_CSS_gradients)、[角丸](/ja/docs/Web/CSS/border-radius)などの効果を生成することができます。また、他の UI 要素には、ラスターグラフィックス形式ではなく、[SVG](/ja/docs/Web/SVG)を使用することも検討できます。ただし、 CSS3 プロパティや SVG は IE6-8 などの古いブラウザーでは動作しないこと（ポリフィルがありますので、代替策を組み込むことは可能です）、 SVG は写真などの高精細な画像には適していないことなどの欠点があります。
-- アイコンにフォントを使う
-  - もうひとつの手法として、アイコンに[ウェブフォント](/ja/docs/Web/CSS/@font-face)を使用することも考えられます。テキストはウェブ上で無限に拡張可能であり、また、 [text-shadow](/ja/docs/Web/CSS/text-shadow) や [color](/ja/docs/Learn/CSS/Building_blocks/Values_and_units#color) などの CSS のテキストプロパティを使って、ウェブフォントのアイコンを装飾することもできます。自分でフォントファイルを作るのは少し面倒ですが、 [font awesome](https://fortawesome.github.io/Font-Awesome/) のような優れたアイコンフォントサービスが数多くあります。
-
-## インタラクティブな画像
-
-リンクやクリック可能なエリア、アニメーションなど、画像にある程度のインタラクティブ性を持たせる必要がある場合は、さまざまなオプションが用意されています。
-
-- CSS
-  - : CSS3 では、グラフィカルな効果をリンク（やその他の必要な場所）に加える場合に、プログラムによる方法だけでなく、宣言的な[アニメーション](/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations)や[トランジション](/ja/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions)を書くことができます。これらは、 IE6-8 のような古いブラウザーでは対応していないかもしれませんが、一般的にはグレイスフルデグラデーションをかなり簡単に書くことができ、 JavaScript や他の技術と組み合わせることで、より柔軟で強力なものになります。
-- JavaScript
-  - : [JavaScript](/ja/docs/Web/JavaScript) には、アニメーションをはじめとしたあらゆる種類のインタラクティブ機能を実現する機能があります。他の技術と組み合わせることで非常に強力な機能を発揮しますが、その複雑さが開発者以外の人には障害となります。
-- SVG
-  - : [SVG](/ja/docs/Web/SVG)は、[HTML](/ja/docs/Web/HTML)/[CSS](/ja/docs/Web/CSS)と同様に、 JavaScript で操作することができます。ですから、インタラクティブ性を持たせることは難しくありません。また、 SVG に直接リンクを貼ることもできますし、[SMIL](/ja/docs/Web/SVG/SVG_animation_with_SMIL) (Synchronized Multimedia Intergration Language) を使ってアニメーションを作成することもできます。
-- WebGL/Canvas
-
-  - : HTMLの \<canvas> 要素を使って、インタラクティブなグラフィックを描くためのキャンバスを作成し、 Canvas API を使って図形や線を作成したり、画像ファイルを読み込んだり、テキストを作成したり、合成操作を行ったりすることができます。そして、標準的な JavaScript を使用して、画像出力のアニメーションなどを行うことができます。通常の 2D Canvas コンテキストを使用して 2D 画像を作成することも、より新しい [WebGL API](/ja/docs/Web/API/WebGL_API) を使用して 3D 画像を作成することもできます。
-
-    キャンバスは非常に強力ですが、注意して使用する必要があります。ゲームのビジュアルや複雑なデータの視覚化には適していますが、標準的なユーザーインターフェース要素にはあまり効率的ではありません。また、キャンバスは単なるラスター画像なので、その中で作成されたテキストにはアクセスできず、さらに拡大にも向いていません。
diff --git a/files/ja/web/progressive_web_apps/responsive/mobile_first/index.md b/files/ja/web/progressive_web_apps/responsive/mobile_first/index.md
deleted file mode 100644
index 4ee2906d6be29a..00000000000000
--- a/files/ja/web/progressive_web_apps/responsive/mobile_first/index.md
+++ /dev/null
@@ -1,287 +0,0 @@
----
-title: モバイルファースト
-slug: Web/Progressive_web_apps/Responsive/Mobile_first
----
-
-この記事では、**モバイルファースト**の原則に従ったウェブサイトのレイアウトを実装するためのガイドを提供します。これは、既定の構成が狭い画面/モバイル端末用であり、広いビューポート用のレイアウト機能がその上に重ねられているレイアウトを作成することを意味します。
-
-## 最初にやるべきこと - モバイルを既定に
-
-私たちはデスク先頭サイトに慣れ親しんでいるので、モバイルでの使い勝手を重視することは無意味だと思うかもしれません。そのためには、デスク先頭とモバイルの両方で、あらゆる機能を考慮した上で、より単純で合理的なモバイル体験を提供する必要があります。しかし、私たちの経験では、モバイルファーストとは、モバイルの実装を既定のレイヤーとしてその上に構築することなのです。
-
-企画段階では、全体的な体験を考慮し、どのような機能をモバイルやデスク先頭などで同時に提供するか、またそれらをどのように実装するかを検討します。そして実装段階では、モバイルのレイアウトと機能を既定の構成として提示し、必要に応じてその上に追加情報をロードします。これにより、モバイル（多くの場合、メモリー、帯域、処理能力が最も低い対象端末）に、できるだけ早く、できるだけ余計な情報を排除して、その端末に適した体験を提供することができます。例えば、以下のようなことです。
-
-- ビューポートの大きさなどに応じて異なる整形・レイアウト情報を提供している場合、デスク先頭／広い画面用の整形を最初に設定するのではなく、メディアクエリーが適用される前に狭い画面／モバイル用の整形を既定の整形として設定する方が理にかなっています。こうすることで、モバイル端末が資産やその他の情報を再び読み込む必要がなくなります。
-- 機能検出や [matchMedia](/ja/docs/Web/API/Window/matchMedia) のような仕組みを使って、ビューポートの大きさや機能の対応状況などに応じてスクリプト機能を条件付きで読み込む場合は、ほとんどすべてのブラウザーが必要とする基本的なものだけを最初にロードし、その後、食物連鎖の上位にあるブラウザーを徐々に強化していくべきです。
-
-> **メモ:** ほとんど何もせずに始めて、必要に応じて作業を進めていく方が、すべてを始めて必要のないものを蓋をしていくよりも、通常は理にかなっています。
-
-## モバイルの制約
-
-すでに述べたように、モバイルは他の端末に比べて一般的にメモリー、処理能力、帯域幅が少なく（スマートテレビも一般的にかなり低消費電力であることに留意してください）、利用可能なビューポートも小さくなります。したがって、コンテンツを複数のビューに分割し、モバイル用アプリケーションの各ビューのインターフェイスとコンテンツをできる限り簡素化することに加えて、影、アニメーション、グラデーションなどの視覚効果を含めないことも良いアイデアです。特に、モバイルでアプリケーションを実行したときにパフォーマンスが低下したり、ラグが発生したりする場合には、少なくとも選択肢の一つとして検討すべきでしょう。
-
-### 制御機構
-
-制御機構もまた、モバイル機器の大きな制約となっています。モバイル端末でフォームにデータを入力しようとしたことがある人や、複雑なサイトを操作したことがある人は、このことをよく知っています。そのため、モバイル端末では、可能な限り各ビューを単一の単純な目的のために切り詰め、ユーザーに期待される入力の量を減らすなど、物事を単純化するように努めるべきです。後者は、モバイルユーザーだけでなく、デスク先頭ユーザーにも喜ばれるでしょう。
-
-### 使用する場面
-
-さらに、モバイル機器がどのような場面で使われるのか、ユーザーがモバイルでどのような作業をしたいと考えているのかを考慮する必要があります。いくつかの場所で目にする言葉に「目玉一つ、親指一本」というものがありますが、これはユーザーがどれだけ注意を払っているかを意味しています。もちろん、ユーザーは自分がしていることに集中しているはずですが、照明の悪い車の中や、テレビで放送されているスポーツを背景にした騒がしいバーの中にいる可能性もあるのです。この点を考慮し、コンテンツや機能が単純で読みやすく、できる限り気が散らないようにする必要があります。
-
-### モバイルナビゲーション
-
-モバイルアプリのレイアウトを開発する際、ナビゲーションメニューの問題に直面することがよくあります。ユーザーが検索したり、アプリケーションの別のビューやページに移動するための仕組みを提供するという概念は、対象となる端末に関係なく同じです。しかし、モバイルの画面はとても小さいため、デスク先頭用の合理的なナビゲーションは、アプリの最初のビューのほとんどを埋め尽くし、コンテンツを覆い隠してしまうことで、使い勝手を台無しにしてしまいます。
-
-モバイルでナビゲーションが邪魔になるという問題を解決する方法はいくつかありますが、ここではそのうちのいくつかをご紹介します。主な目的は、コンテンツを優先し、ユーザーが本当に必要とするまでナビゲーションを隠すことです。
-
-まず、モバイルでは別のナビゲーションの仕組みを考えることができます。例えば、デスク先頭で縦型のナビゲーションメニューを用意していた場合、モバイルではこれをオプションを含むセレクトメニューに変更したり、ボタンを押すとナビゲーションオプションが重ねて表示されるようにしたりすることができます。
-
-2 つ目は、ナビゲーションメニューを通常の上部ではなく、ページの下部に配置するという一般的なオプションです。これにより、コンテンツがページの一番上に表示され、ユーザーがページの最後に到達したときに、次にどこに行けばいいのかを示す道しるべとなります。
-
-3 つ目は、この 2 つを組み合わせることです。ページ上部にボタンを 1 つ設置し、ページ下部のナビメニューのアンカーにリンクさせてみてはいかがでしょうか。そして、記事の先頭に戻るためのリンクを提供することもできます。
-
-## 条件付きのリソースの読み込み
-
-レスポンシブ／アダプティブデザインを実際に実装するには、リソースの読み込みをある程度の条件付で行う必要があります。これは、様々な端末が必要のない多くのリソースの負担を負うことなく、最適な操作感を得られるようにするためです。詳しくは以下をご覧ください。
-
-## 単純な例
-
-この記事で紹介したい概念を示すために、ナビメニュー、見出し、1 列のテキストを含むとても単純なアプリを作成しました。私の[モバイルファーストの実例](https://chrisdavidmills.github.io/good-read/www/)をご覧になるか、 [Github で一緒に遊ぶ](https://github.com/chrisdavidmills/good-read)ためのコードを入手することができます。この単純な例を作るために、 [Mozilla Mortar](https://github.com/mozilla/mortar) のテンプレートからサンプルアプリの構造を作成しました。コマンドラインで次のように実行して、 Volo 自動化ツールをインストールしました。
-
-```bash
-sudo npm install -g volo
-```
-
-(まだないのであれば、 [Node.js も入手](https://nodejs.org/download/)する必要があります)
-
-サンプルプロジェクトを作成するにはこのようにします。
-
-```bash
-volo create myapp mozilla/mortar-app-stub
-```
-
-これにより、 myapp というディレクトリー内にサンプルプロジェクトが作成されます。アプリのコードファイルは www フォルダー内にあります。 Volo には便利なコマンドがたくさんありますが、ここではそのうちのいくつかをご紹介します。
-
-- `volo server`: localhost:8080 にローカルのウェブサーバーを起動し、アプリを実行します。これは簡単なテストに最適です。
-- `volo build`: アプリの最小化されたコードの版を、 www-built フォルダーにビルドします。
-- `volo build base=www-built`: 開発バージョンではなく、ビルドされたバージョンをサーバーで実行します。
-
-### Mortar テンプレートの組み込み機能
-
-Mortar のテンプレートには、さまざまな機能が組み込まれています。今回のサンプルアプリでは、いくつかの組み込み機能を使ってみました。
-
-- Firefox OS、Firefox Aurora、Chrome、iOS アプリのインストールに対応したインストールボタンを搭載しています（[GitHub の Install ページ](https://github.com/wavysandbox/install/blob/master/README.md)で説明しています）。インストールボタンを動作させるには、ページ上に `<button>` を ID を `install-btn` にして配置するだけでよいのです。マジックですね。
-- メディアクエリーや機能テストに応じて、JavaScript ライブラリーを選択的にインクルードする ([require.js](https://requirejs.org/)が組み込まれているので、便利でとても使いやすいです)。
-
-### HTML の構造
-
-このアプリの例では、 HTML 構造はとてもシンプルなものにします。見出し、ナビゲーションメニュー、そして狭い画面の端末では記事がとても長くなってしまうという事実を強調するためのフィラーテキストを入れているだけです。 HTML は以下のようになります。
-
-```html
-<article>
-  <nav>
-    <ul>
-      <li><a href="#">Home</a></li>
-      <li><a href="#">Articles</a></li>
-      <li><a href="#">Videos</a></li>
-      <li><a href="#">Work</a></li>
-      <li><a href="#">About</a></li>
-      <li><a href="#">Contact</a></li>
-    </ul>
-  </nav>
-
-  <header>
-    <a id="top" href="#bottom">Jump to menu</a>
-    <h1>My article</h1>
-  </header>
-
-  <div class="main">
-    <p>Lorem ipsum … </p>
-    <a id="bottom" href="#top">Back to top</a>
-  </div>
-
-</article>
-
-<button id="install-btn">Install</button>
-```
-
-### 既定のモバイル CSS
-
-CSS については、まず app.css スタイルシートにいくつかのスタイルを追加して、合理的な狭い画面用のレイアウトを実現しました。ここではほとんど何もしていません。 CSS の基本的な知識があれば、 app.css のソースコードを見るだけで、ほとんどのことが理解できるはずです。特に注目すべき点は以下の通りです。
-
-```css
-article {
-  display: table;
-}
-
-nav {
-  display: table-caption;
-  caption-side: bottom;
-}
-```
-
-これは、ナビゲーションメニューがソース順では一番上にあるにもかかわらず、一番下に表示させるために使える、ちょっと素敵なハックの CSS です。これは IE8 以上で動作します。 `display: table` は、`<article>` とその子を、テーブルマークアップを使用せずに、テーブルレイアウトで表示します。 `display: table-caption` は `<nav>` 要素をテーブルのキャプションだと思わせ、 `caption-side: bottom` はテーブルの一番下までジャンプさせます。
-
-しかし、このテクニックについて一つ注意があります。 `display: table` が設定されている要素では、位置指定が期待通りに行われません。このマークアップには 2 つのリンクが含まれています。
-
-```html
-<a id="top" href="#bottom">Jump to menu</a>
-
-…
-
-<a id="bottom" href="#top">Back to top</a>
-```
-
-最初のものは、記事の先頭からナビゲーションメニューにジャンプダウンするもので、 2 番目のものは、再び記事の先頭にジャンプアップするものです。これらが `<article>` の直接の子ではないことを確認しなければなりませんでした。そうでなければ次のように動作しません。
-
-```css
-#bottom, #top {
-  font-size: 0.8em;
-  position:absolute;
-  right: 1em;
-  text-decoration: none;
-}
-
-#top {
-  color: white;
-  top: 0.5em;
-}
-
-#bottom {
-  bottom: 0.5em;
-}
-```
-
-また、親を相対的に配置するように設定し、絶対的に配置された要素の配置コンテキストになるようにしました（`<body>` 要素に対して相対的に配置されないようにします）。
-
-### モバイルファーストレイアウトの追加
-
-上記のレイアウトは、幅の狭いレイアウトでは問題ありませんが、幅が 480px 程度以上になると、あまりうまくいきません。デスクトップに適したものを作るために、以下のようなメディアクエリーを入れました。
-
-```css
-@media (min-width: 480px) {
-  #bottom, #top {
-    display: none;
-  }
-
-  article, nav {
-    display: block;
-  }
-
-  nav ul {
-    text-align: center;
-  }
-
-  nav li {
-    display: inline;
-  }
-
-  nav li a {
-    border-right: 1px solid #AD66D5;
-    border-bottom: none;
-    display: inline-block;
-    padding: 0 5px;
-    font-size: 1.6em;
-  }
-
-  nav li:last-child a {
-    border-right: none;
-  }
-
-}
-
-@media (min-width: 600px) {
-  html {
-    background: #eee;
-    height: 100%;
-  }
-
-  body {
-    width: 600px;
-    height: inherit;
-    margin: 0 auto;
-    background: url(../img/firefox-os.png) bottom left no-repeat, linear-gradient(to bottom, #fff, #eee);
-  }
-
-  .main > p {
-    background: rgba(255,255,255,0.3);
-  }
-
-  nav li a {
-    padding: 0 10px;
-    font-size: 2em;
-  }
-}
-```
-
-最初のものは、 CSS の `display: table` の動作を無効にし、ナビゲーションへのジャンプやナビゲーションからのジャンプのためのリンクは、広いレイアウトではもう必要ないので非表示にし、垂直メニューを水平メニューに変更して、利用可能な水平スペースを有効に利用しています。
-
-2 つ目は、コンテンツの幅を 600px に設定し、空いているスペースの中央に配置し、広いレイアウトのためにグラデーションと素敵な背景画像を追加しています。ここがポイントです。背景画像は 126KB あり、幅の狭いレイアウトには適していません。この画像を「600 ピクセル以上」のメディアクエリーに含めることで、狭い画面の端末はメディアクエリーを読まなくなるので、その画像をダウンロードするために時間と帯域幅を無駄にすることがなくなります。
-
-> **メモ:** Firefox のレスポンシブデザインビューは、メディアクエリーがどのように動作しているかを簡単に把握するのに最適な方法です。ツール → ウェブ開発ツール → レスポンシブデザインビューで試してみてください。
-
-### 機能検出
-
-機能検出とは、あるブラウザーが特定の機能に対応しているかどうかを（通常は JavaScript で）テストし、その状況に合わせて CSS や JavaScript を提供することです。これはモバイルファーストの場合に非常に便利です。「モバイル版」ではコードを隠し、「デスクトップ版」でのみコードを入れたい場合や、その逆の場合もあるでしょう。
-
-独自の機能検出を書くこともできますが（Mark Pilgrim氏の [All-In-One Almost-Alphabetical Guide to Detecting Everything](http://diveintohtml5.info/everything.html) が良いスタートとなります）、実際には [Modernizr](https://modernizr.com/) のような既存の専用ソリューションを使用する方がはるかに良いでしょう。 Modernizr は、ほぼすべての機能（CSS、HTML5、その他いくつかの機能）の検出が含まれているだけでなく、信頼性が高く、 [Modernizr Download Builder](https://modernizr.com/download/) を使用して、必要な機能の検出のみを含む独自のカスタムバージョンを作成することができるので、良い選択です。圧縮されていない完全な Modernizr ライブラリーは 42KB ですが、このデモで使用しているバージョンはわずか 8KB です。
-
-私は Modernizr を `js/lib` ディレクトリーに置き、 HTML ファイルの中に次のような構造を入れて、 Modernizr をインクルードしました。
-
-```js
-<script type="text/javascript" src="js/lib/modernizr.js"></script>
-```
-
-Modernizr を導入すると、次の JS ブロックを使ってメディアクエリーに対応しているかどうかを検査し、対応していない場合は、Scott Jehl 氏の `matchMedia` とメディアクエリーのポリフィルである [respond.js](https://github.com/scottjehl/Respond) を読み込むようにすることができます。
-
-```java
-if(!Modernizr.mq('only all')) {
-  require('respond');
-}
-```
-
-また、`matchMedia`は他にも様々な場面で活躍します。例えば、デスクトップ版のサイトでは Three のような WebGL ライブラリを必要とする WebGL チャートを掲載したいが、モバイル版には掲載したくないとします。画面の広い端末の場合にのみライブラリーを読み込むブロックを作ることができます。
-
-```java
-if(window.matchMedia("(min-width: 481px)").matches) {
-  require('three');
-}
-```
-
-そのため、必要のないブラウザーでは帯域を節約することができます。
-
-#### Modernizr の CSS と JS
-
-Modernizr に戻ります。便利なのは、CSS と JavaScript の両方を選択的に提供する仕組みを提供しているからです。 Modernizr は、すべての機能テストの結果を HTML 要素のクラスとして保存しています。例えば、サンプルアプリの Modernizr では、複数の背景画像と rgba の対応状況を検査しています。対応していない場合、`<html>`タグは次のようになります。
-
-```html
-<html class=" js no-rgba no-multiplebgs">
-```
-
-存在する場合、子孫セレクターを使用して、適切な代替手段を提供するために、代替のスタイル付けルールを提供することができます。以下のコードを参照してください。
-
-```css
-.no-multiplebgs body {
-  background: white;
-}
-
-.no-rgba .main > p {
-  background: white;
-}
-```
-
-これは非常に美しいものではありませんが、これらの機能のいずれかまたは両方に対応していないブラウザーで、メインコンテンツ領域をより読みやすくします。
-
-また、 Modernizr は機能検出の結果を JavaScript の `Modenizr` オブジェクトに格納するので、機能の対応状況に応じて選択的に JavaScript コードを実行することができます。たとえば、次のようになります。
-
-```js
-if(Modernizr.rgba) {
-
-  // RGBA カラーに対応していることに依存するコードを実行します。
-
-}
-```
-
-## Google 検索とモバイル優先
-
-2015 年 4 月 21 日以降、 Google のアルゴリズムでは、モバイル端末からの検索において、モバイル端末でよく表示されるページが、そうでないページよりも優先的に表示されるようになりました。
diff --git a/files/ja/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.md b/files/ja/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.md
deleted file mode 100644
index 022a0133059ec4..00000000000000
--- a/files/ja/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.md
+++ /dev/null
@@ -1,438 +0,0 @@
----
-title: レスポンシブデザインの構成要素
-slug: Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
----
-
-この記事では、レスポンシブデザインの主な基本要素について説明し、必要に応じてさらなる情報へのリンクを紹介します。
-
-ウェブ開発者にとって、サイトにアクセスするブラウザーや端末に応じてユーザーインターフェイスを変化させ、使い勝手を最適にするウェブサイトやアプリを作成することは、かなり一般的になっています。そのためには、プラットフォームやブラウザーごとに異なるバージョンのサイトやアプリを作成し、どのブラウザーやプラットフォームからサイトが見られているかを検知した上で、適切なサービスを提供するという方法があります。しかし、これはどんどん非効率的になりあｍす。ブラウザーを検知させることは、本質的にエラーが発生しやすく、コードの複数のコピーを維持することは悪夢のような作業になりかねません。
-
-通常は、サイトにアクセスするブラウザーやプラットフォームを気にせず、機能テストを用いてブラウザーがサポートするコード機能や特定のブラウザー機能の値を調べ、適切にコードを調整する単一バージョンのコードを作成する方がはるかに優れています。これを「レスポンシブデザイン」または「アダプティブデザイン」と呼んでいます。これらは関連していますが異なるアプローチです。この 2 つのアプローチの違いについては、[レスポンシブデザインとアダプティブデザイン](/ja/docs/Web/Apps/app_layout/Responsive_design_versus_adaptive_design)を参照してください。
-
-こちらの方が、より信頼性が高く、保守性も高く、将来性もあります。新しいブラウザーやプラットフォームの登場に合わせてサイトのバージョンを上げたり、既存のブラウザーの機能サポートの変更に合わせてコードを調整しなければならないという状況に陥ることもありません。
-
-この方法にはデメリットもあります。コンテンツやレイアウト、機能を端末ごとに大きく変える必要がある場合は、あまり良い方法ではないかもしれません。また、既存のサイトにレスポンシブデザインを追加してモバイル/タブレットに対応させると、個別にモバイルサイトやアプリを作成するよりもはるかに手間がかかる場合もあります。詳しくは[レスポンシブデザインのメリット・デメリット](/ja/docs/Web/Progressive_web_apps)を参照してください。
-
-> **メモ:** もっと背景の情報と基本について知りたいのであれば、[レスポンシブデザイン](/ja/docs/Web/Progressive_web_apps)の基本についての解説を参照してください。
-
-## 流動グリッド
-
-まずは、アプリケーションのレイアウトを流動的にすることから始めましょう。基本的には、ピクセルなどの固定幅ではなく、パーセント値や em/rem を組み合わせてコンテナーやテキストの寸法を決めることです。これには、さまざまなビューポートの大きさに合わせてレイアウトを変更できるという、多くの利点があります。例を見てみましょう。
-
-このアプリケーションは、ウェブカメラからビデオストリームを取得し（{{domxref("navigator.getUserMedia", "getUserMedia()")}} を使用）、そのビデオストリームから静止画をキャプチャして（HTML5 {{HTMLElement("canvas")}} を使用）、ギャラリーに保存します。その後、以前に撮影した画像を表示したり、削除したりすることができます。機能については他の記事で詳しく説明しますが、ここではレイアウトに注目します。
-
-> **メモ:** [Snapshot app on Github](https://github.com/chrisdavidmills/snapshot) では、 [Snapshot app] が公開されています。コードをチェックして、改善に役立ててください。また、 [Snapshot のライブ実行](https://chrisdavidmills.github.io/snapshot/)もご覧いただけます。なお、 `getUserMedia()` は実験的な技術であり、現在は Google Chrome と Firefox デスクトップでしか動作しません。将来的には、より多くの機能を追加したり、 Snapshot のスタイルを整理したりする予定です。
-
-Snapshot のデスクトップレイアウトは 3 列で、それぞれカメラビューアー、画像キャプチャビュー、ギャラリーが配置されています。
-
-![](desktop-layout.png)
-
-マークアップは次の通りです。
-
-```html
-<x-deck selected-index="0">
-  <x-card>
-    …
-  </x-card>
-  <x-card>
-    …
-  </x-card>
-  <x-card>
-    …
-  </x-card>
-</x-deck>
-```
-
-> **メモ:** この x- で始まる要素は見慣れないかもしれませんが、 Mozilla のモバイルウェブアプリ用 UI 要素ライブラリである [Brick](https://mozbrick.github.io/) の一部です。私たちは Brick を使って Snapshot のモバイルレイアウトを作成しましたが、その詳細については後述します。
-
-並んで配置するために、以下のルールを採用しました。
-
-```css
-x-card {
-  width: 100%;
-}
-
-x-card:nth-child(1), x-card:nth-child(2) {
-  width: 30%;
-  float: left;
-  padding: 2rem;
-}
-
-x-card:nth-child(3) {
-  width: 40%;
-  float: left;
-  height: 100%;
-  overflow: auto;
-  padding: 2rem;
-}
-```
-
-そこで、最初の 2 列の {{cssxref("width")}} を `30%` とし、3 列目の `width` を `40%` にして、すべての列を左に浮動させています。このようにすると横に並んだ状態になり、ブラウザーのウィンドウの大きさが変わっても、その比率は変わりません。これは簡単なグリッドの例ですが、必要に応じてこの原理をより複雑なグリッドレイアウトに応用することができます。
-
-### 寸法を border-box とする
-
-すべての要素の {{cssxref("box-sizing")}} を `border-box` に設定しているため、パディングを設定してもコンテナーの幅や高さに影響しません。
-
-```css
-*, *:before, *:after {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-```
-
-これは基本的に、 {{cssxref("width")}} および {{cssxref("height")}} がコンテンツだけでなく、境界を含む要素全体の寸法を設定することを意味します。ですから、 `width: 40%` と設定すると、ボックスの幅は常に親の `40%` となり、 {{cssxref("padding")}} と {{cssxref("border")}} の幅がコンテンツの幅に追加されるのではなく、差し引かれることになります。とても便利ですね。詳しくは、 [\* { Box-sizing: Border-box } FTW](https://www.paulirish.com/2012/box-sizing-border-box-ftw/) (Paul Irish) を参照してください。
-
-## 柔軟な置換要素
-
-現在はかなりうまくいっていますが、まだいくつかの問題が残っています。まず最初に、 {{HTMLElement("video")}} と {{HTMLElement("img")}} 要素を、裸でスタイルのない最初の 2 つの列の中に入れるとどうなるかを見てみましょう。
-
-![](broken-images.png)
-
-置換要素の大きさは、その要素に挿入されたメディアの大きさによって決まり、メディアの大きさは固定されているため、置換要素は包含要素からはみ出し、レイアウトを乱してしまいます。これは非常に恐ろしいことですが、一般的にこの種の問題は簡単な CSS で簡単に解決できます。
-
-```css
-img, video {
-  max-width: 100%;
-}
-```
-
-これにより、置換要素は、何があってもコンテナーの幅に収まるようになります。ただし、コンテナーの幅に満たない場合は、コンテナーを埋めるために伸長されることはありません。スナップショットの例では、若干異なるコードになりました。
-
-```css
-x-card:nth-child(1) video, x-card:nth-child(2) img {
-  width: 100%;
-    …
-}
-```
-
-これは {{cssxref("max-width")}} とは微妙に異なりますが、重要な違いです。つまり、常に同じ大きさになるようにしたいのです。動画は常に動的にリサイズされますが、そこから撮影された画面キャプチャはリサイズされません。そのため、 `max-width: 100%` を使用すると画面のリサイズ時に、次のように異なる大きさの要素を含む厄介なレイアウトになってしまう可能性がありました。
-
-![](broken-max-width-layout.png)
-
-## メディアクエリー
-
-流動グリッドは素晴らしいスタートですが、特定のポイント（ブレイクポイントと呼ばれる）でレイアウトが崩れ始めることに気づくでしょう。これらのポイントでは、レイアウトの問題を修正するためにレイアウトを変更したいと思うでしょうが、これはメディアクエリーを使って行うことができます。
-
-> **メモ:** メディアクエリーとは、 CSS3 の機能の一つで、メディア特性の検査結果に応じて CSS を選択的に適用することができるものです。基本的なことについては、[メディアクエリー](/ja/docs/Web/CSS/Media_Queries/Using_media_queries)を参照してください。
-
-### 典型的なデスクトップレイアウト
-
-今回の例では、すでに見たようにデスクトップレイアウトを採用しています。これは、スタイルシートの先頭に含まれる CSS ルールを使って作成されており、メディアクエリーが発生する前に作成されています。
-
-![](desktop-layout.png)
-
-### 中間の幅のレイアウト
-
-タブレットや狭いノートパソコンの画面でも動作するように、中間の幅のレイアウトも用意します。これは、最初のメディアクエリー内のすべての CSS によって作成されています。
-
-```css
-@media all and (max-width: 1024px) {
-  x-card:nth-child(1), x-card:nth-child(2) {
-    width: 50%;
-  }
-
-  x-card:nth-child(3) {
-    width: 100%;
-    clear: left;
-  }
-
-  x-card:nth-child(3) img {
-    width: 20%;
-  }
-}
-```
-
-ここでは、列の幅を変更し、 3 列目の浮動を削除しています（浮動のおかしな動きを防ぐためにクリアを追加しています）。また、3 つ目のコンテナー（もはやカラムではなく、これはギャラリーです）内の画像の幅を変更し、1 行に 5 枚の画像を表示するようにしました（以前は 1 行に 3 枚でした）。
-
-![](middle-layout.png)
-
-### 狭い画面／モバイルのレイアウト
-
-続いて、モバイルアプリやオープンウェブアプリに適した狭い画面のレイアウトです。これは複数のパーツで構成されています。まず、予想通り、メインの CSS にメディアクエリーがあります。これはかなり重いので、部分的に見ていきましょう。
-
-```css
-@media all and (max-width: 480px) {
-  x-card:nth-child(1), x-card:nth-child(2), x-card:nth-child(3) {
-    width: 100%;
-    float: none;
-    padding: 0;
-  }
-
-  button {
-    margin-top: 0;
-    border-radius: 0;
-  }
-
-  x-card:nth-child(1) video, x-card:nth-child(2) img {
-    border-radius: 0px;
-    border: none;
-    padding: 0;
-    background-color: 0;
-  }
-```
-
-この最初のブロックでは、モバイルアプリでは必要のなかった広い画面のレイアウトのさまざまな項目がリセットされています。
-
-```css
-  x-card:nth-child(1) video, x-card:nth-child(2) img, x-card:nth-child(3) {
-    margin-top: 17.5vw;
-  }
-
-  x-card:nth-child(1) button, x-card:nth-child(2) button {
-    position: absolute;
-    bottom: 0;
-  }
-
-  x-card:nth-child(2) button:nth-of-type(2) {
-    bottom: 5.9rem;
-  }
-
-  x-card:nth-child(1) button {
-    font-size: 7vw;
-  }
-
-  x-card:nth-child(2) button {
-    font-size: 7vw;
-  }
-```
-
-次のルールでは、最初の 2 枚のカード内のボタンの大きさを調整し、すべてのカードのコンテンツに上の余白を与えて、ナビゲーションボタンの下にコンテンツが隠れてしまわないようにしています（以下参照）。これは、 Mozilla Brick （下記参照)）がコンポーネントを画面の幅と高さの 100% にすることを強制するために必要でした。これらに `vw` (viewport width) の単位を使用しました。 `1vw` はビューポート幅の 1% に相当します。これにより、ビューポート幅に合わせて寸法がうまく拡大縮小されます。このセクションの最後に、すべてのボタンをカードの下部に配置することで、さまざまなビューポートの大きさでもレイアウトが問題なく表示されるようにしました。さらに、カードの第 2 ボタンを、ボタンの幅分だけ上に配置するルールを追加しました。ギャラリーで画像をクリックすると、カードの削除やキャンセルのオプションが表示されますが、 2 つのボタンを重ねて配置したくありません。
-
-```css
-x-card:nth-child(3) img {
-  width: 50%;
-}
-```
-
-このルールにより、ギャラリー画像の幅が変更され、 1 行に 2 枚の画像が表示されるようになりました。
-
-```css
-  nav {
-    width: 100%;
-    position: absolute;
-    z-index: 1000;
-
-    display: -webkit-flex;
-    display: -moz-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-
-  nav button {
-    font-size: 6.8vw;
-
-    -webkit-flex: 1;
-    -moz-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-
-    border-left: 1px solid rgba(100,100,100,0.4);
-  }
-
-  nav button:first-child {
-    border-left: 0;
-  }
-}
-```
-
-この最後のルールでは、 {{HTMLElement("nav")}} の表示値を `flex` に変更して表示させます（他のビューでは必要ないため、スタイルシートの先頭にある既定の CSS では `none` に設定されていました）。次に、絶対配置指定と {{cssxref("z-index")}} を使用して、文書フローの中で空間を取らないようにして、 x カードの上に配置します（x カードに上端マージンを与えたのはこのためです）。
-
-次に、ボタンの `font-size` を `6.8vw` に設定しています。なぜでしょう？それは、先ほど x カードのトップマージンを `17vw` に設定したからです。アプリ内のすべてのボタンは、スタイルシートの一番上にある既定の CSS で、 `line-height` が 2.5 に設定されています（信じられない方は確認してみてください）。そして、 6.8 x 2.5 = 17 です。
-
-最後に`flex: 1;`を使って、ボタンが常に同じ割合でライン上に配置されるようにしています。それでは、下の画像のようなモバイルレイアウトを見てみましょう。
-
-![モバイルアプリ表示用の 1 列レイアウトで、カード間を移動するための 3 つのボタン、画像ビューアー、ボタンには「Save Picture」ボタンを配置しています。](mobile-layout.png)しかし、このモバイルアプリのレイアウトには、まだまだ仕掛けがあります。前述したように、モバイルアプリのレイアウトには、すぐに使えるモバイル UI コンポーネントの集合体である [Mozilla Brick](https://mozilla.github.io/brick/) を使用しました。特に、 [deck](https://mozilla.github.io/brick/docs.html#deck) コンポーネントは、ボタンが押されたときにカードの間に素敵なトランジション効果を与えるために使用しました。 Brick の使い方については、 [Mozilla Brick: ready made UI components](/ja/docs/Web/Apps/app_layout/Mozilla_Brick_ready_made_UI_components) をご覧ください。
-
-今回の記事に関連するのは、モバイルアプリのビューを見るとき以外は、 Brick CSS と JavaScript ファイルをマークアップに適用しないようにしたことです。これを実現するために、ブリック CSS を `media` 属性を持つ別の {{HTMLElement("link")}} 要素を使ってページに適用しました。
-
-```html
-<link href="dist/brick.css" type="text/css" rel="stylesheet" media="all and (max-width: 480px)">
-```
-
-これは、ビューポート幅が 480px 以下でないと、スタイルシート全体が HTML にリンクされないというものです。 JavaScript の話に移りますが、 {{HTMLElement("script")}} 要素は `media` 属性を受け付けないので、別の方法で行う必要がありました。幸いなことに、{{domxref("window.matchMedia()")}}という JavaScript の構造があり、メディアクエリーが `true` を返すかどうかに応じて、条件付きで JavaScript の構造を実行することができます。そこで、 `brick.js` ファイルを開き、全体を以下のようにまとめました。
-
-```js
-if (window.matchMedia("(max-width: 480px)").matches) {
-  // The whole of brick.js goes here!
-}
-```
-
-これにより、ビューポートの幅が 480px 以下でないと、 `brick.js` ファイル内の何も実行されません。問題は解決しました。
-
-### 本当に広い画面
-
-ひとつ気になるのは、ビューポートが（シネマディスプレイのように）非常に広くなると、レイアウトの幅が広がらなくなり、利用可能な空間の中央に配置されるということです。これを実現するのはとても簡単です。 `min-width` のメディアクエリーを使って、 {{HTMLElement("body")}} の幅をある一定の位置で固定することができます。
-
-```css
-@media all and (min-width: 1400px) {
-  body {
-    width: 1400px;
-    margin: 0 auto;
-  }
-}
-```
-
-しかし、実際には、代わりに次のルールを設定して、メディアクエリーを完全に削除する方が簡単です。
-
-```css
-body {
-  max-width: 1400px;
-  margin: 0 auto;
-}
-```
-
-### 向きの不具合
-
-モバイルアプリのレイアウトは縦向きに設計されているため、横向きの端末で見るとひどいことになっていました。この問題を解決するために、メディアクエリーを追加しました。このメディアクエリーは、デバイスが横向きに表示されているときにのみ、その内容をマークアップに適用します。
-
-```css
-@media all and (max-width: 480px) and (orientation: landscape) {
-  nav {
-    width: auto;
-
-    -webkit-flex-direction: column;
-    -moz-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-  }
-
-  nav button {
-    font-size: 6.8vh;
-  }
-
-  nav button {
-    border-left: 0;
-  }
-
-  x-card:nth-child(1) video, x-card:nth-child(2) img, x-card:nth-child(3) {
-    margin-top: 0;
-  }
-
-  x-card:nth-child(1) button, x-card:nth-child(2) button {
-    font-size: 2rem;
-  }
-}
-```
-
-これは以下のことを行います。
-
-- ナビボタンを調整し、フレックスボックスのレイアウト方向を変更し、フォントサイズと境界を変更して、水平方向ではなく垂直方向に配置します。
-- x-card のコンテンツから上部のマージンを削除し、横向きモードで画面の上部に見苦しい隙間ができないようにします。
-- 制御ボタン（_Take Picture_、_Delete Photo_ など）のサイズを変更し、大きすぎないようにして、画面に適切に収まるようにしました。
-
-その結果、以下のようなレイアウトになりました。
-
-![](viewport-fail-fixed.png)
-
-> **メモ:** 向きに関する別の解決策は、アプリの向きを縦か横に固定することです。インストールされたアプリで作業している場合は、[マニフェストの orientation フィールド](/ja/docs/Web/Apps/Build/Manifest#orientation)を使って簡単に行うことができます。一般的なウェブアプリで動作する解決策を求めるのであれば、 [Screen orientation API](/ja/docs/Web/API/CSS_Object_Model/Managing_screen_orientation#locking_the_screen_orientation) を使用したり、間違った方向を使用している場合にユーザーに画面の回転を求めるメッセージを表示したりすることができます（例えば、 `window.innerWidth` が `window.innerHeight` よりも大きい場合、ゲームが横向きモードであると仮定して、「回転してください」というメッセージを表示します）。
-
-## ビューポート
-
-このアプリの例で最後に挙げられる問題は、モバイルブラウザーとメディアクエリーに関するものです。このアプリの例をモバイルブラウザーで表示した場合、せっかくのモバイルレイアウトが表示されません。代わりに以下のような画像が表示されます。
-
-![](viewport-fail.png)これは本当に私たちが望んでいたものではないということに同意していただけると思いますが、なぜこのようなことが起こるのでしょうか？要するに、モバイルブラウザーは嘘をつきます。モバイルブラウザーは、ウェブページを本来のビューポートの幅で表示しません。代わりに、想定される高いビューポート幅（ノートパソコンの画面に近いもの）でページをレンダリングし、その結果をモバイル画面内に収まるように縮小して表示します。これは賢明な防御メカニズムです。メディアクエリーを使用していない旧来のサイトのほとんどは、例えば 320px や 480px の幅でレンダリングされるとひどい状態になります。しかし、これでは私たち責任あるウェブ開発者は、メディアクエリーを使って CSS に小さな画面のレイアウトを記述し、それをモバイル端末に表示させたいと思っても、どうにもなりません。
-
-このモバイルレンダリングの動作を上書きする方法として、 {{HTMLElement("meta")}} タグの形で HTML ページに挿入される viewport があります。この例では、 HTML の {{HTMLElement("head")}} に以下を追加してみましょう。
-
-```html
-<meta name="viewport" content="width=480">
-```
-
-これにより、ブラウザーはモバイルアプリのレイアウトを適切にレンダリングします。 `width=480` はブラウザーに「このマークアップを 480 ピクセル幅でレンダリングしてください」と伝え、その結果、メディアクエリーが適切に機能するようになります。 viewport meta タグには、他にも多くのオプションがあり、[viewport meta タグを使ってモバイルブラウザーでのレイアウトを制御する](/ja/docs/Mozilla/Mobile/Viewport_meta_tag)で紹介されています。
-
-> **メモ:** [device adaptation](https://dev.w3.org/csswg/css-device-adapt/) という仕様があり、同じ機能を CSS で、 `@viewport` アットルールを使用して定義しています。これはおそらく、そのような情報を置くのにより合理的な場所ですが、この仕様は viewport meta タグほど対応されていないので、今のところはそちらを使うべきでしょう。
-
-## レスポンシブな画像や動画
-
-また、最近増えているのが、画像や動画のウェイト（KB 単位のサイズ）と、画面上の画像の寸法をレスポンシブにすることです。デスクトップでもモバイルでも、画像はアプリの UI 内に収めたいものですが、モバイルアプリはデスクトップアプリに比べて利用可能なビューポートの寸法がはるかに小さいことも考慮する必要がありますので、モバイルデバイスにはより小さな画像をダウンロードさせるようにしなければなりません。また、一般的にモバイル端末は、デスクトップ端末に比べて帯域幅が狭く、使用できるメモリーも少ないため、キロバイト単位で増えることは影響が大きくなります。
-
-もうひとつの課題は、高解像度の画面への対応です。低解像度用にデザインされたラスターグラフィックは、高解像度の画面に表示されると小さく見えてしまう危険性があります。端末はこの問題を回避するために、レンダリングされたページに既定のズーム係数を適用します。この場合、問題となるのは、ラスター画像が拡大され、その結果、ピクセル化されたように表示されてしまうことです。
-
-### CSS 背景画像
-
-CSS の背景画像については、これはかなり簡単に解決できる問題です。[モバイルファースト](/ja/docs/Web/Progressive_web_apps/Responsive/Mobile_first)の手法を用いた場合、メディアクエリーが適用される前に、既定で CSS 内でモバイルレイアウトが作成されます。メディアクエリーは、ビューポートが一定の幅以上の場合にのみマークアップに適用される CSS を提供します。簡単な例を見てみましょう。
-
-```css
-header {
-  height: 300px;
-  width: 100%;
-  background: url(images/small-header.jpg) center;
-}
-
-@media all and (min-width: 480px) {
-  header {
-    background: url(images/large-header.jpg) center;
-  }
-}
-```
-
-これは、モバイルブラウザーがダウンロードするのはモバイル用の背景画像資産だけで、デスクトップ用のモバイル資産はダウンロードしないということです。また、次のように、解像度メディアクエリーを使用して、高解像度の端末により大きなグラフィックを提供することもできます。
-
-```css
-button {
-  background: url(images/low-res-header.jpg) 1rem center ;
-}
-
-@media only screen and (-webkit-min-device-pixel-ratio: 2),
-       only screen and ( min-resolution: 192dpi),
-       only screen and ( min-resolution: 2dppx) {
-  button {
-    background: url(images/high-res-header.jpg) 1rem center ;
-  }
-}
-```
-
-これはかなり複雑に見えますが、実際にはそうではありません。現時点では、ブラウザーごとに異なる解像度のメディアクエリーの種類や単位に対応しているため、いくつかのメディアクエリーオプションを提供しています。 Brett Jankord 氏が [Cross Browser Retina/High Resolution Media Queries](https://www.brettjankord.com/2012/11/28/cross-browser-retina-high-resolution-media-queries/) で良い説明をしています。
-
-### \<video>
-
-HTML5 の動画は、レスポンシブ対応の面でもかなり充実しています。必要であれば、 {{HTMLElement("source")}} 属性で複数の動画ファイルを指定し、それぞれにソースと MIME タイプを指定することもできます。
-
-```html
-<video controls>
-  <source src="videos/720/crystal720.mp4" type="video/mp4">
-  <source src="videos/720/crystal720.webm" type="video/webm">
-</video>
-```
-
-しかし、もう一歩踏み込むことができます。 `<source>` 要素の `media` 属性にメディアクエリーを指定することができます。ブラウザーで読み込まれる動画は、ブラウザーが対応しているフォーマットと、メディア検査の結果の両方に依存します。例を挙げます。
-
-```html
-<video controls>
-  <source src="videos/320/crystal320.mp4" type="video/mp4" media="all and (max-width: 480px)">
-  <source src="videos/320/crystal320.webm" type="video/webm" media="all and (max-width: 480px)">
-  <source src="videos/720/crystal720.mp4" type="video/mp4" media="all and (min-width: 481px)">
-  <source src="videos/720/crystal720.webm" type="video/webm" media="all and (min-width: 481px)">
-</video>
-```
-
-これにより、サイトは利用可能な空間に基づいて様々な動画ファイルを提供し、ユーザーの体験を最適化することができます。
-
-### \<img>
-
-HTML の画像はさらに難しい問題です。 HTML 画像には、ビューポートの大きさに応じて異なる画像ファイルを提供する仕組みがありません。また、ブラウザの動作には厄介な点がいくつもあるため、解決策を模索するのは想像以上に困難です。 W3C の [Responsive Images Community Group](https://www.w3.org/community/respimg/) はこの問題を何年も議論し、 [\<picture>](https://www.w3.org/TR/html-picture-element/) という要素にたどり着きました。この要素は {{HTMLElement("video")}} と同様のマークアップ構造を提供し、 {{HTMLElement("source")}} はメディアクエリーの結果で選択可能です。もう一つの提案、 [srcset](https://www.w3.org/html/wg/drafts/srcset/w3c-srcset/) は、アップル社によって提唱されたもので、若干異なるアプローチをとっています。その代わりに、 {{HTMLElement("img")}} のための新しい `srcset` 属性を提供し、その中に画像の参照を、ブラウザーがビューポートの大きさや解像度などを考慮して、どの画像を表示するのが最適かを判断するために使用できる「ヒント」とともに配置します。これらは相互に排他的であることを意図していません。
-
-これは良いことだと思います。どちらも標準化の初期段階にあり、ブラウザー間での対応もありません。現在のところ、様々なポリフィルやその他のソリューションに頼らざるを得ませんが、どれもすべての状況に対応できる完璧なものではありませんので、自分の特定の状況にどれが適しているかを判断する必要があります。利用可能なソリューションには以下のようなものがあります。
-
-- [HiSRC](https://github.com/teleject/hisrc)
-  - : [jQuery](https://jquery.com) のプラグインで、画像の小・中・大バージョンを作成し、ブラウザーの解像度や利用可能なネットワーク速度に応じて、適切なものを提供することができます。
-- [Mobify.js capturing](http://www.mobify.com/mobifyjs/v2/docs/capturing/)
-  - : Mozilla の非常に巧妙なテクニックで、ページが解析される前に、そのソースをキャプチャすることができます。これにより、ブラウザーの機能に応じて画像の `src` 値を JavaScript で置き換えることができ、ブラウザーの先読みの問題を回避することができます。これは有望ですが、古いブラウザーではあまりうまく機能しません。
-- [Picturefill](https://github.com/scottjehl/picturefill)
-  - : JavaScript ベースの `<picture>` のポリフィルで、うまく機能していますが、多くのカスタムマークアップが必要になります。
-- [Adaptive images](http://adaptive-images.com/)
-  - : サーバーサイドのソリューションで、ビューポートの大きさをクッキーに記録し、 PHP と `.htaccess` の組み合わせで画像を適切な大きさに変更します。これはマークアップやスクリプトを必要としませんが、いくつかの制限があります。
-
-### SVG およびその他のベクターグラフィック
-
-一部の画像要件（写真ではなく、アイコンやユーザーインターフェイス要素が適しています）では、ベクターグラフィックスを使用することが良い解決策となります。ベクター画像は、画像の各ピクセルに個別のデータが含まれているのではなく、数学的なアルゴリズムに基づいて計算されているため、ファイルサイズが小さくなる傾向があります。また、高解像度の端末でズームしたり表示したりした場合に、無限に拡張することができます（少なくとも理論上は）。また、モバイルアプリのパフォーマンスのもう一つの重要な要素である HTTP リクエストの数を抑えるためにも、いくつかの考えがあります。
-
-- [CSS3](/ja/docs/Web/CSS/CSS3) の機能を使って、画像ファイルに頼らず、可能な限りプログラムでグラフィック効果を生成するようにしましょう。これらの機能には、角丸、グラデーション、ドロップシャドウなどがあります。これらの機能は、解像度の変更やブラウザーのズームに合わせて拡張されます。 Internet Explorer 6-8 などの古いブラウザーではあまり対応されていませんが、最新の端末向けのインターフェイスを作成している場合はあまり気になりませんし、グレイスフルデグラデーションをする傾向があります。
-- [SVG](/ja/docs/Web/SVG) を使ってインターフェイス要素を作成することもできます。 SVG はベクターグラフィックスで、最近のブラウザーでは十分に対応されて、古いブラウザーの対応にはポリフィルが用意されています。
-- アイコンの表示に[ウェブフォント](/ja/docs/Web/CSS/@font-face)を使用すると、ファイルサイズと HTTP リクエストを抑えるための効果的であり、現在のブラウザーと古いブラウザーの両方で対応しています。
-
-## 関連情報
-
-- [ウェブ開発](/ja/docs/Web/Guide)
-- [モバイルウェブ開発](/ja/docs/Web/Guide/Mobile)
diff --git a/files/ja/web/progressive_web_apps/responsive/responsive_navigation_patterns/index.md b/files/ja/web/progressive_web_apps/responsive/responsive_navigation_patterns/index.md
deleted file mode 100644
index 570ca865551a1f..00000000000000
--- a/files/ja/web/progressive_web_apps/responsive/responsive_navigation_patterns/index.md
+++ /dev/null
@@ -1,82 +0,0 @@
----
-title: レスポンシブなナビゲーションパターン
-slug: Web/Progressive_web_apps/Responsive/Responsive_navigation_patterns
----
-
-アプリのナビゲーションデザインに困っていませんか？これらのパターンを参考にしてみてください。ここでは、大きな画面と小さな画面でのナビゲーションの扱い方をいくつか紹介します。大きな画面では、上や左のナビゲーションメニューが一般的ですが、小さな画面では、画面の面積が小さくなるため、情報を表示するのに最適な方法ではないことがよくあります。そのため、すべての画面サイズにおいて、コンテンツの表示とナビゲーションのしやすさを考慮する必要があります。
-
-## パターン 1: 先頭のトグルメニュー
-
-このパターンでは、画面幅が狭くなるにつれて、上部のナビゲーションの項目がスペースが足りなくなるまで並び替えられます。この時、いくつかの項目は上部のナビゲーションからドロップダウンメニューに移動します。最も小さい画面では、すべてのナビゲーション項目がトグルメニューに収められ、ユーザーはトグルメニューを展開するためにタップする必要があります。
-
-項目の優先順位をランク付けして、最も重要な項目が常に上部のナビゲーションに表示されるようにすることもできます。
-
-### 利点:
-
-- **ヘッダーにはボタンが 1 つ**なので、小さな画面でもコンテンツの空間が最大限に確保される
-- ほとんどの画面サイズで**重要な項目は表示されたまま**で、項目の優先順位を決めることができる
-- **ナビゲーション項目の視認性を維持する**適切なスペースを確保し、適合しない項目は自動的に隠すことができる
-
-### 欠点:
-
-- 一部の項目がドロップダウンやトグルメニューに隠れるため、**ナビゲーション項目が見つけにくくなることがある**
-- 最も小さな画面サイズで、ナビゲーションメニューを開く**ボタンにユーザーが気付かないことがある**
-- 隠れているナビゲーション項目を操作するのに**手間が 1 つ**必要になる
-
-![上部のトグルメニューとコンテンツブロックの 3 × 2 レイアウトによる広い UI レイアウト](design_patterns-pattern1.gif)
-
-![上部のトグルメニューとコンテンツブロックの 2 × 3 レイアウトによる中くらいの幅の UI レイアウト](design_patterns-pattern2.gif)
-
-![上部のトグルメニューとスクロールする帯状のコンテンツブロックで構成された、中くらいの幅で短い UI レイアウト](design_patterns-pattern3.gif)
-
-![上部のトグルメニューと小さなコンテンツブロックを 2 × 3 でレイアウトした狭いモバイルレイアウト](design_patterns-pattern4.gif)
-
-## パターン 2: 引き出せる下部のメニュー
-
-1 つ目のパターンと同様に、上部のナビゲーションの項目は、空間が足りなくなるまで、より小さな幅で再配置されます。その時点で、いくつかの項目は上部のナビゲーションからドロップダウンメニューに移動します。項目の優先順位をつけて、最も重要な項目が常に上部のナビゲーションに表示されるようにすることもできます。
-
-最小の画面では、いくつかの項目が画面の下に残り、残りの項目は隠されます。ユーザーはメニューをフリップして開き、残りのナビゲーション項目から選択することができます。下部に残っている項目を選択することもできます。
-
-### 利点:
-
-- **引き出せるメニューは分かりやすい**
-- **重要な項目が常に見え**、項目の優先度を決めることもできる
-- 適度な間隔で**ナビゲーション項目の見やすさを維持**し、適合しない項目は自動的に隠す
-
-### 欠点:
-
-- 隠れているナビゲーション項目を操作するのに**手間が 1 つ**必要になる
-- 一部の項目が隠れるため、**ナビゲーション項目が見つけにくくなることがある**
-- 小さな画面サイズでは**コンテンツの空間が少ない**
-
-![幅広のレイアウトで、上部に水平のメニューバーがあり、レイアウトが狭くなるとコンテンツの下部に移動する](design_patterns-pattern5.gif)
-
-![上部に横長のメニューバーがあり、レイアウトが狭くなるとコンテンツの下部に移動する中くらいのレイアウト](design_patterns-pattern6.gif)
-
-![上部のメニューバーをページの下部に移動し、コンテンツの邪魔にならないようにした、シンプルで短いレイアウトです。](design_patterns-pattern7.gif)
-
-![狭い画面のモバイルレイアウトでは、上部のメニューバーがページの下部に移動し、コンテンツの邪魔にならないようになっている。また、メニューバーを上にドラッグすると、メニューオプションが表示される。](design_patterns-pattern8.gif)
-
-## パターン 3: 左に隠されたメニュー
-
-メインナビゲーションは常に左に表示されます。ただし、最小の画面サイズでは、既定でナビゲーションメニューがボタンの中に隠れています。最小の画面サイズでは、ユーザーがボタンをタップすると、ナビゲーションメニューがスライドして表示され、ナビゲーションの項目が表示されます。
-
-### 利点:
-
-- 左側のナビゲーションでは、上側のナビゲーションに比べて、**より多くのナビゲーション項目が表示できる可能性がある**
-- 小さい画面サイズを除けば、**ほとんどの項目が常に表示される**
-- **ヘッダーにはボタンが 1 つ**なので、小さな画面でコンテンツの空間が最大限に確保される
-
-### 欠点:
-
-- 一部の項目がドロップダウンやトグルメニューに隠れるため、**ナビゲーション項目が見つけにくくなることがある**
-- 最も小さな画面サイズで、ナビゲーションメニューを開く**ボタンにユーザーが気付かないことがある**
-- 隠れているナビゲーション項目を操作するのに**手間が 1 つ**必要になる
-
-![左側に縦型のナビゲーションメニューを配置したワイドなUIレイアウト](design_patterns-pattern9.gif)
-
-![左側に垂直方向のナビゲーションを配置し、コンテンツエリアを狭くした中くらいのレイアウト](design_patterns-pattern10.gif)
-
-![左側に縦型のナビゲーションを配置し、コンテンツエリアを狭くした、中くらいの短いレイアウト](design_patterns-pattern11.gif)
-
-![狭いモバイルレイアウトでは、左にメニューが隠れており、特別なボタンを使って画面上に引き出すことでメニューオプションが表示されます。](design_patterns-pattern12.gif)

From 31948d70cc91290ee7b823ce8a826eb656f2b8f7 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Wed, 28 Jun 2023 10:25:02 -0600
Subject: [PATCH 136/146] es: Remove HTMLShadowElement as en-US (#13866)

---
 files/es/_redirects.txt                       |  2 --
 files/es/_wikihistory.json                    |  8 -----
 .../getdistributednodes/index.md              | 34 ------------------
 .../web/api/htmlshadowelement/index.md        | 35 -------------------
 4 files changed, 79 deletions(-)
 delete mode 100644 files/es/orphaned/web/api/htmlshadowelement/getdistributednodes/index.md
 delete mode 100644 files/es/orphaned/web/api/htmlshadowelement/index.md

diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index 5b5db3ac1acc9d..d36b8f73a17263 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -1676,8 +1676,6 @@
 /es/docs/Web/API/HTMLElement/transitioncancel_event	/es/docs/Web/API/Element/transitioncancel_event
 /es/docs/Web/API/HTMLElement/transitionend_event	/es/docs/Web/API/Element/transitionend_event
 /es/docs/Web/API/HTMLOrForeignElement/focus	/es/docs/orphaned/Web/API/HTMLOrForeignElement/focus
-/es/docs/Web/API/HTMLShadowElement	/es/docs/orphaned/Web/API/HTMLShadowElement
-/es/docs/Web/API/HTMLShadowElement/getDistributedNodes	/es/docs/orphaned/Web/API/HTMLShadowElement/getDistributedNodes
 /es/docs/Web/API/IDBObjectStore.add	/es/docs/Web/API/IDBObjectStore/add
 /es/docs/Web/API/IndexedDB_API/Usando_IndexedDB	/es/docs/Web/API/IndexedDB_API/Using_IndexedDB
 /es/docs/Web/API/KeyboardEvent/which	/es/docs/Web/API/UIEvent/which
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index a65a7fa69dec81..11c261a17d2736 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -15550,14 +15550,6 @@
     "modified": "2020-10-15T21:51:27.517Z",
     "contributors": ["IsraelFloresDGA", "AlePerez92", "jesumv"]
   },
-  "orphaned/Web/API/HTMLShadowElement": {
-    "modified": "2019-03-23T22:10:24.059Z",
-    "contributors": ["dkocho4", "Sebastianz"]
-  },
-  "orphaned/Web/API/HTMLShadowElement/getDistributedNodes": {
-    "modified": "2019-03-23T22:10:23.317Z",
-    "contributors": ["dkocho4"]
-  },
   "orphaned/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB": {
     "modified": "2020-01-13T04:48:11.759Z",
     "contributors": ["chrisdavidmills", "fscholz", "elin3t", "sebasmagri"]
diff --git a/files/es/orphaned/web/api/htmlshadowelement/getdistributednodes/index.md b/files/es/orphaned/web/api/htmlshadowelement/getdistributednodes/index.md
deleted file mode 100644
index 0ccdeb4b06e3d4..00000000000000
--- a/files/es/orphaned/web/api/htmlshadowelement/getdistributednodes/index.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: HTMLShadowElement.getDistributedNodes()
-slug: orphaned/Web/API/HTMLShadowElement/getDistributedNodes
-original_slug: Web/API/HTMLShadowElement/getDistributedNodes
----
-
-{{APIRef("Web Components")}}{{Deprecated_Header}}{{Non-standard_Header}}
-
-El método **`HTMLShadowElement.getDistributedNodes()`**
-devuelve un {{domxref("NodeList")}} estático de los {{glossary("distributed nodes","nodos distribuidos")}}
-asociado con este elemento `<shadow>`.
-
-## Valor
-
-Un {{domxref("NodeList")}}.
-
-## Ejemplo
-
-```js
-// Obtener los nodos distribuidos
-const nodes = myShadowObject.getDistributedNodes();
-```
-
-## Especificaciones
-
-Esta función ya no está definida por ninguna especificación.
-
-## Compatibilidad con navegadores
-
-{{Compat}}
-
-## Véase también
-
-- [HTMLShadowElement](/es/docs/Web/API/HTMLShadowElement)
diff --git a/files/es/orphaned/web/api/htmlshadowelement/index.md b/files/es/orphaned/web/api/htmlshadowelement/index.md
deleted file mode 100644
index b4c6afbb98ec1e..00000000000000
--- a/files/es/orphaned/web/api/htmlshadowelement/index.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: HTMLShadowElement
-slug: orphaned/Web/API/HTMLShadowElement
-original_slug: Web/API/HTMLShadowElement
----
-
-{{APIRef("Web Components")}}{{Deprecated_Header}}{{Non-standard_Header}}
-
-La interfaz **`HTMLShadowElement`** representa un elemento HTML {{HTMLElement("shadow")}}, que se utiliza en [Shadow DOM](/es/docs/Web/Web_Components/Using_shadow_DOM).
-
-{{InheritanceDiagram}}
-
-## Propiedades de instancia
-
-_Esta interfaz hereda las propiedades de {{domxref("HTMLElement")}}._
-
-## Métodos de instancia
-
-_Esta interfaz hereda los métodos de {{domxref("HTMLElement")}}._
-
-- {{domxref("HTMLShadowElement.getDistributedNodes()")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
-  - : Devuelve una {{domxref("NodeList")}} estática de los {{glossary("distributed nodes","nodos distribuidos")}} asociados con este elemento `<shadow>`.
-
-## Especificaciones
-
-Esta función ya no está definida por ninguna especificación.
-
-## Compatibilidad con navegadores
-
-{{Compat}}
-
-## Véase también
-
-- El elemento HTML {{HTMLElement("shadow")}}, que implementa esta interfaz.
-- [Shadow DOM](/es/docs/Web/Web_Components/Using_shadow_DOM)

From de4e1cee5d2249ba307a89cca205a8c8fd79d1cd Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Wed, 28 Jun 2023 12:34:31 -0600
Subject: [PATCH 137/146] es: Resolve macro render errors (#13836)

---
 files/es/web/api/fetch_api/using_fetch/index.md           | 8 --------
 .../introduction_to_the_css_box_model/index.md            | 4 ----
 .../css_box_model/mastering_margin_collapsing/index.md    | 4 ----
 files/es/web/javascript/data_structures/index.md          | 4 ----
 4 files changed, 20 deletions(-)

diff --git a/files/es/web/api/fetch_api/using_fetch/index.md b/files/es/web/api/fetch_api/using_fetch/index.md
index 4f52e4dd2dd221..89ead6ac682e92 100644
--- a/files/es/web/api/fetch_api/using_fetch/index.md
+++ b/files/es/web/api/fetch_api/using_fetch/index.md
@@ -347,14 +347,6 @@ if (self.fetch) {
 
 Para utilizar `fetch()` en un explorador no soportado, hay disponible un [Fetch Polyfill](https://github.com/github/fetch) que recrea la funcionalidad para navegadores no soportados.
 
-## Especificaciones
-
-{{Specifications}}
-
-## Compatibilidad en navegadores
-
-{{Compat}}
-
 ## Vea también
 
 - [ServiceWorker API](/es/docs/Web/API/ServiceWorker_API)
diff --git a/files/es/web/css/css_box_model/introduction_to_the_css_box_model/index.md b/files/es/web/css/css_box_model/introduction_to_the_css_box_model/index.md
index bdcef9c79d034c..04f3d8d104afa9 100644
--- a/files/es/web/css/css_box_model/introduction_to_the_css_box_model/index.md
+++ b/files/es/web/css/css_box_model/introduction_to_the_css_box_model/index.md
@@ -37,10 +37,6 @@ El tamaño del área de margen está determinado por las propiedades {{cssxref("
 
 Por último, tenga en cuenta que para los elementos en línea no modificados, la cantidad de espacio ocupado (la contribución a la altura de la línea) está determinada por la propiedad {{cssxref("line-height")}} , aunque los bordes y el relleno sigan apareciendo alrededor del contenido.
 
-## Especificaciones
-
-{{Specifications}}
-
 ## Véase también
 
 - [Diseño y el bloque contenedor](/es/docs/Web/CSS/Containing_block)
diff --git a/files/es/web/css/css_box_model/mastering_margin_collapsing/index.md b/files/es/web/css/css_box_model/mastering_margin_collapsing/index.md
index e193221e252f75..394801da1bb2d4 100644
--- a/files/es/web/css/css_box_model/mastering_margin_collapsing/index.md
+++ b/files/es/web/css/css_box_model/mastering_margin_collapsing/index.md
@@ -58,10 +58,6 @@ p {
 
 {{EmbedLiveSample('Ejemplos', 'auto', 350)}}
 
-## Especificaciones
-
-{{Specifications}}
-
 ## También puedes ver
 
 - [CSS Reference](/es/docs/Web/CSS/Referencia_CSS)
diff --git a/files/es/web/javascript/data_structures/index.md b/files/es/web/javascript/data_structures/index.md
index 4c526d66967aaa..1ea05b5bbca28e 100644
--- a/files/es/web/javascript/data_structures/index.md
+++ b/files/es/web/javascript/data_structures/index.md
@@ -235,10 +235,6 @@ El operador `typeof` te puede ayudar a encontrar el tipo de tu variable.
 
 Lee la [página de referencia](/es/docs/Web/JavaScript/Reference/Operators/typeof) para obtener más detalles y casos extremos.
 
-## Especificaciones
-
-{{Specifications}}
-
 ## Ve también
 
 - [Colección de estructura de datos común y algoritmos comunes en JavaScript de Nicholas Zakas.](https://github.com/nzakas/computer-science-in-javascript/)

From d4c5593825c57eb901fafe1b11d119d538c27281 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Wed, 28 Jun 2023 12:35:28 -0600
Subject: [PATCH 138/146] es: Remove CanvasImageSource typedef as en-US
 (#13837)

---
 files/es/_redirects.txt                       |  3 ++-
 files/es/_wikihistory.json                    |  4 ----
 .../web/api/canvasrenderingcontext2d/index.md | 23 -------------------
 files/es/web/api/canvas_api/index.md          |  1 -
 .../drawimage/index.md                        |  2 +-
 5 files changed, 3 insertions(+), 30 deletions(-)
 delete mode 100644 files/es/conflicting/web/api/canvasrenderingcontext2d/index.md

diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index d36b8f73a17263..400bd8db9619ad 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -1607,7 +1607,7 @@
 /es/docs/Web/API/Blob.Blob	/es/docs/Web/API/Blob/Blob
 /es/docs/Web/API/BlobBuilder	/es/docs/web/api/blob
 /es/docs/Web/API/CSSStyleSheet.insertRule	/es/docs/Web/API/CSSStyleSheet/insertRule
-/es/docs/Web/API/CanvasImageSource	/es/docs/conflicting/Web/API/CanvasRenderingContext2D
+/es/docs/Web/API/CanvasImageSource	/es/docs/web/api/canvasrenderingcontext2d
 /es/docs/Web/API/Canvas_API/A_basic_ray-caster	/es/docs/orphaned/Web/API/Canvas_API/A_basic_ray-caster
 /es/docs/Web/API/Canvas_API/Tutorial/Compositing/Ejemplo	/es/docs/Web/API/Canvas_API/Tutorial/Compositing/Example
 /es/docs/Web/API/Console/tabla	/es/docs/Web/API/console/table
@@ -2930,6 +2930,7 @@
 /es/docs/XSLT:when	/es/docs/Web/XSLT/Element/when
 /es/docs/XSLT:with-param	/es/docs/Web/XSLT/Element/with-param
 /es/docs/Zoom_a_página_completa	/es/docs/Mozilla/Firefox/Releases/3/Full_page_zoom
+/es/docs/conflicting/Web/API/CanvasRenderingContext2D	/es/docs/web/api/canvasrenderingcontext2d
 /es/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries	/es/docs/Web/CSS/CSS_media_queries/Using_media_queries
 /es/docs/conflicting/web/api/blob	/es/docs/web/api/blob
 /es/docs/conflicting/web/api/element/clientheight	/es/docs/web/api/element/clientheight
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index 11c261a17d2736..3e4460b26abe30 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -14427,10 +14427,6 @@
     "modified": "2019-03-23T22:26:11.317Z",
     "contributors": ["SoftwareRVG"]
   },
-  "conflicting/Web/API/CanvasRenderingContext2D": {
-    "modified": "2019-03-23T22:09:10.185Z",
-    "contributors": ["alinarezrangel"]
-  },
   "conflicting/Web/API/Canvas_API/Tutorial": {
     "modified": "2019-03-23T23:19:53.719Z",
     "contributors": ["teoli", "rubencidlara"]
diff --git a/files/es/conflicting/web/api/canvasrenderingcontext2d/index.md b/files/es/conflicting/web/api/canvasrenderingcontext2d/index.md
deleted file mode 100644
index 03d37848b526d9..00000000000000
--- a/files/es/conflicting/web/api/canvasrenderingcontext2d/index.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: CanvasImageSource
-slug: conflicting/Web/API/CanvasRenderingContext2D
-original_slug: Web/API/CanvasImageSource
----
-
-{{APIRef("Canvas API")}}
-
-El tipo auxiliar **`CanvasImageSource`** representa cualquiera de los siguientes tipos:
-
-- {{domxref("CSSImageValue")}}
-- {{domxref("HTMLImageElement")}}
-- {{domxref("SVGImageElement")}}
-- {{domxref("HTMLVideoElement")}}
-- {{domxref("HTMLCanvasElement")}}
-- {{domxref("ImageBitmap")}}
-- {{domxref("OffscreenCanvas")}}
-
-Este es un tipo auxiliar usado para simplificar la especificación, no es una interfáz y por ello no hay objetos implementandolo.
-
-## Especificaciones
-
-{{Specifications}}
diff --git a/files/es/web/api/canvas_api/index.md b/files/es/web/api/canvas_api/index.md
index bd87e3bb9ee87a..5d74f0cbc75f1c 100644
--- a/files/es/web/api/canvas_api/index.md
+++ b/files/es/web/api/canvas_api/index.md
@@ -78,7 +78,6 @@ window.addEventListener('load', drawCanvas);
 - {{domxref("HTMLCanvasElement")}}
 - {{domxref("CanvasRenderingContext2D")}}
 - {{domxref("CanvasGradient")}}
-- {{domxref("CanvasImageSource")}}
 - {{domxref("CanvasPattern")}}
 - {{domxref("ImageBitmap")}}
 - {{domxref("ImageData")}}
diff --git a/files/es/web/api/canvasrenderingcontext2d/drawimage/index.md b/files/es/web/api/canvasrenderingcontext2d/drawimage/index.md
index bb2a9b0c74329c..8a70c02de6e16a 100644
--- a/files/es/web/api/canvasrenderingcontext2d/drawimage/index.md
+++ b/files/es/web/api/canvasrenderingcontext2d/drawimage/index.md
@@ -20,7 +20,7 @@ void ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);
 ### Parámetros
 
 - `image`
-  - : Un elemento a dibujar dentro del context. La especificación permite cualquier fuente de imagen en canvas ({{domxref("CanvasImageSource")}}), tal como una {{domxref("HTMLImageElement")}}, un {{domxref("HTMLVideoElement")}}, un {{domxref("HTMLCanvasElement")}} o un{{domxref("ImageBitmap")}}.
+  - : Un elemento a dibujar dentro del context. La especificación permite cualquier fuente de imagen en canvas, tal como una {{domxref("HTMLImageElement")}}, un {{domxref("HTMLVideoElement")}}, un {{domxref("HTMLCanvasElement")}} o un{{domxref("ImageBitmap")}}.
 - `dx`
   - : La coordenada X del canvas destino en la cual se coloca la esquina superior izquierda de la imagen origen.
 - `dy`

From 34807735cb42334ab14f9ece40c3d1b617c2f865 Mon Sep 17 00:00:00 2001
From: Lou8is <lis.gpublic@gmail.com>
Date: Thu, 29 Jun 2023 03:37:57 +0200
Subject: [PATCH 139/146] fr: Removes duplicated frontmatter keys (glossary
 folder) (#13630)

Removes duplicate frontmatter metadata from fr/glossary
---
 files/fr/glossary/accessibility/index.md              |  4 ----
 files/fr/glossary/accessibility_tree/index.md         |  6 ------
 files/fr/glossary/adobe_flash/index.md                |  5 -----
 files/fr/glossary/algorithm/index.md                  |  3 ---
 files/fr/glossary/alignment_container/index.md        |  6 ------
 files/fr/glossary/alignment_subject/index.md          |  1 -
 files/fr/glossary/alpn/index.md                       |  7 -------
 files/fr/glossary/api/index.md                        |  5 -----
 files/fr/glossary/application_context/index.md        |  4 ----
 files/fr/glossary/argument/index.md                   |  5 -----
 files/fr/glossary/aria/index.md                       |  4 ----
 files/fr/glossary/arpa/index.md                       |  4 ----
 files/fr/glossary/arpanet/index.md                    |  4 ----
 files/fr/glossary/array/index.md                      |  8 --------
 files/fr/glossary/ascii/index.md                      |  4 ----
 files/fr/glossary/asynchronous/index.md               |  5 -----
 files/fr/glossary/atag/index.md                       |  7 -------
 files/fr/glossary/attribute/index.md                  |  5 -----
 files/fr/glossary/bandwidth/index.md                  |  4 ----
 files/fr/glossary/baseline/index.md                   |  7 -------
 files/fr/glossary/beacon/index.md                     |  1 -
 files/fr/glossary/bezier_curve/index.md               |  6 ------
 files/fr/glossary/bidi/index.md                       |  6 ------
 files/fr/glossary/bigint/index.md                     |  7 -------
 files/fr/glossary/blink/index.md                      |  5 -----
 files/fr/glossary/block-level_content/index.md        |  8 --------
 files/fr/glossary/block/css/index.md                  |  7 -------
 files/fr/glossary/block/index.md                      |  2 --
 files/fr/glossary/block/scripting/index.md            |  4 ----
 .../glossary/block_cipher_mode_of_operation/index.md  |  6 ------
 files/fr/glossary/boolean/index.md                    |  7 -------
 files/fr/glossary/bounding_box/index.md               |  6 ------
 files/fr/glossary/breadcrumb/index.md                 | 10 ----------
 files/fr/glossary/brotli_compression/index.md         |  7 -------
 files/fr/glossary/browser/index.md                    |  4 ----
 files/fr/glossary/browsing_context/index.md           |  3 ---
 files/fr/glossary/buffer/index.md                     |  4 ----
 files/fr/glossary/cache/index.md                      |  4 ----
 files/fr/glossary/cacheable/index.md                  |  5 -----
 files/fr/glossary/caldav/index.md                     |  5 -----
 files/fr/glossary/call_stack/index.md                 |  5 -----
 files/fr/glossary/callback_function/index.md          |  6 ------
 files/fr/glossary/canonical_order/index.md            |  6 ------
 files/fr/glossary/canvas/index.md                     |  7 -------
 files/fr/glossary/card_sorting/index.md               |  4 ----
 files/fr/glossary/carddav/index.md                    |  5 -----
 files/fr/glossary/caret/index.md                      |  5 -----
 files/fr/glossary/cdn/index.md                        |  4 ----
 files/fr/glossary/certificate_authority/index.md      |  5 -----
 files/fr/glossary/certified/index.md                  |  6 ------
 files/fr/glossary/challenge/index.md                  |  5 -----
 files/fr/glossary/character/index.md                  |  6 ------
 files/fr/glossary/character_encoding/index.md         |  6 ------
 files/fr/glossary/character_set/index.md              |  4 ----
 files/fr/glossary/chrome/index.md                     |  6 ------
 files/fr/glossary/cia/index.md                        |  4 ----
 files/fr/glossary/cipher/index.md                     |  7 -------
 files/fr/glossary/cipher_suite/index.md               |  5 -----
 files/fr/glossary/ciphertext/index.md                 |  7 -------
 files/fr/glossary/class/index.md                      |  4 ----
 files/fr/glossary/closure/index.md                    |  4 ----
 files/fr/glossary/cms/index.md                        |  5 -----
 files/fr/glossary/codec/index.md                      |  4 ----
 files/fr/glossary/compile/index.md                    |  5 -----
 files/fr/glossary/compile_time/index.md               |  5 -----
 files/fr/glossary/computer_programming/index.md       |  5 -----
 files/fr/glossary/conditional/index.md                |  5 -----
 files/fr/glossary/constant/index.md                   |  5 -----
 files/fr/glossary/constructor/index.md                |  4 ----
 files/fr/glossary/control_flow/index.md               |  5 -----
 files/fr/glossary/cookie/index.md                     |  4 ----
 files/fr/glossary/copyleft/index.md                   |  6 ------
 files/fr/glossary/cors/index.md                       |  6 ------
 files/fr/glossary/crawler/index.md                    |  6 ------
 files/fr/glossary/crlf/index.md                       |  8 --------
 files/fr/glossary/cross-site_scripting/index.md       |  7 -------
 files/fr/glossary/cross_axis/index.md                 |  5 -----
 files/fr/glossary/crud/index.md                       |  4 ----
 files/fr/glossary/cryptanalysis/index.md              |  6 ------
 .../fr/glossary/cryptographic_hash_function/index.md  |  5 -----
 files/fr/glossary/cryptography/index.md               |  6 ------
 files/fr/glossary/csp/index.md                        |  6 ------
 files/fr/glossary/csrf/index.md                       |  4 ----
 files/fr/glossary/css/index.md                        |  7 -------
 files/fr/glossary/css_descriptor/index.md             |  5 -----
 files/fr/glossary/css_pixel/index.md                  | 11 -----------
 files/fr/glossary/css_preprocessor/index.md           |  4 ----
 files/fr/glossary/data_structure/index.md             |  3 ---
 files/fr/glossary/decryption/index.md                 |  6 ------
 files/fr/glossary/delta/index.md                      |  6 ------
 files/fr/glossary/denial_of_service/index.md          |  1 -
 files/fr/glossary/deserialization/index.md            |  5 -----
 files/fr/glossary/developer_tools/index.md            |  6 ------
 files/fr/glossary/digest/index.md                     |  6 ------
 files/fr/glossary/digital_certificate/index.md        |  5 -----
 .../glossary/distributed_denial_of_service/index.md   |  6 ------
 files/fr/glossary/dmz/index.md                        |  5 -----
 files/fr/glossary/dns/index.md                        |  6 ------
 files/fr/glossary/doctype/index.md                    |  8 --------
 files/fr/glossary/document_directive/index.md         |  5 -----
 files/fr/glossary/document_environment/index.md       |  6 ------
 files/fr/glossary/dom/index.md                        |  5 -----
 files/fr/glossary/domain/index.md                     |  6 ------
 files/fr/glossary/domain_name/index.md                |  6 ------
 files/fr/glossary/dominator/index.md                  |  4 ----
 files/fr/glossary/dos_attack/index.md                 |  4 ----
 files/fr/glossary/dtmf/index.md                       |  5 -----
 files/fr/glossary/dynamic_typing/index.md             |  6 ------
 files/fr/glossary/ecma/index.md                       |  5 -----
 files/fr/glossary/ecmascript/index.md                 |  4 ----
 files/fr/glossary/element/index.md                    |  4 ----
 files/fr/glossary/encapsulation/index.md              |  4 ----
 files/fr/glossary/encryption/index.md                 |  6 ------
 files/fr/glossary/endianness/index.md                 |  5 -----
 files/fr/glossary/engine/index.md                     |  4 ----
 files/fr/glossary/entity/index.md                     |  6 ------
 files/fr/glossary/entity_header/index.md              |  4 ----
 files/fr/glossary/event/index.md                      |  6 ------
 files/fr/glossary/exception/index.md                  |  6 ------
 files/fr/glossary/expando/index.md                    |  7 -------
 files/fr/glossary/falsy/index.md                      |  7 -------
 files/fr/glossary/favicon/index.md                    |  6 ------
 files/fr/glossary/fetch_directive/index.md            |  5 -----
 files/fr/glossary/firewall/index.md                   |  6 ------
 files/fr/glossary/first-class_function/index.md       |  4 ----
 files/fr/glossary/first_contentful_paint/index.md     |  1 -
 files/fr/glossary/first_meaningful_paint/index.md     |  1 -
 files/fr/glossary/flex/index.md                       |  5 -----
 files/fr/glossary/flex_container/index.md             |  5 -----
 files/fr/glossary/flex_item/index.md                  |  5 -----
 files/fr/glossary/flexbox/index.md                    |  5 -----
 files/fr/glossary/forbidden_header_name/index.md      |  7 -------
 files/fr/glossary/fork/index.md                       |  6 ------
 files/fr/glossary/ftp/index.md                        |  6 ------
 files/fr/glossary/ftu/index.md                        |  8 --------
 files/fr/glossary/garbage_collection/index.md         |  4 ----
 files/fr/glossary/gecko/index.md                      |  1 -
 files/fr/glossary/general_header/index.md             |  5 -----
 files/fr/glossary/gif/index.md                        |  4 ----
 files/fr/glossary/git/index.md                        |  5 -----
 files/fr/glossary/global_object/index.md              |  5 -----
 files/fr/glossary/global_scope/index.md               |  4 ----
 files/fr/glossary/global_variable/index.md            |  4 ----
 files/fr/glossary/glyph/index.md                      |  5 -----
 files/fr/glossary/google_chrome/index.md              |  9 ---------
 files/fr/glossary/gpl/index.md                        |  8 --------
 files/fr/glossary/gpu/index.md                        |  4 ----
 files/fr/glossary/graceful_degradation/index.md       |  4 ----
 files/fr/glossary/grid/index.md                       |  5 -----
 files/fr/glossary/grid_axis/index.md                  |  5 -----
 files/fr/glossary/grid_cell/index.md                  |  5 -----
 files/fr/glossary/grid_column/index.md                |  5 -----
 files/fr/glossary/grid_container/index.md             |  5 -----
 files/fr/glossary/grid_lines/index.md                 |  5 -----
 files/fr/glossary/grid_row/index.md                   |  5 -----
 files/fr/glossary/grid_tracks/index.md                |  5 -----
 files/fr/glossary/guard/index.md                      |  5 -----
 files/fr/glossary/gutters/index.md                    |  1 -
 files/fr/glossary/gzip_compression/index.md           |  5 -----
 files/fr/glossary/hash/index.md                       |  6 ------
 files/fr/glossary/head/index.md                       |  7 -------
 .../glossary/high-level_programming_language/index.md |  5 -----
 files/fr/glossary/hmac/index.md                       |  5 -----
 files/fr/glossary/host/index.md                       |  6 ------
 files/fr/glossary/hotlink/index.md                    |  4 ----
 files/fr/glossary/houdini/index.md                    |  7 -------
 files/fr/glossary/hpkp/index.md                       |  4 ----
 files/fr/glossary/hsts/index.md                       |  5 -----
 files/fr/glossary/html/index.md                       |  6 ------
 files/fr/glossary/html5/index.md                      |  6 ------
 files/fr/glossary/http/index.md                       |  6 ------
 files/fr/glossary/http_2/index.md                     |  8 --------
 files/fr/glossary/http_3/index.md                     |  5 -----
 files/fr/glossary/http_header/index.md                |  5 -----
 files/fr/glossary/https/index.md                      |  6 ------
 files/fr/glossary/hyperlink/index.md                  |  5 -----
 files/fr/glossary/hypertext/index.md                  |  5 -----
 files/fr/glossary/i18n/index.md                       |  8 --------
 files/fr/glossary/iana/index.md                       |  4 ----
 files/fr/glossary/icann/index.md                      |  4 ----
 files/fr/glossary/ice/index.md                        |  7 -------
 files/fr/glossary/ide/index.md                        |  4 ----
 files/fr/glossary/idempotent/index.md                 |  5 -----
 files/fr/glossary/identifier/index.md                 |  5 -----
 files/fr/glossary/idl/index.md                        |  6 ------
 files/fr/glossary/ietf/index.md                       |  6 ------
 files/fr/glossary/iife/index.md                       |  5 -----
 files/fr/glossary/imap/index.md                       |  5 -----
 files/fr/glossary/immutable/index.md                  |  4 ----
 files/fr/glossary/index.md                            |  1 -
 files/fr/glossary/indexeddb/index.md                  |  6 ------
 files/fr/glossary/information_architecture/index.md   |  6 ------
 files/fr/glossary/inheritance/index.md                |  7 -------
 files/fr/glossary/inline-level_content/index.md       | 10 ----------
 files/fr/glossary/input_method_editor/index.md        |  3 ---
 files/fr/glossary/instance/index.md                   |  7 -------
 .../internationalization_and_localization/index.md    |  5 -----
 files/fr/glossary/internet/index.md                   |  9 ---------
 files/fr/glossary/ip_address/index.md                 |  6 ------
 files/fr/glossary/ipv4/index.md                       |  6 ------
 files/fr/glossary/ipv6/index.md                       |  4 ----
 files/fr/glossary/irc/index.md                        |  1 -
 files/fr/glossary/iso/index.md                        |  7 -------
 files/fr/glossary/isp/index.md                        |  7 -------
 files/fr/glossary/itu/index.md                        |  6 ------
 files/fr/glossary/jank/index.md                       |  6 ------
 files/fr/glossary/java/index.md                       |  6 ------
 files/fr/glossary/javascript/index.md                 |  6 ------
 files/fr/glossary/jpeg/index.md                       |  6 ------
 files/fr/glossary/json/index.md                       |  6 ------
 files/fr/glossary/key/index.md                        |  5 -----
 files/fr/glossary/keyword/index.md                    |  6 ------
 files/fr/glossary/latency/index.md                    |  9 ---------
 files/fr/glossary/lazy_load/index.md                  |  6 ------
 files/fr/glossary/lgpl/index.md                       |  7 -------
 files/fr/glossary/ligature/index.md                   |  5 -----
 files/fr/glossary/local_scope/index.md                |  4 ----
 files/fr/glossary/local_variable/index.md             |  4 ----
 files/fr/glossary/locale/index.md                     |  1 -
 files/fr/glossary/localization/index.md               |  6 ------
 files/fr/glossary/loop/index.md                       |  5 -----
 files/fr/glossary/lossless_compression/index.md       |  8 --------
 files/fr/glossary/lossy_compression/index.md          |  7 -------
 files/fr/glossary/ltr/index.md                        |  5 -----
 files/fr/glossary/main_axis/index.md                  |  6 ------
 files/fr/glossary/media/css/index.md                  |  6 ------
 files/fr/glossary/media/index.md                      |  4 ----
 files/fr/glossary/metadata/index.md                   |  6 ------
 files/fr/glossary/method/index.md                     |  5 -----
 files/fr/glossary/microsoft_edge/index.md             |  5 -----
 .../fr/glossary/microsoft_internet_explorer/index.md  | 11 -----------
 files/fr/glossary/middleware/index.md                 |  4 ----
 files/fr/glossary/mime/index.md                       |  6 ------
 files/fr/glossary/mime_type/index.md                  |  4 ----
 files/fr/glossary/minification/index.md               |  1 -
 files/fr/glossary/mitm/index.md                       |  5 -----
 files/fr/glossary/mixin/index.md                      |  6 ------
 files/fr/glossary/mobile_first/index.md               |  5 -----
 files/fr/glossary/modem/index.md                      |  5 -----
 files/fr/glossary/modularity/index.md                 |  4 ----
 files/fr/glossary/mozilla_firefox/index.md            |  8 --------
 files/fr/glossary/mutable/index.md                    |  5 -----
 files/fr/glossary/mvc/index.md                        |  5 -----
 files/fr/glossary/namespace/index.md                  |  3 ---
 files/fr/glossary/nan/index.md                        |  4 ----
 files/fr/glossary/nat/index.md                        |  7 -------
 files/fr/glossary/native/index.md                     |  4 ----
 files/fr/glossary/navigation_directive/index.md       |  5 -----
 files/fr/glossary/netscape_navigator/index.md         |  7 -------
 files/fr/glossary/nntp/index.md                       |  4 ----
 files/fr/glossary/node.js/index.md                    |  5 -----
 files/fr/glossary/node/dom/index.md                   |  3 ---
 files/fr/glossary/node/index.md                       |  3 ---
 files/fr/glossary/node/networking/index.md            |  4 ----
 files/fr/glossary/non-normative/index.md              |  6 ------
 files/fr/glossary/normative/index.md                  |  6 ------
 files/fr/glossary/null/index.md                       |  4 ----
 files/fr/glossary/number/index.md                     |  5 -----
 files/fr/glossary/object/index.md                     |  6 ------
 files/fr/glossary/object_reference/index.md           |  4 ----
 files/fr/glossary/oop/index.md                        |  5 -----
 files/fr/glossary/opengl/index.md                     |  5 -----
 files/fr/glossary/openssl/index.md                    |  4 ----
 files/fr/glossary/opera_browser/index.md              |  7 -------
 files/fr/glossary/operand/index.md                    |  4 ----
 files/fr/glossary/operator/index.md                   |  4 ----
 files/fr/glossary/origin/index.md                     |  5 -----
 files/fr/glossary/ota/index.md                        |  7 -------
 files/fr/glossary/owasp/index.md                      |  4 ----
 files/fr/glossary/p2p/index.md                        |  1 -
 files/fr/glossary/pac/index.md                        |  4 ----
 files/fr/glossary/packet/index.md                     | 10 ----------
 files/fr/glossary/parameter/index.md                  |  5 -----
 files/fr/glossary/parent_object/index.md              |  4 ----
 files/fr/glossary/parser/index.md                     |  4 ----
 files/fr/glossary/pdf/index.md                        |  1 -
 files/fr/glossary/percent-encoding/index.md           |  5 -----
 files/fr/glossary/php/index.md                        |  7 -------
 files/fr/glossary/pixel/index.md                      |  4 ----
 files/fr/glossary/placeholder_names/index.md          |  5 -----
 files/fr/glossary/plaintext/index.md                  |  5 -----
 files/fr/glossary/plugin/index.md                     |  6 ------
 files/fr/glossary/png/index.md                        |  7 -------
 files/fr/glossary/polyfill/index.md                   |  1 -
 files/fr/glossary/polymorphism/index.md               |  4 ----
 files/fr/glossary/pop/index.md                        |  5 -----
 files/fr/glossary/port/index.md                       |  7 -------
 files/fr/glossary/preflight_request/index.md          |  5 -----
 files/fr/glossary/presto/index.md                     |  6 ------
 files/fr/glossary/primitive/index.md                  |  5 -----
 files/fr/glossary/privileged/index.md                 |  4 ----
 files/fr/glossary/privileged_code/index.md            |  4 ----
 files/fr/glossary/progressive_enhancement/index.md    |  5 -----
 files/fr/glossary/progressive_web_apps/index.md       |  4 ----
 files/fr/glossary/promise/index.md                    |  6 ------
 files/fr/glossary/property/css/index.md               |  4 ----
 files/fr/glossary/property/index.md                   |  3 ---
 files/fr/glossary/property/javascript/index.md        |  3 ---
 files/fr/glossary/protocol/index.md                   |  5 -----
 .../fr/glossary/prototype-based_programming/index.md  |  4 ----
 files/fr/glossary/prototype/index.md                  |  5 -----
 files/fr/glossary/proxy_server/index.md               |  5 -----
 files/fr/glossary/pseudo-class/index.md               |  6 ------
 files/fr/glossary/pseudo-element/index.md             |  5 -----
 files/fr/glossary/pseudocode/index.md                 |  5 -----
 files/fr/glossary/public-key_cryptography/index.md    |  5 -----
 files/fr/glossary/python/index.md                     |  6 ------
 files/fr/glossary/quality_values/index.md             |  4 ----
 files/fr/glossary/quic/index.md                       |  7 -------
 files/fr/glossary/rail/index.md                       |  6 ------
 files/fr/glossary/raster_image/index.md               |  4 ----
 files/fr/glossary/rdf/index.md                        |  8 --------
 files/fr/glossary/real_user_monitoring/index.md       |  6 ------
 files/fr/glossary/recursion/index.md                  |  4 ----
 files/fr/glossary/reflow/index.md                     |  4 ----
 files/fr/glossary/regular_expression/index.md         |  5 -----
 files/fr/glossary/rendering_engine/index.md           |  6 ------
 files/fr/glossary/repo/index.md                       |  6 ------
 files/fr/glossary/reporting_directive/index.md        |  5 -----
 files/fr/glossary/request_header/index.md             |  6 ------
 files/fr/glossary/response_header/index.md            |  6 ------
 files/fr/glossary/responsive_web_design/index.md      |  4 ----
 files/fr/glossary/rest/index.md                       |  6 ------
 files/fr/glossary/rgb/index.md                        |  6 ------
 files/fr/glossary/ril/index.md                        |  8 --------
 files/fr/glossary/rng/index.md                        |  4 ----
 files/fr/glossary/robots.txt/index.md                 |  4 ----
 files/fr/glossary/rss/index.md                        |  7 -------
 files/fr/glossary/rtf/index.md                        |  7 -------
 files/fr/glossary/rtl/index.md                        |  1 -
 files/fr/glossary/rtp/index.md                        |  6 ------
 files/fr/glossary/ruby/index.md                       |  5 -----
 files/fr/glossary/safe/index.md                       |  5 -----
 files/fr/glossary/same-origin_policy/index.md         |  1 -
 files/fr/glossary/scm/index.md                        |  5 -----
 files/fr/glossary/scope/index.md                      |  4 ----
 files/fr/glossary/sctp/index.md                       |  5 -----
 files/fr/glossary/sdp/index.md                        |  8 --------
 files/fr/glossary/search_engine/index.md              |  8 --------
 files/fr/glossary/second-level_domain/index.md        |  1 -
 .../self-executing_anonymous_function/index.md        |  3 ---
 files/fr/glossary/semantics/index.md                  |  6 ------
 files/fr/glossary/seo/index.md                        |  6 ------
 files/fr/glossary/serialization/index.md              |  7 -------
 files/fr/glossary/server/index.md                     |  7 -------
 files/fr/glossary/session_hijacking/index.md          |  5 -----
 files/fr/glossary/sgml/index.md                       |  5 -----
 files/fr/glossary/shim/index.md                       |  4 ----
 files/fr/glossary/signature/function/index.md         |  6 ------
 files/fr/glossary/signature/index.md                  |  4 ----
 files/fr/glossary/signature/security/index.md         |  6 ------
 files/fr/glossary/simd/index.md                       |  5 -----
 files/fr/glossary/simple_header/index.md              |  6 ------
 files/fr/glossary/simple_response_header/index.md     |  5 -----
 files/fr/glossary/sisd/index.md                       |  4 ----
 files/fr/glossary/site_map/index.md                   |  6 ------
 files/fr/glossary/sld/index.md                        |  4 ----
 files/fr/glossary/sloppy_mode/index.md                |  4 ----
 files/fr/glossary/slug/index.md                       |  4 ----
 files/fr/glossary/smoke_test/index.md                 |  4 ----
 files/fr/glossary/smtp/index.md                       |  7 -------
 files/fr/glossary/soap/index.md                       |  6 ------
 files/fr/glossary/specification/index.md              |  4 ----
 files/fr/glossary/speculative_parsing/index.md        |  8 --------
 files/fr/glossary/sql/index.md                        |  6 ------
 files/fr/glossary/sql_injection/index.md              |  6 ------
 files/fr/glossary/sri/index.md                        |  4 ----
 files/fr/glossary/ssl/index.md                        |  4 ----
 files/fr/glossary/stacking_context/index.md           |  5 -----
 files/fr/glossary/state_machine/index.md              |  4 ----
 files/fr/glossary/statement/index.md                  |  5 -----
 files/fr/glossary/static_typing/index.md              |  5 -----
 files/fr/glossary/string/index.md                     |  6 ------
 files/fr/glossary/stun/index.md                       |  7 -------
 files/fr/glossary/stylesheet/index.md                 |  3 ---
 files/fr/glossary/svg/index.md                        |  7 -------
 files/fr/glossary/svn/index.md                        |  5 -----
 files/fr/glossary/symmetric-key_cryptography/index.md |  5 -----
 files/fr/glossary/synchronous/index.md                |  5 -----
 files/fr/glossary/syntax/index.md                     |  5 -----
 files/fr/glossary/syntax_error/index.md               |  4 ----
 files/fr/glossary/tag/index.md                        |  5 -----
 files/fr/glossary/tcp/index.md                        |  1 -
 files/fr/glossary/tcp_handshake/index.md              |  3 ---
 files/fr/glossary/tcp_slow_start/index.md             |  5 -----
 files/fr/glossary/telnet/index.md                     |  4 ----
 files/fr/glossary/texel/index.md                      |  8 --------
 files/fr/glossary/three_js/index.md                   |  7 -------
 files/fr/glossary/time_to_interactive/index.md        |  1 -
 files/fr/glossary/tld/index.md                        |  5 -----
 files/fr/glossary/tls/index.md                        |  6 ------
 files/fr/glossary/tofu/index.md                       |  5 -----
 files/fr/glossary/tree_shaking/index.md               |  4 ----
 files/fr/glossary/trident/index.md                    |  6 ------
 files/fr/glossary/truthy/index.md                     |  1 -
 files/fr/glossary/ttl/index.md                        |  4 ----
 files/fr/glossary/turn/index.md                       |  6 ------
 files/fr/glossary/type/index.md                       |  6 ------
 files/fr/glossary/type_coercion/index.md              |  5 -----
 files/fr/glossary/type_conversion/index.md            |  6 ------
 files/fr/glossary/udp/index.md                        |  5 -----
 files/fr/glossary/ui/index.md                         |  3 ---
 files/fr/glossary/undefined/index.md                  |  4 ----
 files/fr/glossary/unicode/index.md                    |  4 ----
 files/fr/glossary/uri/index.md                        |  7 -------
 files/fr/glossary/url/index.md                        |  4 ----
 files/fr/glossary/urn/index.md                        |  6 ------
 files/fr/glossary/usenet/index.md                     |  4 ----
 files/fr/glossary/user_agent/index.md                 |  6 ------
 files/fr/glossary/utf-8/index.md                      |  7 -------
 files/fr/glossary/ux/index.md                         |  8 --------
 files/fr/glossary/validator/index.md                  |  4 ----
 files/fr/glossary/value/index.md                      |  4 ----
 files/fr/glossary/variable/index.md                   |  7 -------
 files/fr/glossary/vendor_prefix/index.md              |  6 ------
 files/fr/glossary/viewport/index.md                   |  4 ----
 files/fr/glossary/voip/index.md                       |  5 -----
 files/fr/glossary/w3c/index.md                        |  1 -
 files/fr/glossary/wai/index.md                        |  4 ----
 files/fr/glossary/wcag/index.md                       |  6 ------
 files/fr/glossary/web_server/index.md                 |  4 ----
 files/fr/glossary/web_standards/index.md              |  7 -------
 files/fr/glossary/webassembly/index.md                |  1 -
 files/fr/glossary/webdav/index.md                     |  4 ----
 files/fr/glossary/webextensions/index.md              |  4 ----
 files/fr/glossary/webgl/index.md                      |  7 -------
 files/fr/glossary/webidl/index.md                     |  5 -----
 files/fr/glossary/webkit/index.md                     |  8 --------
 files/fr/glossary/webm/index.md                       |  6 ------
 files/fr/glossary/webp/index.md                       |  7 -------
 files/fr/glossary/webrtc/index.md                     |  9 ---------
 files/fr/glossary/websockets/index.md                 |  9 ---------
 files/fr/glossary/webvtt/index.md                     |  3 ---
 files/fr/glossary/whatwg/index.md                     |  8 --------
 files/fr/glossary/whitespace/index.md                 |  6 ------
 files/fr/glossary/world_wide_web/index.md             |  6 ------
 files/fr/glossary/wrapper/index.md                    |  4 ----
 files/fr/glossary/xforms/index.md                     |  6 ------
 files/fr/glossary/xhtml/index.md                      |  5 -----
 files/fr/glossary/xinclude/index.md                   |  4 ----
 files/fr/glossary/xlink/index.md                      |  4 ----
 files/fr/glossary/xml/index.md                        |  5 -----
 files/fr/glossary/xmlhttprequest/index.md             |  3 ---
 files/fr/glossary/xpath/index.md                      |  6 ------
 files/fr/glossary/xquery/index.md                     |  6 ------
 files/fr/glossary/xslt/index.md                       |  6 ------
 446 files changed, 2303 deletions(-)

diff --git a/files/fr/glossary/accessibility/index.md b/files/fr/glossary/accessibility/index.md
index 4e6b940842d306..7cd917f3ec5b0a 100644
--- a/files/fr/glossary/accessibility/index.md
+++ b/files/fr/glossary/accessibility/index.md
@@ -1,11 +1,7 @@
 ---
 title: Accessibilité
 slug: Glossary/Accessibility
-tags:
-  - Accessibilité
-  - Glossaire
 translation_of: Glossary/Accessibility
-original_slug: Glossaire/Accessibilité
 ---
 
 _L'Accessibilité du web_ (**A11Y**) correspond aux bonnes pratiques assurant qu'un site web reste utilisable indépendamment des conditions de navigation et possibles handicaps de l'utilisateur. L'accessibilité du web est définie formellement et discutée au {{Glossary("W3C")}} au travers de la {{Glossary("WAI","Web Accessibility Initiative")}} (WAI).
diff --git a/files/fr/glossary/accessibility_tree/index.md b/files/fr/glossary/accessibility_tree/index.md
index 46ecd44257e86e..a0524d67ecc48f 100644
--- a/files/fr/glossary/accessibility_tree/index.md
+++ b/files/fr/glossary/accessibility_tree/index.md
@@ -1,12 +1,6 @@
 ---
 title: Arbre d'accessibilité (MOA)
 slug: Glossary/Accessibility_tree
-tags:
-  - AOM
-  - Accessibilité
-  - DOM
-  - Glossaire
-  - Reference
 translation_of: Glossary/Accessibility_tree
 ---
 
diff --git a/files/fr/glossary/adobe_flash/index.md b/files/fr/glossary/adobe_flash/index.md
index 78b10ae1c99f6a..7e400737b1b511 100644
--- a/files/fr/glossary/adobe_flash/index.md
+++ b/files/fr/glossary/adobe_flash/index.md
@@ -1,12 +1,7 @@
 ---
 title: Adobe Flash
 slug: Glossary/Adobe_Flash
-tags:
-  - Flash
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/Adobe_Flash
-original_slug: Glossaire/Adobe_Flash
 ---
 
 _Adobe Flash_ est une technologie obsolescente, développée par Adobe Systems, qui permet de créer des applications internet riches, des graphiques vectoriels et des applications multimédias. Pour utiliser Flash au sein d'un {{Glossary("Browser","navigateur web")}}, vous devez installer le plugin adéquat.
diff --git a/files/fr/glossary/algorithm/index.md b/files/fr/glossary/algorithm/index.md
index ee7944a435955a..068b21c472898e 100644
--- a/files/fr/glossary/algorithm/index.md
+++ b/files/fr/glossary/algorithm/index.md
@@ -1,10 +1,7 @@
 ---
 title: Algorithme
 slug: Glossary/Algorithm
-tags:
-  - Glossaire
 translation_of: Glossary/Algorithm
-original_slug: Glossaire/Algorithme
 ---
 
 Un algorithme est une série d'instructions indépendantes qui exécutent une fonction.
diff --git a/files/fr/glossary/alignment_container/index.md b/files/fr/glossary/alignment_container/index.md
index caaec3d9ff921b..ae437db4bb7b22 100644
--- a/files/fr/glossary/alignment_container/index.md
+++ b/files/fr/glossary/alignment_container/index.md
@@ -1,13 +1,7 @@
 ---
 title: Alignment container
 slug: Glossary/Alignment_Container
-tags:
-  - Alignement
-  - CSS
-  - Glossaire
-  - bloc d'alignement
 translation_of: Glossary/Alignment_Container
-original_slug: Glossaire/Alignment_Container
 ---
 
 Le **bloc d'alignement** est le rectangle avec lequel le [sujet d'alignement](/fr/docs/Glossary/Alignment_Subject) est aligné. Cela est défini par le mode de disposition ; généralement, le bloc d'alignement contient le sujet d'alignement et il adopte le [mode d'ecriture](/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligner_des_%C3%A9l%C3%A9ments_dans_un_conteneur_flexible#L'alignement_et_les_modes_d'%C3%A9criture) de la boîte qui établit le bloc conteneur.
diff --git a/files/fr/glossary/alignment_subject/index.md b/files/fr/glossary/alignment_subject/index.md
index 8c4839e731a383..0ab849d1965ecd 100644
--- a/files/fr/glossary/alignment_subject/index.md
+++ b/files/fr/glossary/alignment_subject/index.md
@@ -2,7 +2,6 @@
 title: Alignment subject
 slug: Glossary/Alignment_Subject
 translation_of: Glossary/Alignment_Subject
-original_slug: Glossaire/Alignment_Subject
 ---
 
 Dans le [CSS Box Alignment (alignement des boîtes en CSS)](/fr/docs/Web/CSS/CSS_Box_Alignment) l'**alignment subject** (le sujet de l'alignement) est la ou les choses alignées par la propriété.
diff --git a/files/fr/glossary/alpn/index.md b/files/fr/glossary/alpn/index.md
index e78fb772410845..bebd4cb1c1320b 100644
--- a/files/fr/glossary/alpn/index.md
+++ b/files/fr/glossary/alpn/index.md
@@ -1,14 +1,7 @@
 ---
 title: ALPN
 slug: Glossary/ALPN
-tags:
-  - ALPN
-  - Brouillon
-  - Glossaire
-  - NeedsContent
-  - TLS
 translation_of: Glossary/ALPN
-original_slug: Glossaire/ALPN
 ---
 
 **Application-Layer {{Glossary("Protocol")}} Negotiation** (**ALPN**) est une extension {{Glossary("TLS")}} qui indique quel protocole de couche d'application négocie la connexion chiffrée sans nécessiter d'aller-retour supplémentaires.
diff --git a/files/fr/glossary/api/index.md b/files/fr/glossary/api/index.md
index a5a63a1a31e21a..5a2a4850d0a7c5 100644
--- a/files/fr/glossary/api/index.md
+++ b/files/fr/glossary/api/index.md
@@ -1,12 +1,7 @@
 ---
 title: API
 slug: Glossary/API
-tags:
-  - Encodage
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/API
-original_slug: Glossaire/API
 ---
 
 Une API (Application Programming Interface) est un ensemble de fonctionnalités et de règles existant dans un logiciel permettant d'intéragir avec celui-ci de manière automatisée (plutôt que de passer par une interface utilisateur). L'API peut être vue comme un contrat simple passé entre le logiciel qui la propose et d'autres entités, telles que des logiciels ou matériels tiers.
diff --git a/files/fr/glossary/application_context/index.md b/files/fr/glossary/application_context/index.md
index 1594859b57d878..a583a2451f7cd5 100644
--- a/files/fr/glossary/application_context/index.md
+++ b/files/fr/glossary/application_context/index.md
@@ -1,11 +1,7 @@
 ---
 title: Contexte d'application
 slug: Glossary/Application_context
-tags:
-  - Glossaire
-  - scripts
 translation_of: Glossary/application_context
-original_slug: Glossaire/application_context
 ---
 
 Un **contexte d'application** est un [contexte de navigation](/fr/docs/Glossaire/Browsing_context) de haut niveau lié à un [manifeste](/fr/docs/Web/Manifest).
diff --git a/files/fr/glossary/argument/index.md b/files/fr/glossary/argument/index.md
index 1076ffd8e583b2..bd713b5621d052 100644
--- a/files/fr/glossary/argument/index.md
+++ b/files/fr/glossary/argument/index.md
@@ -1,12 +1,7 @@
 ---
 title: Argument
 slug: Glossary/Argument
-tags:
-  - Encodage
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/Argument
-original_slug: Glossaire/Argument
 ---
 
 Un **argument** est une {{Glossary("Value","valeur")}} ({{Glossary("Primitive", "primitive")}} ou {{Glossary("Object", "objet")}}) passée en tant qu'entrée à une {{Glossary("Function", "fonction")}}.
diff --git a/files/fr/glossary/aria/index.md b/files/fr/glossary/aria/index.md
index eeac46844718ad..4a03d7f61f61c0 100644
--- a/files/fr/glossary/aria/index.md
+++ b/files/fr/glossary/aria/index.md
@@ -1,11 +1,7 @@
 ---
 title: ARIA
 slug: Glossary/ARIA
-tags:
-  - Accessibilité
-  - Glossaire
 translation_of: Glossary/ARIA
-original_slug: Glossaire/ARIA
 ---
 
 **ARIA** (_Accessible Rich {{glossary("Internet")}} Applications_) est une spécification technique du {{Glossary("W3C")}}. ARIA décrit comment ajouter de la sémantique et d'autres métadonnées à du contenu {{Glossary("HTML")}} dans le but de répondre aux besoins des technologies d'assistance.
diff --git a/files/fr/glossary/arpa/index.md b/files/fr/glossary/arpa/index.md
index 1a27cc188d2e55..921ebdc4d55c92 100644
--- a/files/fr/glossary/arpa/index.md
+++ b/files/fr/glossary/arpa/index.md
@@ -1,11 +1,7 @@
 ---
 title: ARPA
 slug: Glossary/ARPA
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/ARPA
-original_slug: Glossaire/ARPA
 ---
 
 **.arpa** (address and routing parameter area) est un {{glossary("TLD","domaine de premier niveau")}} utilisé dans des objectifs relatifs à l'infrastructure d'Internet, en particulier des recherches DNS inverses (c'est-à-dire, trouver le {{glossary( 'domain name' ,'nom de domaine')}} d'une {{glossary( "IP address" ,"adresse IP")}} donnée).
diff --git a/files/fr/glossary/arpanet/index.md b/files/fr/glossary/arpanet/index.md
index 0cdc294f640af4..6ebe17fda5cd4d 100644
--- a/files/fr/glossary/arpanet/index.md
+++ b/files/fr/glossary/arpanet/index.md
@@ -1,11 +1,7 @@
 ---
 title: Arpanet
 slug: Glossary/Arpanet
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/Arpanet
-original_slug: Glossaire/Arpanet
 ---
 
 **ARPAnet** (advanced research projects agency network) était l'un des premiers réseaux informatiques, construit en 1969 comme un support robuste pour transmettre des données militaires sensibles et pour relier des groupes à la pointe de la recherche à travers le territoire des États-Unis. ARPAnet utilisait d'abord NCP (network control protocol) puis par la suite la première version de la suite des protocoles Internet ou {{glossary("TCP")}}/{{glossary("IPv6","IP")}}, ce qui a fait d'ARPAnet une partie importante du naissant {{glossary("Internet")}}. ARPAnet a fermé au début des années 90.
diff --git a/files/fr/glossary/array/index.md b/files/fr/glossary/array/index.md
index 856df12502c565..df5f70f81f8580 100644
--- a/files/fr/glossary/array/index.md
+++ b/files/fr/glossary/array/index.md
@@ -1,15 +1,7 @@
 ---
 title: Tableau (Array)
 slug: Glossary/Array
-tags:
-  - Encodage
-  - Glossaire
-  - JavaScript
-  - Liste
-  - Programmation
-  - Tableau
 translation_of: Glossary/array
-original_slug: Glossaire/array
 ---
 
 En anglais, un **_array_**, parfois appelé en français « tableau » ou « liste », est une collection de données ({{Glossary("Primitive","primitives")}} ou {{Glossary("Object","objets")}} selon le langage). Ils sont utilisés pour stocker plusieurs valeurs dans une seule variable. Ceci est comparé à une variable qui ne peut stocker qu'une seule valeur.
diff --git a/files/fr/glossary/ascii/index.md b/files/fr/glossary/ascii/index.md
index 84d3f813319f18..1c2cc48297701f 100644
--- a/files/fr/glossary/ascii/index.md
+++ b/files/fr/glossary/ascii/index.md
@@ -1,11 +1,7 @@
 ---
 title: ASCII
 slug: Glossary/ASCII
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/ASCII
-original_slug: Glossaire/ASCII
 ---
 
 **ASCII** (_American Standard Code for Information Interchange_) est l'une des méthodes d'encodage utilisées par les ordinateurs pour convertir les lettres, les nombres, la ponctuation et les codes de contrôle sous forme numérique. Depuis 2007, l'{{Glossary("UTF-8")}} est privilégié sur internet.
diff --git a/files/fr/glossary/asynchronous/index.md b/files/fr/glossary/asynchronous/index.md
index b1d53319dc6656..9256f50b5fde20 100644
--- a/files/fr/glossary/asynchronous/index.md
+++ b/files/fr/glossary/asynchronous/index.md
@@ -1,12 +1,7 @@
 ---
 title: Asynchrone
 slug: Glossary/Asynchronous
-tags:
-  - Glossaire
-  - Mécanismes web
-  - Web
 translation_of: Glossary/Asynchronous
-original_slug: Glossaire/Asynchronous
 ---
 
 _Asynchrone_ fait référence à un environnement de communication où chaque partie reçoit et traite les messages lorsque c'est possible ou plus pratique, au lieu de le faire au même moment.
diff --git a/files/fr/glossary/atag/index.md b/files/fr/glossary/atag/index.md
index 1aa2a08f7b9532..982a2fe45dc208 100644
--- a/files/fr/glossary/atag/index.md
+++ b/files/fr/glossary/atag/index.md
@@ -1,14 +1,7 @@
 ---
 title: ATAG
 slug: Glossary/ATAG
-tags:
-  - ATAG
-  - Accessibilité
-  - Conception accessibilité
-  - Glossaire
-  - Règles de création d'outils accessibles
 translation_of: Glossary/ATAG
-original_slug: Glossaire/ATAG
 ---
 
 _Authoring Tool Accessibility Guidelines_ (ATAG) est une recommandation {{Glossary("W3C")}} pour construire des outils de création-accessibilité qui produisent des contenus accessibles.
diff --git a/files/fr/glossary/attribute/index.md b/files/fr/glossary/attribute/index.md
index 0b00c17dcc9f85..a57c7f943c5503 100644
--- a/files/fr/glossary/attribute/index.md
+++ b/files/fr/glossary/attribute/index.md
@@ -1,12 +1,7 @@
 ---
 title: Attribut
 slug: Glossary/Attribute
-tags:
-  - Encodage
-  - Glossaire
-  - HTML
 translation_of: Glossary/Attribute
-original_slug: Glossaire/Attribut
 ---
 
 Un _attribut_ vient compléter un {{Glossary("tag")}}. Sa présence peut être requise ou facultative. Il peut fournir des méta-informations ou changer le comportement du tag. La syntaxe est `name=value` où _name_ est l'identificateur de l'attribut et _value_ sa valeur attribuée.
diff --git a/files/fr/glossary/bandwidth/index.md b/files/fr/glossary/bandwidth/index.md
index 751c39a95e2022..af5421d64fa546 100644
--- a/files/fr/glossary/bandwidth/index.md
+++ b/files/fr/glossary/bandwidth/index.md
@@ -1,11 +1,7 @@
 ---
 title: Bande passante
 slug: Glossary/Bandwidth
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/Bandwidth
-original_slug: Glossaire/Bandwidth
 ---
 
 La bande passante est la mesure de la quantité d'informations qui peut passer dans une connexion de données sur une période de temps donnée. Elle est généralement exprimée en multiples de bits-par-seconde (bps), par exemple mégabits-par-seconde (Mbps) ou gigabits-par-seconde (Gbps).
diff --git a/files/fr/glossary/baseline/index.md b/files/fr/glossary/baseline/index.md
index fdebe9aaff859e..e0f528c430c289 100644
--- a/files/fr/glossary/baseline/index.md
+++ b/files/fr/glossary/baseline/index.md
@@ -1,14 +1,7 @@
 ---
 title: Ligne de base
 slug: Glossary/Baseline
-tags:
-  - Alignement
-  - CSS
-  - Glossaire
-  - SVG
-  - Typographie
 translation_of: Glossary/baseline
-original_slug: Glossaire/ligne_de_base
 ---
 
 La **ligne de base** (<i lang="en">baseline</i> en anglais) est une expression utilisée en typographie européenne et ouest-asiatique pour désigner une ligne imaginaire sur laquelle les caractères d’une police reposent.
diff --git a/files/fr/glossary/beacon/index.md b/files/fr/glossary/beacon/index.md
index 38029104231acd..d55ee585ed01b8 100644
--- a/files/fr/glossary/beacon/index.md
+++ b/files/fr/glossary/beacon/index.md
@@ -2,7 +2,6 @@
 title: beacon
 slug: Glossary/Beacon
 translation_of: Glossary/beacon
-original_slug: Glossaire/beacon
 ---
 
 Un **beacon** Web est un petit objet, tel qu'un gif de 1 pixel, intégré au balisage, utilisé pour communiquer des informations au serveur Web ou à des serveurs tiers. Les beacons sont généralement inclus pour fournir des informations sur l'utilisateur à des fins statistiques. Les beacons sont souvent inclus dans des scripts tiers pour collecter des données utilisateur, des mesures de performance et des rapports d'erreurs.
diff --git a/files/fr/glossary/bezier_curve/index.md b/files/fr/glossary/bezier_curve/index.md
index ee0673f6258638..0139884f534222 100644
--- a/files/fr/glossary/bezier_curve/index.md
+++ b/files/fr/glossary/bezier_curve/index.md
@@ -1,13 +1,7 @@
 ---
 title: Courbe de Bézier
 slug: Glossary/Bezier_curve
-tags:
-  - Courbe de Bézier
-  - Glossaire
-  - Reference
-  - graphique
 translation_of: Glossary/Bézier_curve
-original_slug: Glossary/Bézier_curve
 ---
 
 Une **courbe de Bézier** est une courbe décrite mathématiquement utilisée en infographie et en animation. Dans {{Glossary("vector image", "vector images")}}, elles sont utilisées pour modéliser des courbes lisses qui peuvent être redimensionnées indéfiniment.
diff --git a/files/fr/glossary/bidi/index.md b/files/fr/glossary/bidi/index.md
index c5a67d0218feac..299bd37a6b1065 100644
--- a/files/fr/glossary/bidi/index.md
+++ b/files/fr/glossary/bidi/index.md
@@ -1,13 +1,7 @@
 ---
 title: BiDi
 slug: Glossary/BiDi
-tags:
-  - Accessibilité
-  - Glossaire
-  - Internationalisation
-  - Langues
 translation_of: Glossary/BiDi
-original_slug: Glossaire/BiDi
 ---
 
 **BiDi** (BiDirectionnel) fait référence à un document contenant à la fois du texte se lisant de droite à gauche et du texte se lisant de gauche à droite. Même lorsque les deux directions se trouvent dans le même paragraphe, le texte de chaque langue doit apparaître dans son propre sens.
diff --git a/files/fr/glossary/bigint/index.md b/files/fr/glossary/bigint/index.md
index de1cd785a70610..91c4fbfd6b3950 100644
--- a/files/fr/glossary/bigint/index.md
+++ b/files/fr/glossary/bigint/index.md
@@ -1,14 +1,7 @@
 ---
 title: BigInt
 slug: Glossary/BigInt
-tags:
-  - BigInt
-  - Glossaire
-  - JavaScript
-  - Reference
-  - format de précision arbitraire
 translation_of: Glossary/BigInt
-original_slug: Glossaire/BigInt
 ---
 
 Dans {{Glossary("JavaScript")}}, **BigInt** est un type de données numériques qui peut représenter des entiers au [format de précision arbitraire](https://en.wikipedia.org/wiki/Arbitrary-precision_arithmetic). Dans d'autres langages de programmation, différents types numériques peuvent exister, par exemple : Entiers, Flottants, Doubles, ou Bignums.
diff --git a/files/fr/glossary/blink/index.md b/files/fr/glossary/blink/index.md
index a2f8d9b1258142..6d5299ef16b95b 100644
--- a/files/fr/glossary/blink/index.md
+++ b/files/fr/glossary/blink/index.md
@@ -1,12 +1,7 @@
 ---
 title: Blink
 slug: Glossary/Blink
-tags:
-  - Agencement
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/Blink
-original_slug: Glossaire/Blink
 ---
 
 **Blink** est un moteur de rendu HTML libre basé sur {{Glossary("WebKit")}} et développé principalement par Google dans le cadre du projet Chromium (et par conséquent présent dans Chrome aussi). Plus particulièrement, Blink est une branche de la bibliothèque WebCore de WebKit qui gère l'agencement, le rendu et le {{Glossary("DOM")}}.
diff --git a/files/fr/glossary/block-level_content/index.md b/files/fr/glossary/block-level_content/index.md
index 2cf8f37bb46350..f926f44c997728 100644
--- a/files/fr/glossary/block-level_content/index.md
+++ b/files/fr/glossary/block-level_content/index.md
@@ -1,15 +1,7 @@
 ---
 title: Éléments de bloc
 slug: Glossary/Block-level_content
-tags:
-  - Beginner
-  - Development
-  - Débutant
-  - HTML
-  - HTML5
-  - Web
 translation_of: Web/HTML/Block-level_elements
-original_slug: Web/HTML/Block-level_elements
 ---
 
 Les éléments HTML (**Hypertext Markup Language**) étaient historiquement catégorisés comme des éléments de type "block" ou de type "inline". Comme il s'agit d'une caractéristique de présentation, elle est aujourd'hui spécifiée par CSS dans la [disposition en flux](/fr/docs/Web/CSS/CSS_Flow_Layout). Un élément de type bloc occupe tout l'espace horizontal de son élément parent (conteneur), et un espace vertical égal à la hauteur de son contenu, créant ainsi un bloc. Dans cet article, nous examinerons les éléments HTML de type bloc et comment ils diffèrent des [éléments en ligne](/fr/docs/Web/HTML/Inline_elements).
diff --git a/files/fr/glossary/block/css/index.md b/files/fr/glossary/block/css/index.md
index d68a02ee338ac6..3baa3526c849af 100644
--- a/files/fr/glossary/block/css/index.md
+++ b/files/fr/glossary/block/css/index.md
@@ -1,14 +1,7 @@
 ---
 title: Block (CSS)
 slug: Glossary/Block/CSS
-tags:
-  - CSS
-  - Conception
-  - Encodage
-  - Glossaire
-  - HTML
 translation_of: Glossary/Block/CSS
-original_slug: Glossary/Block/Block_(CSS)
 ---
 
 Sur une page web, un **block** est un {{glossary("Element","élément")}} {{glossary("HTML")}} qui apparaît sous l'élément précédent et au-dessus du suivant (communément connu comme un _block-level element_ ). Par exemple, {{htmlelement("p")}} est par défaut un élément de type block, alors que {{htmlelement("a")}} est un _inline element -_ vous pouvez placer plusieurs liens les uns à côté des autres dans votre source HTML et ils seront placés sur la même ligne dans la sortie rendue.
diff --git a/files/fr/glossary/block/index.md b/files/fr/glossary/block/index.md
index 65939a315223a4..cb24f1e698727a 100644
--- a/files/fr/glossary/block/index.md
+++ b/files/fr/glossary/block/index.md
@@ -1,8 +1,6 @@
 ---
 title: Bloc
 slug: Glossary/Block
-tags:
-  - Glossaire
 translation_of: Glossary/Block
 ---
 
diff --git a/files/fr/glossary/block/scripting/index.md b/files/fr/glossary/block/scripting/index.md
index 00b44eb89a902e..59bfa9746e7a59 100644
--- a/files/fr/glossary/block/scripting/index.md
+++ b/files/fr/glossary/block/scripting/index.md
@@ -1,10 +1,6 @@
 ---
 title: Bloc (script)
 slug: Glossary/Block/Scripting
-tags:
-  - Glossaire
-  - JavaScript
-  - Script
 translation_of: Glossary/Block/Scripting
 ---
 
diff --git a/files/fr/glossary/block_cipher_mode_of_operation/index.md b/files/fr/glossary/block_cipher_mode_of_operation/index.md
index cdc2c368b8e128..361f60e593e509 100644
--- a/files/fr/glossary/block_cipher_mode_of_operation/index.md
+++ b/files/fr/glossary/block_cipher_mode_of_operation/index.md
@@ -1,13 +1,7 @@
 ---
 title: Block cipher mode of operation
 slug: Glossary/Block_cipher_mode_of_operation
-tags:
-  - Cryptographie
-  - Glossaire
-  - Mode de fonctionnement de chiffrement par bloc
-  - Sécurité
 translation_of: Glossary/Block_cipher_mode_of_operation
-original_slug: Glossaire/Block_cipher_mode_of_operation
 ---
 
 Un mode de fonctionnement de chiffrement par bloc, généralement appelé simplement "mode" dans le contexte, spécifie comment un chiffrement par bloc doit être utilisé pour chiffrer ou déchiffrer les messages qui sont plus longs que la taille du bloc.
diff --git a/files/fr/glossary/boolean/index.md b/files/fr/glossary/boolean/index.md
index 8647b7ba735cd5..7d384527bc206c 100644
--- a/files/fr/glossary/boolean/index.md
+++ b/files/fr/glossary/boolean/index.md
@@ -1,14 +1,7 @@
 ---
 title: Booléen
 slug: Glossary/Boolean
-tags:
-  - Booléen
-  - Glossaire
-  - JavaScript
-  - Langages de programmation
-  - Types de données
 translation_of: Glossary/Boolean
-original_slug: Glossaire/Boolean
 ---
 
 En informatique, un **booléen** est un type de données logique qui ne peut prendre que deux valeurs : `true` (vrai) ou `false` (faux). Par exemple, en JavaScript, les conditions booléennes sont souvent ouvertes pour décider quelle section de code doit être exécutée (comme dans l'[instruction If](/fr/docs/Web/JavaScript/Reference/Instructions/if...else)) ou répétée (comme pour une [boucle For](/fr/docs/Web/JavaScript/Reference/Instructions/for)).
diff --git a/files/fr/glossary/bounding_box/index.md b/files/fr/glossary/bounding_box/index.md
index 5e7ee40d0ae341..45d00dd7da56d3 100644
--- a/files/fr/glossary/bounding_box/index.md
+++ b/files/fr/glossary/bounding_box/index.md
@@ -1,13 +1,7 @@
 ---
 title: Rectangle à limitation minimum
 slug: Glossary/Bounding_box
-tags:
-  - Bounding Box
-  - Conception
-  - Encodage
-  - Glossaire
 translation_of: Glossary/bounding_box
-original_slug: Glossaire/rectangle_limitation_minimum
 ---
 
 Le **rectangle à limitation minimum** d'un élément est le plus petit rectangle possible (aligné avec les axes du système de coordonnées de l'utilisateur de cet élément) qui inclut cet élément et ses descendants.
diff --git a/files/fr/glossary/breadcrumb/index.md b/files/fr/glossary/breadcrumb/index.md
index dad6aea8769c49..06a5b7e1d359d1 100644
--- a/files/fr/glossary/breadcrumb/index.md
+++ b/files/fr/glossary/breadcrumb/index.md
@@ -1,17 +1,7 @@
 ---
 title: Breadcrumb
 slug: Glossary/Breadcrumb
-tags:
-  - Accessibilité
-  - Chercher
-  - Glossaire
-  - Navigation
-  - Plan du site
-  - Site map
-  - breadcrumb
-  - fil d'Ariane
 translation_of: Glossary/Breadcrumb
-original_slug: Glossaire/Breadcrumb
 ---
 
 Un **breadcrumb**, ou fil d'Ariane, est une aide à la navigation qui est généralement placée entre l'en-tête d'un site et le contenu principal, affichant soit une hiérarchie de la page actuelle par rapport à la structure du site, du niveau supérieur à la page actuelle, soit une liste des liens suivis par l'utilisateur pour accéder à la page en cours, dans l'ordre visité.
diff --git a/files/fr/glossary/brotli_compression/index.md b/files/fr/glossary/brotli_compression/index.md
index 2ad89420a1b775..1504dd79cedbab 100644
--- a/files/fr/glossary/brotli_compression/index.md
+++ b/files/fr/glossary/brotli_compression/index.md
@@ -1,14 +1,7 @@
 ---
 title: Brotli
 slug: Glossary/Brotli_compression
-tags:
-  - Brotli
-  - Glossaire
-  - Performance Web
-  - Reference
-  - compression
 translation_of: Glossary/brotli_compression
-original_slug: Glossaire/brotli_compression
 ---
 
 **Brotli** est un algorithme de compression sans perte à usage général. Il compresse les données à l'aide d'une combinaison d'une variant moderne de l'algorithme LZ77, du codage Huffman, et de la modélisation de contexte de second ordre, fournissant un taux de compression comparable aux meilleures méthodes de compression à usage général actuellement disponibles. Brotli fournit de meilleurs taux de compression que [gzip](/fr/docs/Glossary/GZip_compression) et les vitesses de dégonflage sont comparables, mais la compression brotli est un processus plus lent que la compression Gzip, donc gzip peut être une meilleure option pour la compression de contenue non-[cachable](/fr/docs/Glossary/Cache).
diff --git a/files/fr/glossary/browser/index.md b/files/fr/glossary/browser/index.md
index de574539ccf029..14c7d2db52c9a5 100644
--- a/files/fr/glossary/browser/index.md
+++ b/files/fr/glossary/browser/index.md
@@ -1,11 +1,7 @@
 ---
 title: Navigateur
 slug: Glossary/Browser
-tags:
-  - Glossaire
-  - Navigation
 translation_of: Glossary/Browser
-original_slug: Glossaire/Navigateur
 ---
 
 Un _navigateur internet_ est un programme informatique qui reçoit et affiche les pages du {{Glossary("World Wide Web","Web")}}, et permet aux utilisateurs d'accéder à d'autres pages au travers d'{{Glossary("hyperlink","hyperliens")}}.
diff --git a/files/fr/glossary/browsing_context/index.md b/files/fr/glossary/browsing_context/index.md
index 35e347156f688b..1c9bac5bc577b8 100644
--- a/files/fr/glossary/browsing_context/index.md
+++ b/files/fr/glossary/browsing_context/index.md
@@ -1,10 +1,7 @@
 ---
 title: Contexte de navigation
 slug: Glossary/Browsing_context
-tags:
-  - Glossaire
 translation_of: Glossary/Browsing_context
-original_slug: Glossaire/Browsing_context
 ---
 
 Un **contexte de navigation** est l'environnement dans lequel un {{glossary("Browser","navigateur")}} affiche un {{domxref("Document","document")}}. Dans les navigateurs modernes, il s'agit généralement d'un onglet, mais il peut s'agir d'une fenêtre ou encore seulement des parties d'une page, comme une {{HTMLElement("frame")}} ou une {{HTMLElement("iframe")}}.
diff --git a/files/fr/glossary/buffer/index.md b/files/fr/glossary/buffer/index.md
index ecca8f644fd2b8..ca989f8ca359fc 100644
--- a/files/fr/glossary/buffer/index.md
+++ b/files/fr/glossary/buffer/index.md
@@ -1,11 +1,7 @@
 ---
 title: Tampon
 slug: Glossary/Buffer
-tags:
-  - Glossaire
-  - Stockage temporaire
 translation_of: Glossary/buffer
-original_slug: Glossaire/Tampon
 ---
 
 Un tampon est un stockage dans la mémoire physique utilisé pour stocker temporairement des données pendant leur transfert d'un endroit à un autre.
diff --git a/files/fr/glossary/cache/index.md b/files/fr/glossary/cache/index.md
index 3a475cc325fec8..4d43a49a7bb610 100644
--- a/files/fr/glossary/cache/index.md
+++ b/files/fr/glossary/cache/index.md
@@ -1,11 +1,7 @@
 ---
 title: Cache
 slug: Glossary/Cache
-tags:
-  - Glossaire
-  - HTTP
 translation_of: Glossary/Cache
-original_slug: Glossaire/Cache
 ---
 
 Un **cache** (cache web ou cache HTTP) est un composant stockant temporairement les réponses HTTP dans le but de les réutiliser lors de requêtes HTTP ultérieures, tant qu'elles remplissent certaines conditions.
diff --git a/files/fr/glossary/cacheable/index.md b/files/fr/glossary/cacheable/index.md
index 7238709d2f224f..12291fd3cc2f5e 100644
--- a/files/fr/glossary/cacheable/index.md
+++ b/files/fr/glossary/cacheable/index.md
@@ -1,12 +1,7 @@
 ---
 title: Apte à être mis en cache
 slug: Glossary/Cacheable
-tags:
-  - Glossaire
-  - Mise en cache
-  - Mécanismes web
 translation_of: Glossary/cacheable
-original_slug: Glossaire/cacheable
 ---
 
 Une réponse apte à être mise en cache (_cacheable_) est une réponse HTTP qui peut être mise en cache, qui est stockée pour être récupérée et utilisée plus tard, en enregistrant une nouvelle requête sur le serveur. Toutes les réponses HTTP ne peuvent pas être mises en cache, les contraintes suivantes sont requises pour qu'une réponse HTTP soit mise en cache :
diff --git a/files/fr/glossary/caldav/index.md b/files/fr/glossary/caldav/index.md
index ddb5695e10e3ad..f6dcb53219f208 100644
--- a/files/fr/glossary/caldav/index.md
+++ b/files/fr/glossary/caldav/index.md
@@ -1,12 +1,7 @@
 ---
 title: CalDAV
 slug: Glossary/CalDAV
-tags:
-  - CalDAV
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/CalDAV
-original_slug: Glossaire/CalDAV
 ---
 
 CalDAV (extensions de gestion de calendrier pour {{Glossary("WebDAV")}}) est un {{glossary("protocol","protocole")}} normalisé par l'IETF utilisé pour accéder à distance à des données d'agendas stockées sur un {{glossary("server","serveur")}}.
diff --git a/files/fr/glossary/call_stack/index.md b/files/fr/glossary/call_stack/index.md
index e148d40e98b9c9..68420ca2d803f4 100644
--- a/files/fr/glossary/call_stack/index.md
+++ b/files/fr/glossary/call_stack/index.md
@@ -1,12 +1,7 @@
 ---
 title: Pile d'exécution
 slug: Glossary/Call_stack
-tags:
-  - Encodage
-  - Glossaire
-  - Pile d'exécution
 translation_of: Glossary/Call_stack
-original_slug: Glossaire/Pile_d_exécution
 ---
 
 Une **pile d'exécution** est le mécanisme d'un interpréteur (comme l'interpréteur de JavaScript sur un navigateur web) pour conserver la trace de son emplacement dans un script qui appelle plusieurs {{glossary("Function","fonctions")}} depuis d'autres fonctions — quelle fonction est en cours d'exécution, quelles fonctions sont appelées depuis cette fonction et doivent être appelées ensuite, etc.
diff --git a/files/fr/glossary/callback_function/index.md b/files/fr/glossary/callback_function/index.md
index 0144e4d7b6706d..f8ca5611f1852f 100644
--- a/files/fr/glossary/callback_function/index.md
+++ b/files/fr/glossary/callback_function/index.md
@@ -1,13 +1,7 @@
 ---
 title: Fonction de rappel (callback)
 slug: Glossary/Callback_function
-tags:
-  - Callback
-  - Fonction de rappel
-  - Glossaire
-  - Rappel
 translation_of: Glossary/Callback_function
-original_slug: Glossaire/Fonction_de_rappel
 ---
 
 Une fonction de rappel (aussi appelée _callback_ en anglais) est une fonction passée dans une autre fonction en tant qu'argument, qui est ensuite invoquée à l'intérieur de la fonction externe pour accomplir une sorte de routine ou d'action.
diff --git a/files/fr/glossary/canonical_order/index.md b/files/fr/glossary/canonical_order/index.md
index b7db8c12a574ad..5ebbacae1fcc1c 100644
--- a/files/fr/glossary/canonical_order/index.md
+++ b/files/fr/glossary/canonical_order/index.md
@@ -1,13 +1,7 @@
 ---
 title: Ordre canonique
 slug: Glossary/Canonical_order
-tags:
-  - CSS
-  - Encodage
-  - Glossaire
-  - ordre canonique
 translation_of: Glossary/Canonical_order
-original_slug: Glossaire/Ordre_canonique
 ---
 
 En CSS, la locution "ordre canonique" est utilisée pour désigner l'ordre dans lequel des valeurs séparées doivent être spécifiées (ou {{Glossary("parse","analysées")}}) ou doivent être {{Glossary("serialization","sérialisées")}} dans le cadre d'une valeur de propriété CSS. Il est défini par la {{Glossary ("Syntax","syntaxe")}} formelle de la propriété et se réfère normalement à l'ordre dans lequel les valeurs longues doivent être spécifiées dans le cadre d'une seule valeur raccourcie.
diff --git a/files/fr/glossary/canvas/index.md b/files/fr/glossary/canvas/index.md
index 45914d741798f6..fb42f9f1fd0977 100644
--- a/files/fr/glossary/canvas/index.md
+++ b/files/fr/glossary/canvas/index.md
@@ -1,14 +1,7 @@
 ---
 title: Canvas
 slug: Glossary/Canvas
-tags:
-  - Glossaire
-  - Graphismes
-  - HTML
-  - JavaScript
-  - scripts
 translation_of: Glossary/Canvas
-original_slug: Glossaire/Canvas
 ---
 
 L'élément {{Glossary("HTML")}} _{{HTMLElement("canvas")}}_ fournit une zone graphique vide sur laquelle des {{Glossary("API","API")}} {{Glossary("JavaScript")}} spécifiques peuvent dessiner (telles que des Canvas 2D ou du {{Glossary("WebGL")}}) .
diff --git a/files/fr/glossary/card_sorting/index.md b/files/fr/glossary/card_sorting/index.md
index bc478bac3bf831..641fff690ab109 100644
--- a/files/fr/glossary/card_sorting/index.md
+++ b/files/fr/glossary/card_sorting/index.md
@@ -1,11 +1,7 @@
 ---
 title: Tri par cartes
 slug: Glossary/Card_sorting
-tags:
-  - Conception
-  - Glossaire
 translation_of: Glossary/Card_sorting
-original_slug: Glossaire/Tri_par_cartes
 ---
 
 Le **tri par cartes** est une méthode simple utilisée en {{glossary("Information architecture","architecture informatique")}}. Les gens impliqués dans la conception d'un site (ou d'un autre type de produit) sont invités à formaliser le contenu, les services et les fonctionnalités qui leur semblent essentiels au produit. Ensuite, ces fonctionnalités sont triées par catégories ou groupements. Cette technique peut être utile pour déterminer, par exemple, ce qui devrait aller sur chaque page d'un site. L'origine du nom est simple : souvent, le tri par carte consiste à écrire des éléments à trier sur des cartes et à ensuite trier ces cartes dans différentes piles.
diff --git a/files/fr/glossary/carddav/index.md b/files/fr/glossary/carddav/index.md
index 422a1842b06846..34908d46ce2497 100644
--- a/files/fr/glossary/carddav/index.md
+++ b/files/fr/glossary/carddav/index.md
@@ -1,12 +1,7 @@
 ---
 title: CardDAV
 slug: Glossary/CardDAV
-tags:
-  - CardDAV
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/CardDAV
-original_slug: Glossaire/CardDAV
 ---
 
 **CardDAV** (extension vCard pour {{Glossary("WebDAV")}}) est un {{glossary("protocol","protocole")}} normalisé par l'IETF et utilisé pour partager ou accéder à distance à des informations de contacts par l'intermédiaire d'un {{glossary("server","serveur")}}.
diff --git a/files/fr/glossary/caret/index.md b/files/fr/glossary/caret/index.md
index 4f1906de8fa8cd..0c7fbadc7b7371 100644
--- a/files/fr/glossary/caret/index.md
+++ b/files/fr/glossary/caret/index.md
@@ -1,12 +1,7 @@
 ---
 title: Curseur "caret"
 slug: Glossary/Caret
-tags:
-  - Curseurs
-  - Glossaire
-  - Insertion
 translation_of: Glossary/caret
-original_slug: Glossaire/Curseur_caret
 ---
 
 Un curseur (_"caret"_ parfois appelé "curseur de texte") est un indicateur affiché sur l'écran pour indiquer où la saisie de texte sera insérée. La plupart des interfaces utilisateur représentent le curseur à l'aide d'une fine ligne verticale ou d'une boîte de taille de caractère qui clignote, mais cela peut varier. Ce point dans le texte est appelé le point d'insertion. Le mot anglais "_caret_" différencie le point d'insertion du texte du curseur (_cursor_) de la souris.
diff --git a/files/fr/glossary/cdn/index.md b/files/fr/glossary/cdn/index.md
index 3b869a8cd059c5..0780b3c3b1ce04 100644
--- a/files/fr/glossary/cdn/index.md
+++ b/files/fr/glossary/cdn/index.md
@@ -1,11 +1,7 @@
 ---
 title: CDN
 slug: Glossary/CDN
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/CDN
-original_slug: Glossaire/CDN
 ---
 
 Un **CDN** (Content Delivery Network) est un groupe de serveurs répartis en de nombreux endroits. Ces serveurs répliquent des copies des données. De cette manière, les serveurs peuvent répondre aux requêtes de données en se basant sur les serveurs les plus proches de leurs utilisateurs finaux respectifs. Les CDN rendent les services rapides et moins affectés par les trafics élevés.
diff --git a/files/fr/glossary/certificate_authority/index.md b/files/fr/glossary/certificate_authority/index.md
index 46cbab7c8012ad..6bd6a6d018a9ba 100644
--- a/files/fr/glossary/certificate_authority/index.md
+++ b/files/fr/glossary/certificate_authority/index.md
@@ -1,12 +1,7 @@
 ---
 title: Autorité de certification
 slug: Glossary/Certificate_authority
-tags:
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Certificate_authority
-original_slug: Glossaire/Certificate_authority
 ---
 
 Une autorité de certification (AC, ou CA en anglais) est une organisation qui {{Glossary("Signature/Security", "signe")}} des {{Glossary("Digital certificate", "certificats numériques")}} et leurs {{Glossary("Clé", "clés publiques")}} associées. Cela certifie qu'une organisation qui a demandé un certificat numérique (exemple : Mozilla Corporation) est autorisée à demander un certificat pour le sujet nommé dans celui-ci (exemple : mozilla.org).
diff --git a/files/fr/glossary/certified/index.md b/files/fr/glossary/certified/index.md
index 4c0a90cbf92e12..988ae6e251c710 100644
--- a/files/fr/glossary/certified/index.md
+++ b/files/fr/glossary/certified/index.md
@@ -1,13 +1,7 @@
 ---
 title: Certifié
 slug: Glossary/Certified
-tags:
-  - Applications
-  - Firefox OS
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Certified
-original_slug: Glossaire/Certifié
 ---
 
 **Certifié** signifie qu'un contenu, une application ou une transmission de données a passé avec succès une évaluation faite par des professionnels ayant une expertise dans le domaine concerné, indiquant ainsi l'exhaustivité, la sécurité et la fiabilité.
diff --git a/files/fr/glossary/challenge/index.md b/files/fr/glossary/challenge/index.md
index bc8b929f68d94d..b506a42dae1234 100644
--- a/files/fr/glossary/challenge/index.md
+++ b/files/fr/glossary/challenge/index.md
@@ -1,12 +1,7 @@
 ---
 title: Authentification par défi-réponse
 slug: Glossary/Challenge
-tags:
-  - Glossaire
-  - Protocoles
-  - Sécurité
 translation_of: Glossary/challenge
-original_slug: Glossaire/défi_réponse
 ---
 
 Dans les protocoles de sécurité, un défi (_challenge_), c'est quelques données envoyées au client par le serveur demandant des réponses différentes à chaque fois. Les protocoles défi-réponse sont une manière de combattre des [attaques par rejeu](https://fr.wikipedia.org/wiki/Attaque_par_rejeu) dans lesquelles un attaquant écoute le message précédent et le renvoie une nouvelle fois pour obtenir la même information d'identification que le message original.
diff --git a/files/fr/glossary/character/index.md b/files/fr/glossary/character/index.md
index 066e1d87ebf56c..9f85828b82b95f 100644
--- a/files/fr/glossary/character/index.md
+++ b/files/fr/glossary/character/index.md
@@ -1,13 +1,7 @@
 ---
 title: Caractère
 slug: Glossary/Character
-tags:
-  - Caractères
-  - Chaîne de caractères
-  - Glossaire
-  - scripts
 translation_of: Glossary/Character
-original_slug: Glossaire/Character
 ---
 
 Un **caractère** peut être un symbole (lettre, chiffre, ponctuation) ou un caractère de contrôle (par exemple un retour chariot ou un trait d'union conditionnel). {{glossary("UTF-8")}} est le jeu de caractères le plus courant. Il comprend les graphèmes des langues les plus répandues.
diff --git a/files/fr/glossary/character_encoding/index.md b/files/fr/glossary/character_encoding/index.md
index d18a6e9aeb9913..5b856248541696 100644
--- a/files/fr/glossary/character_encoding/index.md
+++ b/files/fr/glossary/character_encoding/index.md
@@ -1,13 +1,7 @@
 ---
 title: Codage des caractères
 slug: Glossary/Character_encoding
-tags:
-  - Composition
-  - Glossaire
-  - Internationalisation
-  - Langues
 translation_of: Glossary/character_encoding
-original_slug: Glossaire/codage_caracteres
 ---
 
 Un encodage définit une correspondance entre les octets et le texte. Une séquence d'octets permet différentes interprétations textuelles. En spécifiant un codage particulier (tel que UTF-8), nous spécifions comment la séquence d'octets doit être interprétée.
diff --git a/files/fr/glossary/character_set/index.md b/files/fr/glossary/character_set/index.md
index cd0648583a5979..f9ebe208737dcd 100644
--- a/files/fr/glossary/character_set/index.md
+++ b/files/fr/glossary/character_set/index.md
@@ -1,10 +1,6 @@
 ---
 title: Jeu de caractères
 slug: Glossary/Character_set
-tags:
-  - Glossary
-  - character encoding
-  - character set
 translation_of: Glossary/character_set
 ---
 
diff --git a/files/fr/glossary/chrome/index.md b/files/fr/glossary/chrome/index.md
index e4a5baaf4088cb..d7f15f3a138b76 100644
--- a/files/fr/glossary/chrome/index.md
+++ b/files/fr/glossary/chrome/index.md
@@ -1,13 +1,7 @@
 ---
 title: Chrome
 slug: Glossary/Chrome
-tags:
-  - Chrome
-  - Glossaire
-  - Mécaniques web
-  - Navigateur
 translation_of: Glossary/Chrome
-original_slug: Glossaire/Chrome
 ---
 
 ## Résumé
diff --git a/files/fr/glossary/cia/index.md b/files/fr/glossary/cia/index.md
index 4920588dafcd84..31351a1e925bfc 100644
--- a/files/fr/glossary/cia/index.md
+++ b/files/fr/glossary/cia/index.md
@@ -1,11 +1,7 @@
 ---
 title: DIC
 slug: Glossary/CIA
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/CIA
-original_slug: Glossaire/DIC
 ---
 
 DIC (Disponibilité, Intégrité, Confidentialité) (également appelé triade DIC ou triade CID) est un modèle qui guide les stratégies d'une organisation dans le domaine de la sécurité de l'information.
diff --git a/files/fr/glossary/cipher/index.md b/files/fr/glossary/cipher/index.md
index 3d0118565716f4..ecf442e6f51e70 100644
--- a/files/fr/glossary/cipher/index.md
+++ b/files/fr/glossary/cipher/index.md
@@ -1,14 +1,7 @@
 ---
 title: Chiffre
 slug: Glossary/Cipher
-tags:
-  - Attaques
-  - Cryptographie
-  - Glossaire
-  - Sécurité
-  - Vie privée
 translation_of: Glossary/Cipher
-original_slug: Glossaire/Chiffre
 ---
 
 En {{glossary("cryptography","cryptographie")}}, un **chiffre** est un algorithme qui permet de {{glossary("encryption","chiffrer")}} du {{glossary("cleartext","texte brut")}} dans le but de le rendre illisible et de le {{glossary("decryption", "déchiffrer")}} par la suite.
diff --git a/files/fr/glossary/cipher_suite/index.md b/files/fr/glossary/cipher_suite/index.md
index ae927dc3a28884..77733956d8a44e 100644
--- a/files/fr/glossary/cipher_suite/index.md
+++ b/files/fr/glossary/cipher_suite/index.md
@@ -1,12 +1,7 @@
 ---
 title: Suite de chiffrement
 slug: Glossary/Cipher_suite
-tags:
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Cipher_suite
-original_slug: Glossaire/suite_de_chiffrement
 ---
 
 Une **suite de chiffrement** est un ensemble comprenant un algorithme d'échange de clefs, une méthode d'authentification, un {{glossary("Cipher","chiffre")}} et un code d'authentification des messages.
diff --git a/files/fr/glossary/ciphertext/index.md b/files/fr/glossary/ciphertext/index.md
index 252be69ea857f5..e7907d808b4faa 100644
--- a/files/fr/glossary/ciphertext/index.md
+++ b/files/fr/glossary/ciphertext/index.md
@@ -1,14 +1,7 @@
 ---
 title: Cryptogramme
 slug: Glossary/Ciphertext
-tags:
-  - Confidentialité
-  - Cryptographie
-  - Glossaire
-  - Privacy
-  - Sécurité
 translation_of: Glossary/Ciphertext
-original_slug: Glossaire/Cryptogramme
 ---
 
 En {{glossary("cryptography","cryptographie")}}, un cryptogramme est un message codé qui contient des informations mais qui n'est pas lisible sauf s'il est {{glossary("decryption","déchiffré")}} avec le bon {{glossary("cipher","cryptosystème")}} et le bon code secret (qu'on appelle une {{glossary("Key","clé")}}). Une fois déchiffré, on obtient le {{glossary("Texte_brut","texte brut")}}. La sécurité d'un cryptogramme et par conséquent celle des informations qu'il contient dépendent de la sécurité du cryptosystème utilisé et de la possibilité de garder la clé secrète.
diff --git a/files/fr/glossary/class/index.md b/files/fr/glossary/class/index.md
index c229f031cf669a..1c285d43337344 100644
--- a/files/fr/glossary/class/index.md
+++ b/files/fr/glossary/class/index.md
@@ -1,11 +1,7 @@
 ---
 title: Classe
 slug: Glossary/Class
-tags:
-  - Glossaire
-  - scripts
 translation_of: Glossary/Class
-original_slug: Glossaire/Class
 ---
 
 En {{glossary("OOP","programmation orientée objet")}}, une _classe_ définit les caractéristiques d'un {{glossary("object","objet")}}. Une classe est une définition de modèle pour les {{glossary("property","propriétés")}} et les {{glossary("method","méthodes")}} d'un objet, le "schéma" à partir duquel d'autres instances plus spécifiques de l'objet sont tracées.
diff --git a/files/fr/glossary/closure/index.md b/files/fr/glossary/closure/index.md
index 158fd3cc7102a7..b63232a1c5d6bd 100644
--- a/files/fr/glossary/closure/index.md
+++ b/files/fr/glossary/closure/index.md
@@ -1,11 +1,7 @@
 ---
 title: Fermeture
 slug: Glossary/Closure
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Closure
-original_slug: Glossaire/Fermeture
 ---
 
 La contrainte qui définit la **{{glossary("scope","portée")}}** d'exécution. En {{glossary("JavaScript")}}, les **{{glossary("function","fonctions")}}** créent un contexte de fermeture.
diff --git a/files/fr/glossary/cms/index.md b/files/fr/glossary/cms/index.md
index a97c77048428eb..9df437e9b09546 100644
--- a/files/fr/glossary/cms/index.md
+++ b/files/fr/glossary/cms/index.md
@@ -1,12 +1,7 @@
 ---
 title: CMS
 slug: Glossary/CMS
-tags:
-  - CMS
-  - Composition
-  - Glossaire
 translation_of: Glossary/CMS
-original_slug: Glossaire/CMS
 ---
 
 Un CMS (_Content Management System_ ou Système de gestion de contenu) est un logiciel permettant à un utilisateur de publier, organiser, modifier et supprimer différents types de contenus. Il peut s'agir de textes, d'images, de vidéos, de son ou encore, de code interactif.
diff --git a/files/fr/glossary/codec/index.md b/files/fr/glossary/codec/index.md
index ec1b86e30d0c1e..d3224bedfdc407 100644
--- a/files/fr/glossary/codec/index.md
+++ b/files/fr/glossary/codec/index.md
@@ -1,11 +1,7 @@
 ---
 title: Codec
 slug: Glossary/Codec
-tags:
-  - Glossaire
-  - Mécanique web
 translation_of: Glossary/Codec
-original_slug: Glossaire/Codec
 ---
 
 Un *codec* (terme formé à partir de "**_co_**deur-**_déc_**odeur") est un programme informatique qui code et décode un flux de données.
diff --git a/files/fr/glossary/compile/index.md b/files/fr/glossary/compile/index.md
index d6cd3953e9e097..565f9cdf09f973 100644
--- a/files/fr/glossary/compile/index.md
+++ b/files/fr/glossary/compile/index.md
@@ -1,12 +1,7 @@
 ---
 title: Compilation
 slug: Glossary/Compile
-tags:
-  - Compilation
-  - Glossaire
-  - Langages
 translation_of: Glossary/Compile
-original_slug: Glossaire/Compile
 ---
 
 La compilation est un processus consistant à transformer un programme informatique, écrit dans un langage donné, en un programme dans un autre langage (généralement en assembleur qui pourra être exécuté par l'ordinateur).
diff --git a/files/fr/glossary/compile_time/index.md b/files/fr/glossary/compile_time/index.md
index 474d8e02c73bca..c8721816549ba4 100644
--- a/files/fr/glossary/compile_time/index.md
+++ b/files/fr/glossary/compile_time/index.md
@@ -1,12 +1,7 @@
 ---
 title: Moment de compilation
 slug: Glossary/Compile_time
-tags:
-  - CodingScripting
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/Compile_time
-original_slug: Glossaire/Moment_de_compilation
 ---
 
 Le _moment de compilation_ est le moment allant du premier chargement du programme jusqu'à la fin de son {{Glossary("parse","analyse syntaxique")}}.
diff --git a/files/fr/glossary/computer_programming/index.md b/files/fr/glossary/computer_programming/index.md
index 116c6c09f8f179..2dd3c82a4f224a 100644
--- a/files/fr/glossary/computer_programming/index.md
+++ b/files/fr/glossary/computer_programming/index.md
@@ -1,12 +1,7 @@
 ---
 title: Programmation informatique
 slug: Glossary/Computer_Programming
-tags:
-  - Langage de programmation
-  - Programmation
-  - Programmation informatique
 translation_of: Glossary/Computer_Programming
-original_slug: Glossaire/Computer_Programming
 ---
 
 La programmation informatique est un processus de composition et d'organisation d'un ensemble d'instructions. Celles-ci indiquent à un ordinateur / logiciel ce qu'il faut faire dans une langue que l'ordinateur comprend. Elles sont réalisées sous la forme de plusieurs langages différents tels que C ++, Java, JavaScript, HTML, Python, Ruby et Rust.
diff --git a/files/fr/glossary/conditional/index.md b/files/fr/glossary/conditional/index.md
index 55bcc3c8ed6d2e..a878baab766293 100644
--- a/files/fr/glossary/conditional/index.md
+++ b/files/fr/glossary/conditional/index.md
@@ -1,12 +1,7 @@
 ---
 title: Condition
 slug: Glossary/Conditional
-tags:
-  - Débutant
-  - Glossaire
-  - scripts
 translation_of: Glossary/Conditional
-original_slug: Glossaire/Conditionnel
 ---
 
 Une **condition** est un ensemble de règles qui peut interrompre ou modifier l'exécution normale du code, selon que la condition est remplie ou non.
diff --git a/files/fr/glossary/constant/index.md b/files/fr/glossary/constant/index.md
index 24c8285148e070..23a1694b969687 100644
--- a/files/fr/glossary/constant/index.md
+++ b/files/fr/glossary/constant/index.md
@@ -1,12 +1,7 @@
 ---
 title: Constante
 slug: Glossary/Constant
-tags:
-  - Constante
-  - Glossaire
-  - scripts
 translation_of: Glossary/Constant
-original_slug: Glossaire/Constant
 ---
 
 Une constante est une valeur que le programmeur ne peut pas modifier, des nombres par exemple (1, 2, 42). Par contre, avec des {{glossary("Variable","variables")}}, le programmeur peut affecter une nouvelle {{glossary("value","valeur")}} à un nom de variable déjà utilisé.
diff --git a/files/fr/glossary/constructor/index.md b/files/fr/glossary/constructor/index.md
index 7aa9665b7659a7..6aabf27a70556a 100644
--- a/files/fr/glossary/constructor/index.md
+++ b/files/fr/glossary/constructor/index.md
@@ -1,11 +1,7 @@
 ---
 title: Constructeur
 slug: Glossary/Constructor
-tags:
-  - Glossaire
-  - scripts
 translation_of: Glossary/Constructor
-original_slug: Glossaire/Constructeur
 ---
 
 Un **constructeur** est associé à un {{glossary("object","objet")}} d'une classe particulière qui a été instanciée. Le constructeur initialise cet objet et peut fournir un accès à ses informations privées. Le concept de constructeur peut s'appliquer à la plupart des langages de {{glossary("OOP","programmation orientée objet")}}. Dans l'essentiel, un constructeur en {{glossary("JavaScript")}} est en général déclaré lors de l'instance d'une {{glossary("Class","classe")}}.
diff --git a/files/fr/glossary/control_flow/index.md b/files/fr/glossary/control_flow/index.md
index 1e4f3a37dd1ceb..d54ab76d4df7fd 100644
--- a/files/fr/glossary/control_flow/index.md
+++ b/files/fr/glossary/control_flow/index.md
@@ -1,12 +1,7 @@
 ---
 title: Structure de contrôle
 slug: Glossary/Control_flow
-tags:
-  - Encodage
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/Control_flow
-original_slug: Glossaire/Structure_de_contrôle
 ---
 
 Les _structures de contrôle_ déterminent l'ordre dans lequel l'ordinateur exécute les instructions d'un script.
diff --git a/files/fr/glossary/cookie/index.md b/files/fr/glossary/cookie/index.md
index b662dfb9c6ee66..94ab1dd35a0d15 100644
--- a/files/fr/glossary/cookie/index.md
+++ b/files/fr/glossary/cookie/index.md
@@ -1,11 +1,7 @@
 ---
 title: Cookie
 slug: Glossary/Cookie
-tags:
-  - Glossaire
-  - Mécanique web
 translation_of: Glossary/Cookie
-original_slug: Glossaire/Cookie
 ---
 
 Un cookie est un petit bout d'information laissé via le navigateur web par un site web sur l'ordinateur du visiteur.
diff --git a/files/fr/glossary/copyleft/index.md b/files/fr/glossary/copyleft/index.md
index 9ae38ee2e985ae..213487d7883b80 100644
--- a/files/fr/glossary/copyleft/index.md
+++ b/files/fr/glossary/copyleft/index.md
@@ -1,13 +1,7 @@
 ---
 title: Copyleft
 slug: Glossary/Copyleft
-tags:
-  - Glossaire
-  - OpenPractices
-  - Partage
-  - Remixing
 translation_of: Glossary/Copyleft
-original_slug: Glossaire/Copyleft
 ---
 
 Copyleft est un terme, faisant généralement référence à une licence, utilisé pour indiquer que cette dernière impose la redistribution dudit travail sous la même licence que l'original. Des exemples de licences copyleft sont la GNU {{Glossary("GPL")}} (pour le logiciel) et les licences Creative Commons SA (Share Alike) (pour les œuvres artisitiques).
diff --git a/files/fr/glossary/cors/index.md b/files/fr/glossary/cors/index.md
index 333e798aa172f0..ffa8eaa585002b 100644
--- a/files/fr/glossary/cors/index.md
+++ b/files/fr/glossary/cors/index.md
@@ -1,13 +1,7 @@
 ---
 title: CORS
 slug: Glossary/CORS
-tags:
-  - CORS
-  - Glossaire
-  - Infrastructure
-  - Sécurité
 translation_of: Glossary/CORS
-original_slug: Glossaire/CORS
 ---
 
 CORS (Partage de ressource cross-origin) est un mécanisme qui consiste à transmettre des [entêtes HTTP](/fr/docs/HTTP/Headers) qui déterminent s'il faut ou non bloquer les requêtes à des ressources restreintes sur une page web qui se trouve sur un domaine externe au domaine dont la ressource est originaire.
diff --git a/files/fr/glossary/crawler/index.md b/files/fr/glossary/crawler/index.md
index 3444315304ae33..454dc114b8b2bc 100644
--- a/files/fr/glossary/crawler/index.md
+++ b/files/fr/glossary/crawler/index.md
@@ -1,13 +1,7 @@
 ---
 title: Robot d'indexation
 slug: Glossary/Crawler
-tags:
-  - Glossaire
-  - Infrastructure
-  - Navigateur
-  - Robot d'indexation
 translation_of: Glossary/Crawler
-original_slug: Glossaire/Robot_d_indexation
 ---
 
 Un robot d'indexation est un programme, souvent appelé bot ou robot, qui parcourt de manière systématique le {{glossary("World Wide Web","Web")}} pour collecter des données à partir des pages web. Les moteurs de recherche utilisent généralement des robots d'indexation pour construire leurs index.
diff --git a/files/fr/glossary/crlf/index.md b/files/fr/glossary/crlf/index.md
index e1b1c4edf2895a..8fd06e047169a4 100644
--- a/files/fr/glossary/crlf/index.md
+++ b/files/fr/glossary/crlf/index.md
@@ -1,15 +1,7 @@
 ---
 title: CRLF
 slug: Glossary/CRLF
-tags:
-  - CR
-  - CRLF
-  - Glossaire
-  - LF
-  - fin de ligne
-  - retour chariot
 translation_of: Glossary/CRLF
-original_slug: Glossaire/CRLF
 ---
 
 CR et LF sont des [caractères de contrôle](https://fr.wikipedia.org/wiki/Caractère_de_contrôle) ou [bytecode](https://fr.wikipedia.org/wiki/Bytecode) qui peuvent être utilisés pour indiquer une fin de ligne dans un fichier texte.
diff --git a/files/fr/glossary/cross-site_scripting/index.md b/files/fr/glossary/cross-site_scripting/index.md
index 1ebcb43d07c40a..39ae22b910a34d 100644
--- a/files/fr/glossary/cross-site_scripting/index.md
+++ b/files/fr/glossary/cross-site_scripting/index.md
@@ -1,14 +1,7 @@
 ---
 title: Cross-site scripting
 slug: Glossary/Cross-site_scripting
-tags:
-  - DOM
-  - Faille de sécurité
-  - Glossaire
-  - Sécurité
-  - XSS
 translation_of: Glossary/Cross-site_scripting
-original_slug: Glossaire/Cross-site_scripting
 ---
 
 Cross-site scripting (XSS) est une faille de sécurité qui permet à un attaquant d'injecter dans un site web un code client malveillant. Ce code est exécuté par les victimes et permet aux attaquants de contourner les contrôles d'accès et d'usurper l'identité des utilisateurs. Selon le projet Open Web Application Security, XSS était la [troisième cause de vulnérabilité des applications du web](https://www.owasp.org/index.php/Top_10_2013-Top_10) en 2013.
diff --git a/files/fr/glossary/cross_axis/index.md b/files/fr/glossary/cross_axis/index.md
index fbf3d192764f02..f152cf472ae49f 100644
--- a/files/fr/glossary/cross_axis/index.md
+++ b/files/fr/glossary/cross_axis/index.md
@@ -1,12 +1,7 @@
 ---
 title: Axe transversal
 slug: Glossary/Cross_Axis
-tags:
-  - CSS
-  - Glossaire
-  - axes
 translation_of: Glossary/Cross_Axis
-original_slug: Glossaire/Axe_transversal
 ---
 
 L'axe transversal d'une {{glossary("flexbox")}} traverse l'{{glossary("Main Axis","axe principal")}}, donc si la {{glossary("flex-direction")}} et l'axe principal sont `row` (_ligne_) ou `row-reverse` l'axe transversal est en colonne.
diff --git a/files/fr/glossary/crud/index.md b/files/fr/glossary/crud/index.md
index 45cbf4ba93326b..a6689a1f0e1872 100644
--- a/files/fr/glossary/crud/index.md
+++ b/files/fr/glossary/crud/index.md
@@ -1,11 +1,7 @@
 ---
 title: CRUD
 slug: Glossary/CRUD
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/CRUD
-original_slug: Glossaire/CRUD
 ---
 
 **CRUD** (create, read, update, delete) (_créer, lire, mettre à jour, supprimer)_ est un acronyme pour les façons dont on peut fonctionner sur des données stockées. C'est un moyen mnémotechnique pour les quatre fonctions de base du stockage persistant. CRUD fait généralement référence aux opérations effectuées dans une base de données ou un magasin de données, mais peut également s'appliquer aux fonctions de niveau supérieur d'une application telles que les suppressions logicielles lorsque les données ne sont pas supprimées mais marquées comme supprimées via un état.
diff --git a/files/fr/glossary/cryptanalysis/index.md b/files/fr/glossary/cryptanalysis/index.md
index ef0b5f32c418ed..457228f999c441 100644
--- a/files/fr/glossary/cryptanalysis/index.md
+++ b/files/fr/glossary/cryptanalysis/index.md
@@ -1,13 +1,7 @@
 ---
 title: Cryptanalyse
 slug: Glossary/Cryptanalysis
-tags:
-  - Confidentialité
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Cryptanalysis
-original_slug: Glossaire/Cryptanalyse
 ---
 
 La **cryptanalyse** est la branche de la {{glossary("cryptography","cryptographie")}} qui étudie la manière de casser des codes et des cryptosystèmes. Elle développe des techniques pour casser les {{glossary("cipher","systèmes cryptographiques")}}, en particulier par des méthodes plus efficaces que la [recherche par force brute](http://fr.wikipedia.org/wiki/Recherche_exhaustive). En plus des méthodes traditionnelles comme l'[analyse fréquentielle](http://fr.wikipedia.org/wiki/Analyse_fréquentielle) ou l'[indice de coïncidence](http://fr.wikipedia.org/wiki/Indice_de_coïncidence), la cryptanalyse intègre des méthodes plus récentes, comme la [cryptanalyse linéaire](http://fr.wikipedia.org/wiki/Cryptanalyse_linéaire) our la [cryptanalyse différentielle](http://fr.wikipedia.org/wiki/Cryptanalyse_différentielle) qui peuvent venir à bout de systèmes cryptographiques plus avancés.
diff --git a/files/fr/glossary/cryptographic_hash_function/index.md b/files/fr/glossary/cryptographic_hash_function/index.md
index cea3d1fbe2861b..b62e0aab72d37f 100644
--- a/files/fr/glossary/cryptographic_hash_function/index.md
+++ b/files/fr/glossary/cryptographic_hash_function/index.md
@@ -1,12 +1,7 @@
 ---
 title: Fonction de hachage cryptographique
 slug: Glossary/Cryptographic_hash_function
-tags:
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Cryptographic_hash_function
-original_slug: Glossaire/Fonction_de_hachage_cryptographique
 ---
 
 Une fonction de hachage cryptographique est une primitive {{glossary("cryptographie", "cryptographique")}} qui transforme un message de taille arbitraire en un message de taille fixe, appelé un {{glossary("digest","condensé")}}. Les fonctions de hachage cryptographiques sont employées pour l'authentification, les {{Glossary("Digital signature", "signatures numériques")}} et les {{Glossary("HMAC", "codes d'authentification de messages")}}.
diff --git a/files/fr/glossary/cryptography/index.md b/files/fr/glossary/cryptography/index.md
index 899576a489e1f3..f73dbe28d4a1ee 100644
--- a/files/fr/glossary/cryptography/index.md
+++ b/files/fr/glossary/cryptography/index.md
@@ -1,13 +1,7 @@
 ---
 title: Cryptographie
 slug: Glossary/Cryptography
-tags:
-  - Confidentialité
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Cryptography
-original_slug: Glossaire/Cryptographie
 ---
 
 La **cryptographie**, ou cryptologie, est la science qui étudie comment coder et transmettre des messages de manière sécurisée. La cryptographie conçoit et étudie des algorithmes (utilisés pour coder et décoder des messages dans un environnement non sûr) et leurs applications. En plus de la **confidentialité des données,** la cryptographie s'attaque aussi à l'**identification**, l'**authentification**, la **non-répudiation**, et l'**intégrité des données**. Par conséquent, elle étudie également l'usage des méthodes cryptographiques dans ce contexte, les **cryptosystèmes**.
diff --git a/files/fr/glossary/csp/index.md b/files/fr/glossary/csp/index.md
index 3d1c42cbd1e181..58fb9e82caf584 100644
--- a/files/fr/glossary/csp/index.md
+++ b/files/fr/glossary/csp/index.md
@@ -1,13 +1,7 @@
 ---
 title: CSP
 slug: Glossary/CSP
-tags:
-  - Glossaire
-  - HTTP
-  - Infrastructure
-  - Sécurité
 translation_of: Glossary/CSP
-original_slug: Glossaire/CSP
 ---
 
 Un CSP (Content Security Policy) est utilisé pour détecter et restreindre certains types d'attaques visant des sites web comme les failles {{Glossary("Cross-site scripting")}} et les injections de données.
diff --git a/files/fr/glossary/csrf/index.md b/files/fr/glossary/csrf/index.md
index e2dfc4561e1121..626e0cf03abfa8 100644
--- a/files/fr/glossary/csrf/index.md
+++ b/files/fr/glossary/csrf/index.md
@@ -1,11 +1,7 @@
 ---
 title: CSRF
 slug: Glossary/CSRF
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/CSRF
-original_slug: Glossaire/CSRF
 ---
 
 **CSRF** (Cross-Site Request Forgery) est une attaque qui usurpe l'identité d'un utilisateur de confiance et envoie des commandes non désirées sur un site web. Cela peut être réalisé, par exemple, en ajoutant des paramètres malveillants dans une {{glossary("URL")}} associée à un lien qui prétend aller quelque part ailleurs.
diff --git a/files/fr/glossary/css/index.md b/files/fr/glossary/css/index.md
index 4fe2c749ef7638..2d279219883df4 100644
--- a/files/fr/glossary/css/index.md
+++ b/files/fr/glossary/css/index.md
@@ -1,14 +1,7 @@
 ---
 title: CSS
 slug: Glossary/CSS
-tags:
-  - CSS
-  - Encodage
-  - Glossaire
-  - Web
-  - l10n:priority
 translation_of: Glossary/CSS
-original_slug: Glossaire/CSS
 ---
 
 **CSS** (_Cascading Style Sheets_ ou _Feuilles de style en cascade_ en français) est un langage déclaratif utilisé pour décrire la présentation de pages web dans le {{glossary("Browser","navigateur")}}. Le navigateur applique les déclarations de style CSS aux éléments concernés pour les mettre en forme. Une déclaration de style contient des propriétés et leurs valeurs et détermine l'apparence d'un ou plusieurs éléments de la page.
diff --git a/files/fr/glossary/css_descriptor/index.md b/files/fr/glossary/css_descriptor/index.md
index f687d7326a513a..c740a9a161abd3 100644
--- a/files/fr/glossary/css_descriptor/index.md
+++ b/files/fr/glossary/css_descriptor/index.md
@@ -1,12 +1,7 @@
 ---
 title: Descripteur (CSS)
 slug: Glossary/CSS_Descriptor
-tags:
-  - CSS
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Descriptor_(CSS)
-original_slug: Glossary/Descriptor_(CSS)
 ---
 
 Un **descripteur CSS** définit les caractéristiques des {{cssxref("at-rule","règles @")}}. Celles-ci autorisent les valeurs sous la forme de descripteurs. Chaque règle est composée d'un sélecteur et d'un descripteur. Le descripteur a :
diff --git a/files/fr/glossary/css_pixel/index.md b/files/fr/glossary/css_pixel/index.md
index 4c7936330e8a36..4a6dad0d72faf4 100644
--- a/files/fr/glossary/css_pixel/index.md
+++ b/files/fr/glossary/css_pixel/index.md
@@ -1,18 +1,7 @@
 ---
 title: Pixel CSS
 slug: Glossary/CSS_pixel
-tags:
-  - CSS
-  - Glossaire
-  - Hauteur
-  - Largeur
-  - Longueur
-  - Pixel CSS
-  - pixel
-  - taille
-  - unité
 translation_of: Glossary/CSS_pixel
-original_slug: Glossaire/Pixel_CSS
 ---
 
 Le **pixel CSS** — désigné dans {{Glossary("CSS")}} avec le suffixe `px` — est une unité de longueur qui correspond approximativement à la largeur ou à la hauteur d'un point unique qui peut être vu confortablement par l'œil humain sans effort mais par ailleurs aussi petit que possible. Par définition, il s'agit de la taille physique d'un seul pixel à une densité de pixels de 96 DPI, situé à une longueur de bras des yeux du spectateur.
diff --git a/files/fr/glossary/css_preprocessor/index.md b/files/fr/glossary/css_preprocessor/index.md
index df817fd6bac01c..f1d897b7d6102e 100644
--- a/files/fr/glossary/css_preprocessor/index.md
+++ b/files/fr/glossary/css_preprocessor/index.md
@@ -1,11 +1,7 @@
 ---
 title: Préprocesseur CSS
 slug: Glossary/CSS_preprocessor
-tags:
-  - CSS
-  - Glossaire
 translation_of: Glossary/CSS_preprocessor
-original_slug: Glossaire/preprocesseur_CSS
 ---
 
 Un **préprocesseur** **CSS** est un programme qui vous permet de générer des {{Glossary("CSS")}} à partir d'un unique préprocesseur propriétaire {{Glossary("Syntax")}}. Il y a de nombreux préprocesseurs CSS au choix, mais la plupart des préprocesseurs CSS ajoutent quelques fonctionnalités qui n'existent pas en CSS pur, telles que {{Glossary("Variable","variable")}}, mixin, sélecteur d'imbrication, etc. Ces fonctionnalités rendent la structure CSS plus lisible et plus facile à maintenir.
diff --git a/files/fr/glossary/data_structure/index.md b/files/fr/glossary/data_structure/index.md
index 90e3aedc451fdd..9b057dffd68bb9 100644
--- a/files/fr/glossary/data_structure/index.md
+++ b/files/fr/glossary/data_structure/index.md
@@ -1,10 +1,7 @@
 ---
 title: Structure de données
 slug: Glossary/Data_structure
-tags:
-  - Structure de données
 translation_of: Glossary/Data_structure
-original_slug: Glossaire/Structure_de_données
 ---
 
 Une **structure de données** est une façon particulière d'organiser des _données_ afin de pouvoir les utiliser efficacement.
diff --git a/files/fr/glossary/decryption/index.md b/files/fr/glossary/decryption/index.md
index 95b3a2425ca004..4a2f37af1e0e26 100644
--- a/files/fr/glossary/decryption/index.md
+++ b/files/fr/glossary/decryption/index.md
@@ -1,13 +1,7 @@
 ---
 title: Déchiffrement
 slug: Glossary/Decryption
-tags:
-  - Confidentialité
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Decryption
-original_slug: Glossaire/Déchiffrement
 ---
 
 En {{glossary("Cryptography","cryptographie")}}, le **déchiffrement** est la conversion d'un {{glossary("ciphertext","cryptogramme")}} en {{glossary("cleartexte","texte brut")}}.
diff --git a/files/fr/glossary/delta/index.md b/files/fr/glossary/delta/index.md
index bc4995aada7ae5..4bd7c195d82e1e 100644
--- a/files/fr/glossary/delta/index.md
+++ b/files/fr/glossary/delta/index.md
@@ -1,13 +1,7 @@
 ---
 title: Delta
 slug: Glossary/Delta
-tags:
-  - Delta
-  - Glossaire
-  - Valeur
-  - difference
 translation_of: Glossary/Delta
-original_slug: Glossaire/Delta
 ---
 
 Le terme **delta** fait référence à la différence entre deux valeurs ou états. Le nom provient de la lettre grecque Δ (delta), qui équivaut à la lettre _D_ dans l'alphabet romain. _Delta_ se réfère simplement à l'utilisation de la lettre Δ comme raccourci pour la _différence_.
diff --git a/files/fr/glossary/denial_of_service/index.md b/files/fr/glossary/denial_of_service/index.md
index c0b2e4b9c3cf65..b5cd1cdce4b9dd 100644
--- a/files/fr/glossary/denial_of_service/index.md
+++ b/files/fr/glossary/denial_of_service/index.md
@@ -2,7 +2,6 @@
 title: Déni de service
 slug: Glossary/Denial_of_Service
 translation_of: Glossary/Denial_of_Service
-original_slug: Glossaire/Déni_de_Service
 ---
 
 Le déni de service ou DoS («&nbsp;<i lang="en">**D**enial **o**f **S**ervice</i>&nbsp;» en anglais) est une catégorie d'attaques réseau. Il consomme les ressources disponibles d'un serveur, souvent en surchargeant celui-ci de requêtes, ce qui le fait fonctionner plus lentement ou le rend indisponible pour ses utilisatrices et utilisateurs légitimes.
diff --git a/files/fr/glossary/deserialization/index.md b/files/fr/glossary/deserialization/index.md
index e2d4410040a900..be27c01d3e5302 100644
--- a/files/fr/glossary/deserialization/index.md
+++ b/files/fr/glossary/deserialization/index.md
@@ -1,12 +1,7 @@
 ---
 title: Désérialisation
 slug: Glossary/Deserialization
-tags:
-  - Désérialisation
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/Deserialization
-original_slug: Glossaire/Désérialisation
 ---
 
 Le processus par lequel un format de niveau inférieur (par exemple, qui a été transféré sur un réseau ou stocké dans un magasin de données) est traduit en un objet lisible ou une autre structure de données.
diff --git a/files/fr/glossary/developer_tools/index.md b/files/fr/glossary/developer_tools/index.md
index 749a99b4ff417d..b85f177aa991a1 100644
--- a/files/fr/glossary/developer_tools/index.md
+++ b/files/fr/glossary/developer_tools/index.md
@@ -1,13 +1,7 @@
 ---
 title: Outils de développement
 slug: Glossary/Developer_Tools
-tags:
-  - Encodage
-  - Glossaire
-  - débogage
-  - outils de développement
 translation_of: Glossary/Developer_Tools
-original_slug: Glossaire/Developer_Tools
 ---
 
 Les outils de développement sont des programmes qui permettent à un développeur de créer, tester et {{Glossary("debug","déboguer")}} un logiciel.
diff --git a/files/fr/glossary/digest/index.md b/files/fr/glossary/digest/index.md
index d99612f710129c..590d032509aa94 100644
--- a/files/fr/glossary/digest/index.md
+++ b/files/fr/glossary/digest/index.md
@@ -1,13 +1,7 @@
 ---
 title: Condensé
 slug: Glossary/Digest
-tags:
-  - Confidentialité
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Digest
-original_slug: Glossaire/Condensat
 ---
 
 Un **condensé _(digest)_** est une petite valeur générée par une {{glossary("hash","fonction de hachage")}} à partir d'un message complet. Dans l'idéal, un condensé est rapide à calculer, non réversible et imprédictible, et par conséquent indique si quelqu'un a falsifié un message donné.
diff --git a/files/fr/glossary/digital_certificate/index.md b/files/fr/glossary/digital_certificate/index.md
index 809292d8f6f780..a4b491f5b70326 100644
--- a/files/fr/glossary/digital_certificate/index.md
+++ b/files/fr/glossary/digital_certificate/index.md
@@ -1,12 +1,7 @@
 ---
 title: Certificat numérique
 slug: Glossary/Digital_certificate
-tags:
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Digital_certificate
-original_slug: Glossaire/Certificat_numérique
 ---
 
 Un certificat numérique est un fichier de données qui associe une {{Glossary("Key","clé cryptographique")}} publiquement connue à une organisation. Il contient des informations concernant celle-ci, telles que le nom usuel (par exemple mozilla.org), l'unité d'organisation (par exemple Mozilla Corporation) et sa situation géographique (par exemple Mountain View). Les certificats numériques sont le plus souvent signés par une {{Glossary("certificate authority","autorité de certification")}}, attestant leur authenticité.
diff --git a/files/fr/glossary/distributed_denial_of_service/index.md b/files/fr/glossary/distributed_denial_of_service/index.md
index 8e2744af9c3b70..e1dde99bb3c6e6 100644
--- a/files/fr/glossary/distributed_denial_of_service/index.md
+++ b/files/fr/glossary/distributed_denial_of_service/index.md
@@ -1,13 +1,7 @@
 ---
 title: Déni de service distribué
 slug: Glossary/Distributed_Denial_of_Service
-tags:
-  - Attaques
-  - Déni de Service
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Distributed_Denial_of_Service
-original_slug: Glossaire/Déni_de_service_distribué
 ---
 
 Un déni de service distribué (DDoS, Distributed Denial-of-Service) est une attaque dans laquelle de nombreux systèmes sont compromis et réunis pour attaquer une seule cible, afin de submerger les ressources du serveur et de bloquer les utilisateurs légitimes.
diff --git a/files/fr/glossary/dmz/index.md b/files/fr/glossary/dmz/index.md
index a9d022d3e1eeb7..206632fb284ea7 100644
--- a/files/fr/glossary/dmz/index.md
+++ b/files/fr/glossary/dmz/index.md
@@ -1,12 +1,7 @@
 ---
 title: DMZ
 slug: Glossary/DMZ
-tags:
-  - Glossaire
-  - Réseau
-  - Sécurité
 translation_of: Glossary/DMZ
-original_slug: Glossaire/DMZ
 ---
 
 Une DMZ est un moyen de fournir une interface isolée et sécurisée entre un réseau interne (d'entreprise ou privé) et le monde extérieur non fiable, généralement l'Internet. Elle expose uniquement certains points de terminaison définis, tout en refusant l'accès au réseau interne aux {{Glossary('node/networking','noeuds externes')}}.
diff --git a/files/fr/glossary/dns/index.md b/files/fr/glossary/dns/index.md
index 408b65115422ec..d1d8bb5a949c75 100644
--- a/files/fr/glossary/dns/index.md
+++ b/files/fr/glossary/dns/index.md
@@ -1,13 +1,7 @@
 ---
 title: DNS
 slug: Glossary/DNS
-tags:
-  - DNS
-  - Glossaire
-  - Infrastructure
-  - Nom de domaine
 translation_of: Glossary/DNS
-original_slug: Glossaire/DNS
 ---
 
 **DNS** (domain name system) transforme les noms de domaines en adresses IP nécessaires à la mise en relation avec un service sur Internet ou un réseau privé.
diff --git a/files/fr/glossary/doctype/index.md b/files/fr/glossary/doctype/index.md
index f3119a273e1248..68c955ebe36685 100644
--- a/files/fr/glossary/doctype/index.md
+++ b/files/fr/glossary/doctype/index.md
@@ -1,15 +1,7 @@
 ---
 title: Doctype
 slug: Glossary/Doctype
-tags:
-  - DOCTYPE
-  - Encodage
-  - Glossaire
-  - HTML
-  - Introduction
-  - Navigateur
 translation_of: Glossary/Doctype
-original_slug: Glossaire/Doctype
 ---
 
 En {{Glossary("HTML")}}, le doctype est le préambule "`<!DOCTYPE html>`" requis en haut de tous les documents. Son seul but est d'empêcher un {{Glossary("Browser","navigateur")}} de passer en soi-disant [“quirks mode”](/fr/docs/Mode_quirks_de_Mozilla) lors du rendu d'un document ; c'est-à-dire que le doctype "`<!DOCTYPE html>`" garantit que le navigateur fait de son mieux pour suivre les spécifications pertinentes, plutôt que d'utiliser un mode de rendu différent incompatible avec certaines spécifications.
diff --git a/files/fr/glossary/document_directive/index.md b/files/fr/glossary/document_directive/index.md
index 55ed7b6d98d803..a7356272a34d14 100644
--- a/files/fr/glossary/document_directive/index.md
+++ b/files/fr/glossary/document_directive/index.md
@@ -1,12 +1,7 @@
 ---
 title: Directive de document
 slug: Glossary/Document_directive
-tags:
-  - CSP
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Document_directive
-original_slug: Glossaire/Document_directive
 ---
 
 Les **directives de document** **{{Glossary("CSP")}}** sont utilisées dans un en-tête de {{HTTPHeader("Content-Security-Policy","politique de sécurité de contenu")}} et régissent les propriétés d'un document ou l'environnement des "[worker"](/fr/docs/Web/API/Web_Workers_API) auxquels la politique s'applique.
diff --git a/files/fr/glossary/document_environment/index.md b/files/fr/glossary/document_environment/index.md
index cbe2c78f095932..ea3155a2d1a48a 100644
--- a/files/fr/glossary/document_environment/index.md
+++ b/files/fr/glossary/document_environment/index.md
@@ -1,13 +1,7 @@
 ---
 title: Environnement de document
 slug: Glossary/Document_environment
-tags:
-  - Document
-  - Environnement
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/document_environment
-original_slug: Glossaire/Environnement_de_document
 ---
 
 Lorsque l'environnement global JavaScript est une fenêtre ou un cadre _iframe_, il s'appelle un _environnement de document_. Un environnement global est un environnement qui n'a pas d'environnement extérieur.
diff --git a/files/fr/glossary/dom/index.md b/files/fr/glossary/dom/index.md
index 65a293fde314c6..d26ba1554d0917 100644
--- a/files/fr/glossary/dom/index.md
+++ b/files/fr/glossary/dom/index.md
@@ -1,12 +1,7 @@
 ---
 title: DOM (Document Object Model)
 slug: Glossary/DOM
-tags:
-  - CodingScripting
-  - DOM
-  - Glossary
 translation_of: Glossary/DOM
-original_slug: Glossaire/DOM
 ---
 
 Le DOM (Document Object Model) est une [API](/fr/docs/Glossary/API) qui représente et interagit avec tous types de documents [HTML](/fr/docs/Glossary/HTML) ou [XML](/fr/docs/Glossary/XML). Le DOM est un modèle de document chargé dans le [navigateur](/fr/docs/Glossary/Browser). La représentation du document est un arbre nodal. Chaque nœud représente une partie du document (par exemple, un [élément](/fr/docs/Glossary/Element), une chaîne de caractères ou un commentaire).
diff --git a/files/fr/glossary/domain/index.md b/files/fr/glossary/domain/index.md
index 6336a7c7493f8f..6324b4a768b0e2 100644
--- a/files/fr/glossary/domain/index.md
+++ b/files/fr/glossary/domain/index.md
@@ -1,13 +1,7 @@
 ---
 title: Domaine
 slug: Glossary/Domain
-tags:
-  - Domaine
-  - Infrastructure
-  - Navigateur
-  - Réseau
 translation_of: Glossary/Domain
-original_slug: Glossaire/Domaine
 ---
 
 Un domaine fait partie d'un réseau informatique au sein duquel une entité contrôle les ressources de traitement de l'information, par exemple un site web.
diff --git a/files/fr/glossary/domain_name/index.md b/files/fr/glossary/domain_name/index.md
index db5d7ba2b8242f..2c638303784878 100644
--- a/files/fr/glossary/domain_name/index.md
+++ b/files/fr/glossary/domain_name/index.md
@@ -1,13 +1,7 @@
 ---
 title: Nom de domaine
 slug: Glossary/Domain_name
-tags:
-  - Glossaire
-  - Nom de domaine
-  - WebMechanics
-  - protocole
 translation_of: Glossary/Domain_name
-original_slug: Glossaire/Nom_de_domaine
 ---
 
 Un nom de domaine est l'adresse d'un site web sur l'{{Glossary("Internet")}}. Les noms de domaine sont utilisés dans les {{Glossary("URL","URLs")}} pour identifier le serveur qui héberge une page web particulière. Le nom de domaine consiste en séquence hiérarchique de noms (labels) séparés par des points et terminée par une {{glossary("TLD","extension")}}.
diff --git a/files/fr/glossary/dominator/index.md b/files/fr/glossary/dominator/index.md
index 8090e9b787b80b..0ec2fd389fb218 100644
--- a/files/fr/glossary/dominator/index.md
+++ b/files/fr/glossary/dominator/index.md
@@ -1,11 +1,7 @@
 ---
 title: Dominant
 slug: Glossary/Dominator
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Dominator
-original_slug: Glossaire/Dominant
 ---
 
 En théorie des graphes, le nœud A domine le nœud B si tous les chemins du nœud racine vers B passent par A.
diff --git a/files/fr/glossary/dos_attack/index.md b/files/fr/glossary/dos_attack/index.md
index 45465a07a06856..f5b7f844b3905d 100644
--- a/files/fr/glossary/dos_attack/index.md
+++ b/files/fr/glossary/dos_attack/index.md
@@ -1,11 +1,7 @@
 ---
 title: Attaque DoS
 slug: Glossary/DOS_attack
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/DOS_attack
-original_slug: Glossaire/Attaque_DOS
 ---
 
 Le déni de service ou DoS (Denial of Service) est une attaque réseau qui empêche l'utilisation légitime des ressources d'un {{glossary("serveur")}} en surchargeant celui-ci de requêtes.
diff --git a/files/fr/glossary/dtmf/index.md b/files/fr/glossary/dtmf/index.md
index 27eb2c4c2ef98c..de62d674f2a39a 100644
--- a/files/fr/glossary/dtmf/index.md
+++ b/files/fr/glossary/dtmf/index.md
@@ -1,12 +1,7 @@
 ---
 title: DTMF (Signalisation Dual-Tone Multi-Frequency)
 slug: Glossary/DTMF
-tags:
-  - Audio
-  - DTMF
-  - Glossaire
 translation_of: Glossary/DTMF
-original_slug: Glossaire/DTMF
 ---
 
 **La signalisation DTMF (<i lang="en">Dual-Tone Multi-Frequency</i>)** est un système par lequel des tonalités audibles sont utilisées pour représenter les boutons sur un clavier. Souvent appelé aux Etats-Unis "Touch-Tone" (après la marque Touch-Tone utilisée lors du passage de la numérotation par impulsions au DTMF), DTMF permet de signaler les chiffres 0-9 ainsi que les lettres "A" à "D" et les symboles "#" et "\*". Peu de claviers téléphoniques comprennent les lettres, qui sont généralement utilisées pour la signalisation de contrôle par le réseau téléphonique.
diff --git a/files/fr/glossary/dynamic_typing/index.md b/files/fr/glossary/dynamic_typing/index.md
index bda53e934d0c72..ab2611edafa84c 100644
--- a/files/fr/glossary/dynamic_typing/index.md
+++ b/files/fr/glossary/dynamic_typing/index.md
@@ -1,13 +1,7 @@
 ---
 title: Typage dynamique
 slug: Glossary/Dynamic_typing
-tags:
-  - Encodage
-  - Glossaire
-  - Langage
-  - Programmation
 translation_of: Glossary/Dynamic_typing
-original_slug: Glossaire/typage_dynamique
 ---
 
 **Les langages à typage dynamique** sont ceux (comme {{glossary("JavaScript")}}) dont l'interpréteur attribue aux {{glossary("variable","variables")}} un {{glossary("type")}} lors de l'exécution en fonction de la {{glossary("Value","valeur")}} qu'elles possèdent à ce moment.
diff --git a/files/fr/glossary/ecma/index.md b/files/fr/glossary/ecma/index.md
index 2fccc7e8a22173..884f24c27046ea 100644
--- a/files/fr/glossary/ecma/index.md
+++ b/files/fr/glossary/ecma/index.md
@@ -1,12 +1,7 @@
 ---
 title: ECMA
 slug: Glossary/ECMA
-tags:
-  - Glossaire
-  - JavaScript
-  - Mécanismes web
 translation_of: Glossary/ECMA
-original_slug: Glossaire/ECMA
 ---
 
 **Ecma International** (_European Computer Manufacturers Association_) est une organisation à but non lucratif qui développe des standards sur le matériel informatique, les communications, et les langages de programmation.
diff --git a/files/fr/glossary/ecmascript/index.md b/files/fr/glossary/ecmascript/index.md
index 2f37325f0ac571..e753518c03592c 100644
--- a/files/fr/glossary/ecmascript/index.md
+++ b/files/fr/glossary/ecmascript/index.md
@@ -1,11 +1,7 @@
 ---
 title: ECMAScript
 slug: Glossary/ECMAScript
-tags:
-  - Glossaire
-  - WebMechanics
 translation_of: Glossary/ECMAScript
-original_slug: Glossaire/ECMAScript
 ---
 
 **ECMAScript** est le langage de script sur lequel {{glossary("JavaScript")}} est basé. [Ecma International](http://www.ecma-international.org) a pour tâche la standardisation d'ECMAScript.
diff --git a/files/fr/glossary/element/index.md b/files/fr/glossary/element/index.md
index ad7d6128ddb90e..4c6616e768be6a 100644
--- a/files/fr/glossary/element/index.md
+++ b/files/fr/glossary/element/index.md
@@ -1,11 +1,7 @@
 ---
 title: Élément
 slug: Glossary/Element
-tags:
-  - Glossaire
-  - HTML
 translation_of: Glossary/Element
-original_slug: Glossaire/Élément
 ---
 
 Un élément est une partie d'une page web. En {{glossary("XML")}} et {{glossary("HTML")}}, un élément peut contenir une donnée, un morceau de texte ou une image, ou même parfois ne rien contenir du tout. Un élément est typiquement constitué d'une balise ouvrante ayant quelques attributs, du contenu textuel et d'une balise fermante.
diff --git a/files/fr/glossary/encapsulation/index.md b/files/fr/glossary/encapsulation/index.md
index 18c537f002668d..a8ab43b21d6841 100644
--- a/files/fr/glossary/encapsulation/index.md
+++ b/files/fr/glossary/encapsulation/index.md
@@ -1,11 +1,7 @@
 ---
 title: Encapsulation
 slug: Glossary/Encapsulation
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Encapsulation
-original_slug: Glossaire/Encapsulation
 ---
 
 L'encapsulation consiste à inclure des données et des {{glossary("Function","fonctions")}} dans un composant (par exemple une {{glossary("Class","classe")}}) et ensuite de contrôler l'accès à celui-ci pour réaliser une "boîte noire" hors de l'{{glossary("Object","objet")}}. De cette façon, un utilisateur de cette classe n'aurait besoin de connaître que son interface (autrement dit, les données et les fonctions exposées en dehors de la classe), et pas son implémentation qui reste donc cachée.
diff --git a/files/fr/glossary/encryption/index.md b/files/fr/glossary/encryption/index.md
index d6daf065c9fcdb..6db0c270bcc763 100644
--- a/files/fr/glossary/encryption/index.md
+++ b/files/fr/glossary/encryption/index.md
@@ -1,13 +1,7 @@
 ---
 title: Chiffrement
 slug: Glossary/Encryption
-tags:
-  - Confidentialité
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Encryption
-original_slug: Glossaire/Chiffrement
 ---
 
 En {{glossary("cryptography","cryptographie")}}, le **chiffrement** est la conversion d'un {{glossary("Texte_brut","texte brut")}} en un texte codé ou {{glossary("ciphertext","cryptogramme")}}. Ce dernier est destiné à ne pas pouvoir être lu par les lecteurs qui n'y sont pas autorisés.
diff --git a/files/fr/glossary/endianness/index.md b/files/fr/glossary/endianness/index.md
index 5c7fbba0a4709b..fce1ace3653f39 100644
--- a/files/fr/glossary/endianness/index.md
+++ b/files/fr/glossary/endianness/index.md
@@ -1,12 +1,7 @@
 ---
 title: Endianness
 slug: Glossary/Endianness
-tags:
-  - Codage
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Endianness
-original_slug: Glossaire/Endianness
 ---
 
 "Endian" et "endianness" (ou "ordre des octets") désigne la manière dont les ordinateurs organisent les octets pour constituer des nombres.
diff --git a/files/fr/glossary/engine/index.md b/files/fr/glossary/engine/index.md
index 90a09332b1ff5d..83fc12887b59d5 100644
--- a/files/fr/glossary/engine/index.md
+++ b/files/fr/glossary/engine/index.md
@@ -1,11 +1,7 @@
 ---
 title: Moteur
 slug: Glossary/Engine
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Engine
-original_slug: Glossaire/Engine
 ---
 
 Le moteur {{glossary("JavaScript")}} est un interpréteur qui analyse et exécute un programme JavaScript.
diff --git a/files/fr/glossary/entity/index.md b/files/fr/glossary/entity/index.md
index 5481367d3fa391..b7b6590a96902e 100644
--- a/files/fr/glossary/entity/index.md
+++ b/files/fr/glossary/entity/index.md
@@ -1,13 +1,7 @@
 ---
 title: Entité
 slug: Glossary/Entity
-tags:
-  - Composition
-  - Encodage
-  - Glossaire
-  - HTML
 translation_of: Glossary/Entity
-original_slug: Glossaire/Entity
 ---
 
 Une **entité** {{glossary("HTML")}} est une chaîne de texte _(string)_ qui commence par (`&)` et se termine avec `(;)`. Les entités sont fréquemment utilisées pour afficher des caractères réservés (qui seraient autrement interprétés comme du code HTML) et des caractères invisibles (comme des espaces insécables). Vous pouvez également les utiliser à la place d'autres caractères difficiles à taper avec un clavier standard.
diff --git a/files/fr/glossary/entity_header/index.md b/files/fr/glossary/entity_header/index.md
index e89f2934604571..edd8bd5d1823f9 100644
--- a/files/fr/glossary/entity_header/index.md
+++ b/files/fr/glossary/entity_header/index.md
@@ -1,11 +1,7 @@
 ---
 title: En-tête d'entité
 slug: Glossary/Entity_header
-tags:
-  - Glossaire
-  - Mécanismes web
 translation_of: Glossary/Entity_header
-original_slug: Glossaire/En-tête_entité
 ---
 
 Un en-tête d'entité est un {{glossary("header","en-tête HTTP")}} décrivant le contenu du corps du message. Les en-têtes d'entité sont utilisés à la fois dans les requêtes et les réponses HTTP. Des en-têtes tels que {{HTTPHeader("Content length")}}, {{HTTPHeader("Content-Language")}}, {{HTTPHeader("Content-Encoding")}} sont des en-têtes d'entité.
diff --git a/files/fr/glossary/event/index.md b/files/fr/glossary/event/index.md
index cbe69ae2fb511c..0747a38cc9e073 100644
--- a/files/fr/glossary/event/index.md
+++ b/files/fr/glossary/event/index.md
@@ -1,13 +1,7 @@
 ---
 title: Évènement
 slug: Glossary/Event
-tags:
-  - DOM
-  - Encodage
-  - Glossaire
-  - évènements
 translation_of: Glossary/event
-original_slug: Glossaire/évènement
 ---
 
 Les évèhements sont des éléments actifs générés par les éléments [DOM](/fr/docs/Glossaire/DOM) qui peuvent être manipulés par un code Javascript.
diff --git a/files/fr/glossary/exception/index.md b/files/fr/glossary/exception/index.md
index 2fb124e2427ff0..9d4f2a85fbc016 100644
--- a/files/fr/glossary/exception/index.md
+++ b/files/fr/glossary/exception/index.md
@@ -1,13 +1,7 @@
 ---
 title: Exception
 slug: Glossary/Exception
-tags:
-  - Débutants
-  - Encodage
-  - Erreurs
-  - Glossaire
 translation_of: Glossary/Exception
-original_slug: Glossaire/Exception
 ---
 
 Une **exception** est un état qui interrompt l'exécution normale du code. En JavaScript, les {{glossary("syntax error", "erreurs de syntaxe")}} sont une source commune d'exceptions.
diff --git a/files/fr/glossary/expando/index.md b/files/fr/glossary/expando/index.md
index dff0214a5820f1..baffc07f6ffe2e 100644
--- a/files/fr/glossary/expando/index.md
+++ b/files/fr/glossary/expando/index.md
@@ -1,14 +1,7 @@
 ---
 title: Expando
 slug: Glossary/Expando
-tags:
-  - Encodage
-  - Glossaire
-  - JavaScript
-  - Référence(2)
-  - expando
 translation_of: Glossary/Expando
-original_slug: Glossaire/Expando
 ---
 
 Les propriétés expando sont des propriétés ajoutées aux nœuds {{glossary("DOM")}} en {{glossary("JavaScript")}} mais qui ne figurent pas dans la spécification DOM des {{glossary("Object","objets")}} :
diff --git a/files/fr/glossary/falsy/index.md b/files/fr/glossary/falsy/index.md
index 7d9985bfb36afe..063b9bb9a82ebb 100644
--- a/files/fr/glossary/falsy/index.md
+++ b/files/fr/glossary/falsy/index.md
@@ -1,14 +1,7 @@
 ---
 title: Falsy (Valeurs de type fausses)
 slug: Glossary/Falsy
-tags:
-  - Booléen
-  - Encodage
-  - Faux
-  - Glossaire
-  - Valeurs fausses
 translation_of: Glossary/Falsy
-original_slug: Glossaire/Falsy
 ---
 
 Les valeurs fausses (**falsy**) sont des valeurs évaluées comme fausses quand elles sont évaluées dans un contexte {{Glossary("Boolean","booléen")}}.
diff --git a/files/fr/glossary/favicon/index.md b/files/fr/glossary/favicon/index.md
index 2b4498a5457726..1caa9aea9aa172 100644
--- a/files/fr/glossary/favicon/index.md
+++ b/files/fr/glossary/favicon/index.md
@@ -1,13 +1,7 @@
 ---
 title: Favicon
 slug: Glossary/Favicon
-tags:
-  - Glossaire
-  - Intro
-  - agent utilisateur
-  - favicon
 translation_of: Glossary/Favicon
-original_slug: Glossaire/Favicon
 ---
 
 Un favicon (icône de favori) est une petite icône incluse avec un site Web, qui s'affiche à des endroits tels que la barre d'addresse du navigateur, les onglets de page et le menu des signets. Notez cependant que la plupart des navigateurs modernes ont remplacé le favicon de la barre d'adresse par une image indiquant si le site Web utilise ou non {{Glossary("https","HTTPS")}}.
diff --git a/files/fr/glossary/fetch_directive/index.md b/files/fr/glossary/fetch_directive/index.md
index e106ae7439ba82..f12337a0f29219 100644
--- a/files/fr/glossary/fetch_directive/index.md
+++ b/files/fr/glossary/fetch_directive/index.md
@@ -1,12 +1,7 @@
 ---
 title: Directive de récupération
 slug: Glossary/Fetch_directive
-tags:
-  - CSP
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Fetch_directive
-original_slug: Glossaire/Directive_de_récupération
 ---
 
 Les **directives de récupération {{Glossary("CSP")}}** sont utilisées dans un en-tête de {{HTTPHeader("Content-Security-Policy","politique de sécurité de contenu")}} et contrôlent les emplacements à partir desquels certaines ressources peuvent être chargées. Par exemple, {{CSP("script-src")}} permet aux développeurs d'autoriser l'exécution de sources de script sur une page, tandis que {{CSP("font-src")}} contrôle les sources des polices de caractères web.
diff --git a/files/fr/glossary/firewall/index.md b/files/fr/glossary/firewall/index.md
index 37b936a86620cd..5e1f1ac1fcd3cf 100644
--- a/files/fr/glossary/firewall/index.md
+++ b/files/fr/glossary/firewall/index.md
@@ -1,13 +1,7 @@
 ---
 title: pare-feu
 slug: Glossary/Firewall
-tags:
-  - DDoS
-  - Glossaire
-  - Pare-feu
-  - Sécurité
 translation_of: Glossary/firewall
-original_slug: Glossaire/pare-feu
 ---
 
 Un **pare-feu** est un système qui filtre les connexions réseaux. Il peut aussi bien les autoriser à passer que les bloquer en fonction de certaines règles spécifiques. Par exemple, il peut bloquer une connexion entrante sur un certain port ou des connexions sortantes vers une certaine adresse IP.
diff --git a/files/fr/glossary/first-class_function/index.md b/files/fr/glossary/first-class_function/index.md
index 1ffcbce6158518..2dba592df6e9ab 100644
--- a/files/fr/glossary/first-class_function/index.md
+++ b/files/fr/glossary/first-class_function/index.md
@@ -1,11 +1,7 @@
 ---
 title: Fonction de première classe
 slug: Glossary/First-class_Function
-tags:
-  - Fonctions
-  - Glossaire
 translation_of: Glossary/First-class_Function
-original_slug: Glossaire/Fonction_de_première_classe
 ---
 
 Un langage de programmation est dit avoir des fonctions de première classe lorsque les fonctions dans ce langage sont traitées comme n'importe quelle autre variable. Par exemple, dans un tel langage, une fonction peut être transmise en tant qu'argument à d'autres fonctions, peut être retournée par une autre fonction et peut être affectée en tant que valeur à une variable.
diff --git a/files/fr/glossary/first_contentful_paint/index.md b/files/fr/glossary/first_contentful_paint/index.md
index ccfdd126375c8b..35978b9ce36ec7 100644
--- a/files/fr/glossary/first_contentful_paint/index.md
+++ b/files/fr/glossary/first_contentful_paint/index.md
@@ -2,7 +2,6 @@
 title: First contentful paint
 slug: Glossary/First_contentful_paint
 translation_of: Glossary/First_contentful_paint
-original_slug: Glossaire/First_contentful_paint
 ---
 
 Le **<i lang="en">First Contentful Paint</i>** (FCP) est un indicateur du moment où le navigateur restitue le premier bit de contenu du DOM, fournissant le premier retour à l'internaute que la page est en cours de chargement. La réponse à la question «&nbsp;Est-ce que quelque chose se passe&nbsp;?&nbsp;» devient «&nbsp;oui&nbsp;» lorsque la première peinture du contenu est terminée.
diff --git a/files/fr/glossary/first_meaningful_paint/index.md b/files/fr/glossary/first_meaningful_paint/index.md
index b3d3c426dd25e3..fc28623d297d5e 100644
--- a/files/fr/glossary/first_meaningful_paint/index.md
+++ b/files/fr/glossary/first_meaningful_paint/index.md
@@ -2,7 +2,6 @@
 title: First Meaningful Paint
 slug: Glossary/First_meaningful_paint
 translation_of: Glossary/first_meaningful_paint
-original_slug: Glossaire/first_meaningful_paint
 ---
 
 L'indicateur **<i lang="en">First Meaningful Paint</i>** (FMP) correspond à la peinture (<i lang="en">paint</i> en anglais) intervenant après laquelle le plus grand changement de mise en page situé au-dessus de la ligne de flottaison s'est produit et après le chargement des polices. C'est lorsque la réponse à la question «&nbsp;La page est elle utilisable&nbsp;?&nbsp;» devient «&nbsp;oui&nbsp;», lors de la première finition significative de la peinture.
diff --git a/files/fr/glossary/flex/index.md b/files/fr/glossary/flex/index.md
index 484cf41bed7b34..7cee047ad9dbed 100644
--- a/files/fr/glossary/flex/index.md
+++ b/files/fr/glossary/flex/index.md
@@ -1,12 +1,7 @@
 ---
 title: Flex
 slug: Glossary/Flex
-tags:
-  - CSS
-  - Flex
-  - Glossaire
 translation_of: Glossary/Flex
-original_slug: Glossaire/Flex
 ---
 
 `flex` est une nouvelle valeur ajoutée à la propriété CSS {{cssxref("display")}}. De même qu'`inline-flex`, elle transforme l'élément auquel elle s'applique en un {{glossary("Flex Container","conteneur flexible")}} et les enfants de l'élément en {{glossary("Flex Item","éléments flexible")}}. Les éléments participent alors à la mise en page flexible, et toutes les propriétés définies dans le module de mise en page de boîte flexible CSS peuvent être appliquées.
diff --git a/files/fr/glossary/flex_container/index.md b/files/fr/glossary/flex_container/index.md
index ed32d2a8559591..aa85a98cd562b4 100644
--- a/files/fr/glossary/flex_container/index.md
+++ b/files/fr/glossary/flex_container/index.md
@@ -1,12 +1,7 @@
 ---
 title: Conteneur flexible
 slug: Glossary/Flex_Container
-tags:
-  - CSS
-  - Glossaire
-  - flexbox
 translation_of: Glossary/Flex_Container
-original_slug: Glossaire/Flex_Container
 ---
 
 Une mise en page {{glossary("flexbox")}} est définie en utilisant les valeurs `flex` ou `inline-flex` de la propriété `display` sur l'élément parent. Cet élément devient alors un **conteneur flexible** et chacun de ses enfants un {{glossary("flex item","élément flexible")}}.
diff --git a/files/fr/glossary/flex_item/index.md b/files/fr/glossary/flex_item/index.md
index db9152048821e4..108558d596c3c0 100644
--- a/files/fr/glossary/flex_item/index.md
+++ b/files/fr/glossary/flex_item/index.md
@@ -1,12 +1,7 @@
 ---
 title: Éléments flexibles
 slug: Glossary/Flex_Item
-tags:
-  - CSS
-  - Glossaire
-  - flexbox
 translation_of: Glossary/Flex_Item
-original_slug: Glossaire/Flex_Item
 ---
 
 Les enfants directs d'un {{glossary("Flex Container","conteneur flexible")}} (éléments définis avec `display: flex` ou `display: inline-flex`) deviennent des **éléments flexibles** (_flex items_).
diff --git a/files/fr/glossary/flexbox/index.md b/files/fr/glossary/flexbox/index.md
index 39f23aa832cf16..2cd1d40c1b3dee 100644
--- a/files/fr/glossary/flexbox/index.md
+++ b/files/fr/glossary/flexbox/index.md
@@ -1,12 +1,7 @@
 ---
 title: Flexbox
 slug: Glossary/Flexbox
-tags:
-  - CSS
-  - Glossaire
-  - flexbox
 translation_of: Glossary/Flexbox
-original_slug: Glossaire/Flexbox
 ---
 
 Flexbox (_boîte flexible_) est le nom communément utilisé pour le [module de mise en page des boîtes flexibles CSS](https://www.w3.org/TR/css-flexbox-1/), un modèle de disposition pour afficher des éléments dans une seule dimension - comme une ligne ou une colonne.
diff --git a/files/fr/glossary/forbidden_header_name/index.md b/files/fr/glossary/forbidden_header_name/index.md
index 2b1054d0727c1b..1ad0047a1d4769 100644
--- a/files/fr/glossary/forbidden_header_name/index.md
+++ b/files/fr/glossary/forbidden_header_name/index.md
@@ -1,14 +1,7 @@
 ---
 title: Nom d'en-tête interdit
 slug: Glossary/Forbidden_header_name
-tags:
-  - En-têtes
-  - Fetch
-  - Glossaire
-  - HTTP
-  - Interdit
 translation_of: Glossary/Forbidden_header_name
-original_slug: Glossaire/Forbidden_header_name
 ---
 
 **Un nom d'en-tête interdit** est un nom d'[en-tête HTTP](/fr/docs/HTTP/Headers) qui ne peut être modifié par programmation, spécifiquement, un nom d'en-tête de **requête** HTTP (contraste avec {{Glossary("Forbidden response header name","Nom d'en-tête de réponse interdit")}}).
diff --git a/files/fr/glossary/fork/index.md b/files/fr/glossary/fork/index.md
index 876fc090d8b2bd..b7fd0775d26f77 100644
--- a/files/fr/glossary/fork/index.md
+++ b/files/fr/glossary/fork/index.md
@@ -1,13 +1,7 @@
 ---
 title: Fork
 slug: Glossary/Fork
-tags:
-  - Fork
-  - Glossaire
-  - Outils
-  - git
 translation_of: Glossary/Fork
-original_slug: Glossaire/Fork
 ---
 
 Un _fork_ est une copie d’un projet logiciel existant à un moment donné pour permettre à quelque-un d’ajouter ses propres modifications au projet. Si la licence du logiciel original le permet, vous pouvez copier le code pour développer votre propre version de ce logiciel, avec vos propres ajouts, qui sera alors un « fork ».
diff --git a/files/fr/glossary/ftp/index.md b/files/fr/glossary/ftp/index.md
index acc5130edb2167..6d24ddd9f9a6e2 100644
--- a/files/fr/glossary/ftp/index.md
+++ b/files/fr/glossary/ftp/index.md
@@ -1,13 +1,7 @@
 ---
 title: FTP
 slug: Glossary/FTP
-tags:
-  - Encodage
-  - FTP
-  - Glossaire
-  - protocole
 translation_of: Glossary/FTP
-original_slug: Glossaire/FTP
 ---
 
 **FTP** (file transfer protocol) est un {{glossary("Protocol","protocole")}} réseau standard utilisé pour transférer des fichiers d'un {{glossary("Host","hôte")}} à un autre par Internet. De plus en plus, cependant, les équipes et les comptes d'hébergement n'autorisent pas le FTP et s'appuient plutôt sur un système de contrôle de version comme Git. Vous le trouverez toujours utilisé sur les anciens comptes d'hébergement, mais il est sûr de dire que FTP n'est plus considéré comme la meilleure pratique.
diff --git a/files/fr/glossary/ftu/index.md b/files/fr/glossary/ftu/index.md
index d5801f6920422a..f23fb792696290 100644
--- a/files/fr/glossary/ftu/index.md
+++ b/files/fr/glossary/ftu/index.md
@@ -1,15 +1,7 @@
 ---
 title: FTU
 slug: Glossary/FTU
-tags:
-  - FTU
-  - Firefox OS
-  - First time use
-  - Gaia
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/FTU
-original_slug: Glossaire/FTU
 ---
 
 FTU (First Time Use, ou première utilisation) est l'application qui se charge lorsque vous lancez une version nouvellement installée de {{glossary("Gecko")}} sur un appareil {{glossary("Firefox OS")}}.
diff --git a/files/fr/glossary/garbage_collection/index.md b/files/fr/glossary/garbage_collection/index.md
index cf7e9d291bae60..0dfb27948f1a18 100644
--- a/files/fr/glossary/garbage_collection/index.md
+++ b/files/fr/glossary/garbage_collection/index.md
@@ -1,11 +1,7 @@
 ---
 title: Ramasse-miettes
 slug: Glossary/Garbage_collection
-tags:
-  - Glossaire
-  - codescripting
 translation_of: Glossary/Garbage_collection
-original_slug: Glossaire/Ramasse-miettes
 ---
 
 **[Ramasse-miettes](/fr/docs/Web/JavaScript/Memory_Management#Garbage_collection)** est un terme utilisé en {{Glossary("Computer Programming","programmation informatique")}} pour décrire le processus de recherche et de suppression des {{Glossary("Object", "objets")}} qui ne sont plus {{Glossary("Object reference", "référencés")}} par d'autres objets. En d'autres termes, le ramasse-miettes est le processus de suppression de tous les objets qui ne sont plus utilisés par d'autres objets. Souvent abrégé "GC" (pour Garbage Collection en anglais), le ramasse-miettes est un élément fondamental du système de la {{Glossary("Memory management","gestion de la mémoire")}} utilisé par {{Glossary("JavaScript")}}.
diff --git a/files/fr/glossary/gecko/index.md b/files/fr/glossary/gecko/index.md
index 957a39cbb3538f..5c7bfd1aa140a7 100644
--- a/files/fr/glossary/gecko/index.md
+++ b/files/fr/glossary/gecko/index.md
@@ -2,7 +2,6 @@
 title: Gecko
 slug: Glossary/Gecko
 translation_of: Glossary/Gecko
-original_slug: Glossaire/Gecko
 ---
 
 **Gecko** est le moteur de rendu développé par Mozilla et utilisé dans beaucoup d'applications/appareils, dont [Firefox](/fr/docs/Glossary/Mozilla_Firefox).
diff --git a/files/fr/glossary/general_header/index.md b/files/fr/glossary/general_header/index.md
index f736ba4aa55f0e..9f6a9f705fb452 100644
--- a/files/fr/glossary/general_header/index.md
+++ b/files/fr/glossary/general_header/index.md
@@ -1,12 +1,7 @@
 ---
 title: En-tête général
 slug: Glossary/General_header
-tags:
-  - En-têtes
-  - Glossaire
-  - Mécanismes web
 translation_of: Glossary/General_header
-original_slug: Glossaire/General_header
 ---
 
 Un **en-tête général** est un {{glossary('Header','en-tête HTTP')}} qui peut être utilisé à la fois pour, une requête ou une réponse, mais ne s'applique au contenu lui-même. Suivant le contexte dans lequel ils sont utilisés, les en-têtes généraux sont à la fois des {{glossary("Response header", "en-tête de réponse")}} ou des {{glossary("request header", "en-têtes de requête")}}. Toutefois, ils ne sont pas des {{glossary("entity header","en-têtes d'entité")}}.
diff --git a/files/fr/glossary/gif/index.md b/files/fr/glossary/gif/index.md
index 39c9d04e2b0b00..b4591187ee18f0 100644
--- a/files/fr/glossary/gif/index.md
+++ b/files/fr/glossary/gif/index.md
@@ -1,11 +1,7 @@
 ---
 title: GIF
 slug: Glossary/GIF
-tags:
-  - Composition
-  - Glossaire
 translation_of: Glossary/gif
-original_slug: Glossaire/gif
 ---
 
 GIF (Graphics Interchange Format) est un format d'image qui utilise une compression sans perte et peut servir pour des animations. Un GIF peut utiliser jusqu'à 8 bits par pixel avec un maximum de 256 couleurs parmi des nuances sur 24 bits.
diff --git a/files/fr/glossary/git/index.md b/files/fr/glossary/git/index.md
index cedfd5894b7605..c0d9f0b933ffcb 100644
--- a/files/fr/glossary/git/index.md
+++ b/files/fr/glossary/git/index.md
@@ -1,12 +1,7 @@
 ---
 title: GIT
 slug: Glossary/Git
-tags:
-  - Espace collaboratif
-  - Glossaire
-  - git
 translation_of: Glossary/Git
-original_slug: Glossaire/GIT
 ---
 
 **Git** est un logiciel libre et distribué de gestion de source code (ou*{{Glossary("SCM", "SCM", 1)}}*, _Source Code Management_). Cela permet de faciliter la collaboration sur une base de code avec des équipes de développement séparées. Ce qui le distingue des précédents *SCM* est sa capacité à faire des opérations basiques (créer une branche, faire un commit etc.) sur votre machine de développement locale sans avoir à changer le dépôt master ou avoir les droits d'écriture dessus.
diff --git a/files/fr/glossary/global_object/index.md b/files/fr/glossary/global_object/index.md
index 0dff59a7870a47..df6d8746bd07ff 100644
--- a/files/fr/glossary/global_object/index.md
+++ b/files/fr/glossary/global_object/index.md
@@ -1,12 +1,7 @@
 ---
 title: Objet global
 slug: Glossary/Global_object
-tags:
-  - Encodage
-  - Glossaire
-  - Objets
 translation_of: Glossary/Global_object
-original_slug: Glossaire/Objet_global
 ---
 
 Un objet global est un {{glossary("Object","objet")}} qui existe toujours dans la {{glossary("Global scope","portée globale")}}.
diff --git a/files/fr/glossary/global_scope/index.md b/files/fr/glossary/global_scope/index.md
index b1a0893c81c68f..ae5376b75b671f 100644
--- a/files/fr/glossary/global_scope/index.md
+++ b/files/fr/glossary/global_scope/index.md
@@ -1,11 +1,7 @@
 ---
 title: Portée globale
 slug: Glossary/Global_scope
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Global_scope
-original_slug: Glossaire/Portée_globale
 ---
 
 Dans un environnement de programmation, la portée globale ( _global scope_ ) est la {{glossary("Scope","portée")}} qui est visible dans toutes les autres portées.
diff --git a/files/fr/glossary/global_variable/index.md b/files/fr/glossary/global_variable/index.md
index 13b471a0f9bffe..fff0dc61a4e26e 100644
--- a/files/fr/glossary/global_variable/index.md
+++ b/files/fr/glossary/global_variable/index.md
@@ -1,11 +1,7 @@
 ---
 title: Variable globale
 slug: Glossary/Global_variable
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Global_variable
-original_slug: Glossaire/Variable_globale
 ---
 
 Une variable globale est une {{glossary("Variable")}} déclarée dans une {{glossary("Global scope","portée globale")}} en d'autres termes, une variable visible depuis toutes les autres portées.
diff --git a/files/fr/glossary/glyph/index.md b/files/fr/glossary/glyph/index.md
index 9277337dbde153..5c311344861b93 100644
--- a/files/fr/glossary/glyph/index.md
+++ b/files/fr/glossary/glyph/index.md
@@ -1,12 +1,7 @@
 ---
 title: Glyphe
 slug: Glossary/Glyph
-tags:
-  - Glossaire
-  - SVG
-  - Typographie
 translation_of: Glossary/Glyph
-original_slug: Glossaire/Glyphe
 ---
 
 Un **glyphe** est un terme utilisé en typographie pour désigner la représentation visuelle d’un (ou plusieurs) {{Glossary("Character", "caractère")}}.
diff --git a/files/fr/glossary/google_chrome/index.md b/files/fr/glossary/google_chrome/index.md
index 38c15595a2a9a1..cca453cd81f3f1 100644
--- a/files/fr/glossary/google_chrome/index.md
+++ b/files/fr/glossary/google_chrome/index.md
@@ -1,16 +1,7 @@
 ---
 title: Google Chrome
 slug: Glossary/Google_Chrome
-tags:
-  - Chrome canary
-  - Chrome stable
-  - Chromium
-  - Glossaire
-  - Navigateur
-  - WebMechanics
-  - google chrome
 translation_of: Glossary/Google_Chrome
-original_slug: Glossaire/Google_Chrome
 ---
 
 Google Chrome est un {{glossary("navigateur")}} Web gratuit développé par Google. Il est basé sur le projet open source [Chromium](http://www.chromium.org/). Certaines différences clés sont décrites sur le [wiki de Chromium](https://code.google.com/p/chromium/wiki/ChromiumBrowserVsGoogleChrome). En ce qui concerne le moteur rendu, les deux navigateurs utilisent un fork de {{glossary("WebKit")}} appelé {{glossary("Blink")}}. Remarquez que la version iOS de Chrome utilise le moteur de rendu de cette plate-forme et non Blink.
diff --git a/files/fr/glossary/gpl/index.md b/files/fr/glossary/gpl/index.md
index 213bdc5cb94033..a6a92b504a3e81 100644
--- a/files/fr/glossary/gpl/index.md
+++ b/files/fr/glossary/gpl/index.md
@@ -1,15 +1,7 @@
 ---
 title: GPL
 slug: Glossary/GPL
-tags:
-  - GPL
-  - Glossaire
-  - Licence
-  - OpenPractices
-  - Partage
-  - Remixing
 translation_of: Glossary/GPL
-original_slug: Glossaire/GPL
 ---
 
 La (GNU) GPL (General Public License) est une licence de logiciel libre {{Glossary("copyleft")}} publiée par la Free Software Foundation. Les utilisateurs d'un programme sous licence GPL se voient attribuer les libertés de l'utiliser, de lire son code source, de le modifier et de redistribuer les modifications qu'ils ont réalisées, à condition de redistribuer le programme (modifié ou non) sous la même licence.
diff --git a/files/fr/glossary/gpu/index.md b/files/fr/glossary/gpu/index.md
index 65fd0fd84c71d0..ceef4fd630d0b1 100644
--- a/files/fr/glossary/gpu/index.md
+++ b/files/fr/glossary/gpu/index.md
@@ -1,11 +1,7 @@
 ---
 title: GPU
 slug: Glossary/GPU
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/GPU
-original_slug: Glossaire/GPU
 ---
 
 Le GPU (Graphics Processing Unit) est un composant de l'ordinateur similaire au CPU (Central Processing Unit) mais qui est spécialisé dans l'affichage de graphismes (à la fois 2D et 3D) sur votre moniteur.
diff --git a/files/fr/glossary/graceful_degradation/index.md b/files/fr/glossary/graceful_degradation/index.md
index b003f591331636..26ee1a17a40dfd 100644
--- a/files/fr/glossary/graceful_degradation/index.md
+++ b/files/fr/glossary/graceful_degradation/index.md
@@ -1,11 +1,7 @@
 ---
 title: Dégradation gracieuse
 slug: Glossary/Graceful_degradation
-tags:
-  - Conception
-  - Glossaire
 translation_of: Glossary/Graceful_degradation
-original_slug: Glossaire/Graceful_degradation
 ---
 
 **La dégradation gracieuse** est une philosophie de conception centrée sur la création d'un site / application web moderne qui fonctionnera dans les navigateurs les plus récents, mais qui sera remplacé par un contenu et une fonctionnalité essentiels dans les anciens navigateurs, même moins performant.
diff --git a/files/fr/glossary/grid/index.md b/files/fr/glossary/grid/index.md
index da402179180892..a778bc83ae29b6 100644
--- a/files/fr/glossary/grid/index.md
+++ b/files/fr/glossary/grid/index.md
@@ -1,12 +1,7 @@
 ---
 title: Grille
 slug: Glossary/Grid
-tags:
-  - CSS
-  - Glossaire
-  - Grilles
 translation_of: Glossary/Grid
-original_slug: Glossaire/Grid
 ---
 
 Une grille _CSS_ est définie en utilisant la valeur `grid` de la propriété `display` ; vous pouvez définir les colonnes et les lignes de votre grille en utilisant les propriétés {{cssxref("grid-template-rows")}} et {{cssxref("grid-template-columns")}}.
diff --git a/files/fr/glossary/grid_axis/index.md b/files/fr/glossary/grid_axis/index.md
index 02755ae20ea14b..c689077260cb8e 100644
--- a/files/fr/glossary/grid_axis/index.md
+++ b/files/fr/glossary/grid_axis/index.md
@@ -1,12 +1,7 @@
 ---
 title: Axe de grille
 slug: Glossary/Grid_Axis
-tags:
-  - CSS
-  - Glossaire
-  - Grilles
 translation_of: Glossary/Grid_Axis
-original_slug: Glossaire/Axe_de_grille
 ---
 
 La grille CSS est une méthode de mise en page bidimensionnelle permettant une présentation du contenu en lignes et colonnes. Par conséquent, dans toute grille, nous avons deux axes. L'axe du "bloc" ou de la colonne et l'axe "en ligne" ou de la ligne.
diff --git a/files/fr/glossary/grid_cell/index.md b/files/fr/glossary/grid_cell/index.md
index ccda7664cd32c0..92b694615d438c 100644
--- a/files/fr/glossary/grid_cell/index.md
+++ b/files/fr/glossary/grid_cell/index.md
@@ -1,12 +1,7 @@
 ---
 title: Cellule de grille
 slug: Glossary/Grid_Cell
-tags:
-  - CSS
-  - Glossaire
-  - Grilles
 translation_of: Glossary/Grid_Cell
-original_slug: Glossaire/Cellule_de_grille
 ---
 
 Dans une [Grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout), une **cellule de grille** est la plus petite unité de la grille CSS. Elle est un espace entre 4 intersections {{glossary("grid lines","lignes de grille")}} et conceptuellement assimilable à une cellule de tableau.
diff --git a/files/fr/glossary/grid_column/index.md b/files/fr/glossary/grid_column/index.md
index c1e959a3ccfb77..042184cfcc458f 100644
--- a/files/fr/glossary/grid_column/index.md
+++ b/files/fr/glossary/grid_column/index.md
@@ -1,12 +1,7 @@
 ---
 title: Colonne de grille
 slug: Glossary/Grid_Column
-tags:
-  - CSS
-  - Glossaire
-  - Grilles
 translation_of: Glossary/Grid_Column
-original_slug: Glossaire/Colonne_de_grille
 ---
 
 Une **colonne de grille** est une piste verticale dans une [grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout), et est l'espace entre deux lignes de grille verticales. Elle est définie par la propriété {{cssxref("grid-template-columns")}} ou les propriétés raccourcies {{cssxref("grid")}} ou {{cssxref("grid-template")}}.
diff --git a/files/fr/glossary/grid_container/index.md b/files/fr/glossary/grid_container/index.md
index 76536fa75ed20a..cc973f1d5c3d57 100644
--- a/files/fr/glossary/grid_container/index.md
+++ b/files/fr/glossary/grid_container/index.md
@@ -1,12 +1,7 @@
 ---
 title: Conteneur de grille
 slug: Glossary/Grid_Container
-tags:
-  - CSS
-  - Glossaire
-  - Grille
 translation_of: Glossary/Grid_Container
-original_slug: Glossaire/grid_container
 ---
 
 Utiliser la valeur `grid` ou `inline-grid` sur un élément le transforme en un conteneur de grille utilisant [CSS Grid Layout](/fr/docs/Web/CSS/CSS_Grid_Layout), et les enfants directs de celui-ci deviennent un élément de cette grille.
diff --git a/files/fr/glossary/grid_lines/index.md b/files/fr/glossary/grid_lines/index.md
index c48c1076667184..bc072377a99d73 100644
--- a/files/fr/glossary/grid_lines/index.md
+++ b/files/fr/glossary/grid_lines/index.md
@@ -1,12 +1,7 @@
 ---
 title: Ligne de grille (line)
 slug: Glossary/Grid_Lines
-tags:
-  - CSS
-  - Glossaire
-  - Grilles
 translation_of: Glossary/Grid_Lines
-original_slug: Glossaire/Lignes_de_grille_(lines)
 ---
 
 Les **lignes de grille** sont créées avec la définition des {{glossary("Grid Tracks", "pistes")}} (_tracks_) dans la grille explicite pour [une grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout). Dans l'exemple suivant, est présentée une grille qui a 3 pistes de colonnes et 2 pistes de lignes. Cela nous donne 4 lignes de colonnes _(column lines_) et 3 lignes de lignes _(row lines)_.
diff --git a/files/fr/glossary/grid_row/index.md b/files/fr/glossary/grid_row/index.md
index e0ae6a3889e5af..346c928b62c99b 100644
--- a/files/fr/glossary/grid_row/index.md
+++ b/files/fr/glossary/grid_row/index.md
@@ -1,12 +1,7 @@
 ---
 title: Ligne de grille (Row)
 slug: Glossary/Grid_Row
-tags:
-  - CSS
-  - Glossaire
-  - Grilles
 translation_of: Glossary/Grid_Rows
-original_slug: Glossary/Grid_Rows
 ---
 
 Une **ligne de grille** (row) est une piste horizontale dans une [grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout), qui se situe dans l'espace entre deux lignes (lines) horizontales de lignes (rows). Elle est définie par la propriété {{cssxref("grid-template-rows")}} ou les propriétés raccourcies {{cssxref("grid")}} ou {{cssxref("grid-template")}}.
diff --git a/files/fr/glossary/grid_tracks/index.md b/files/fr/glossary/grid_tracks/index.md
index a3770e99a1990e..d34f7fb60e1c60 100644
--- a/files/fr/glossary/grid_tracks/index.md
+++ b/files/fr/glossary/grid_tracks/index.md
@@ -1,12 +1,7 @@
 ---
 title: Piste de grille
 slug: Glossary/Grid_Tracks
-tags:
-  - CSS
-  - Glossaire
-  - Grilles
 translation_of: Glossary/Grid_Tracks
-original_slug: Glossaire/Pistes_de_grille
 ---
 
 Une **piste de grille** est l'espace entre deux {{glossary("grid lines","lignes de grille (lines)")}}. Elle est définie dans la _grille explicite_ avec les propriétés {{cssxref("grid-template-columns")}} et {{cssxref("grid-template-rows")}} ou les propriétés raccourcies {{cssxref("grid")}} ou {{cssxref("grid-template")}}. Les pistes sont aussi créées dans une _grille implicite_ en positionnant un élément de grille en dehors des pistes créées dans la grille explicite.
diff --git a/files/fr/glossary/guard/index.md b/files/fr/glossary/guard/index.md
index 9d47e9ea090135..0148c7e9bf8893 100644
--- a/files/fr/glossary/guard/index.md
+++ b/files/fr/glossary/guard/index.md
@@ -1,12 +1,7 @@
 ---
 title: Guard
 slug: Glossary/Guard
-tags:
-  - API
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Guard
-original_slug: Glossaire/Guard
 ---
 
 Guard est une fonctionnalité des objets {{domxref("Headers")}} (_en-têtes_) (comme définis dans la {{domxref("Fetch_API","spécification Fetch")}}, qui permet aux méthodes telles que {{domxref("Headers.set","set()")}} et {{domxref("Headers.append","append()")}} de changer ou non les contenus des en-têtes. Par exemple, `immutable` guard signifie que les en-têtes ne peuvent être modifiés. Pour plus d'informations, lisez [Les concepts de base Fetch : guard](/fr/docs/Web/API/Fetch_API/Basic_concepts#Guard).
diff --git a/files/fr/glossary/gutters/index.md b/files/fr/glossary/gutters/index.md
index 162c04671b9e49..9bd04474f0f865 100644
--- a/files/fr/glossary/gutters/index.md
+++ b/files/fr/glossary/gutters/index.md
@@ -2,7 +2,6 @@
 title: Gouttières
 slug: Glossary/Gutters
 translation_of: Glossary/Gutters
-original_slug: Glossaire/Gutters
 ---
 
 **Les gouttières** (ou *ruelles*) sont l'espace entre les pistes de contenu. Elles peuvent être créées avec [les grilles CSS](/fr/docs/Web/CSS/CSS_Grid_Layout) en utilisant les propriétés [`column-gap`](/fr/docs/Web/CSS/column-gap), [`row-gap`](/fr/docs/Web/CSS/row-gap) ou [`gap`](/fr/docs/Web/CSS/gap).
diff --git a/files/fr/glossary/gzip_compression/index.md b/files/fr/glossary/gzip_compression/index.md
index 79db0a96ed82d1..771c68583d4be2 100644
--- a/files/fr/glossary/gzip_compression/index.md
+++ b/files/fr/glossary/gzip_compression/index.md
@@ -1,12 +1,7 @@
 ---
 title: Compression GZip
 slug: Glossary/GZip_compression
-tags:
-  - Glossaire
-  - compression
-  - gzip
 translation_of: Glossary/GZip_compression
-original_slug: Glossaire/GZip_compression
 ---
 
 gzip est un algorithme de compression qui permet de réduire la taille des fichiers, ce qui permet des transferts réseau plus rapides. Il est généralement pris en charge par les serveurs Web et les navigateurs modernes, ce qui signifie que les serveurs peuvent compresser automatiquement les fichiers avec gzip avant de les envoyer, et les navigateurs peuvent décompresser les fichiers lors de leur réception.
diff --git a/files/fr/glossary/hash/index.md b/files/fr/glossary/hash/index.md
index a33ea36eda7b82..d523e219526c1a 100644
--- a/files/fr/glossary/hash/index.md
+++ b/files/fr/glossary/hash/index.md
@@ -1,13 +1,7 @@
 ---
 title: hash
 slug: Glossary/Hash
-tags:
-  - Cryptographie
-  - Encodage
-  - Glossaire
-  - Hash
 translation_of: Glossary/hash
-original_slug: Glossaire/hash
 ---
 
 La fonction de hachage prend en entrée un message de taille variable et produit en sortie un hash de taille fixe. Il se présente habituellement sous la forme d'une "empreinte" de 128 bits ou "message condensé". Les hashes sont également très utiles en {{glossary("cryptographie")}} en garantissant l'intégrité des données transmises. Il s'agit des blocs pour construire des {{glossary("HMAC")}} qui fournissent l'authentification de messages.
diff --git a/files/fr/glossary/head/index.md b/files/fr/glossary/head/index.md
index 74adfc7cf77799..ca5f30f2c1fee8 100644
--- a/files/fr/glossary/head/index.md
+++ b/files/fr/glossary/head/index.md
@@ -1,14 +1,7 @@
 ---
 title: En-tête
 slug: Glossary/Head
-tags:
-  - En-têtes
-  - Encodage
-  - Glossaire
-  - HTML
-  - métadonnée
 translation_of: Glossary/Head
-original_slug: Glossaire/En-tête
 ---
 
 L'**en-tête** est la partie d'un document {{glossary("HTML")}} qui contient les {{glossary("métadonnée","métadonnées")}} qui le concernent, comme son auteur, sa description et des liens vers des fichiers {{glossary("CSS")}} ou {{glossary("JavaScript")}} qui s'appliquent au HTML.
diff --git a/files/fr/glossary/high-level_programming_language/index.md b/files/fr/glossary/high-level_programming_language/index.md
index 01987e55d45222..8782d085d54e81 100644
--- a/files/fr/glossary/high-level_programming_language/index.md
+++ b/files/fr/glossary/high-level_programming_language/index.md
@@ -1,12 +1,7 @@
 ---
 title: Langage de programmation de haut niveau
 slug: Glossary/High-level_programming_language
-tags:
-  - Glossaire
-  - Langage
-  - Programmation
 translation_of: Glossary/High-level_programming_language
-original_slug: Glossaire/Langage_de_programmation_de_haut_niveau
 ---
 
 Un langage de programmation de haut niveau a une **abstraction significative** des détails du fonctionnement de l'ordinateur. Il est conçu pour être facilement compris par les humains et pour cette raison, il doit être traduit par un autre logiciel. Contrairement aux langages de programmation de bas niveau, il peut utiliser des éléments de langage naturel ou automatiser (voire masquer) des champs importants de système informatique, rendant le processus de développement plus simple et plus compréhensible par rapport à un langage de niveau inférieur. La quantité d'abstraction fournie définit la façon dont un langage de programmation est «de haut niveau».
diff --git a/files/fr/glossary/hmac/index.md b/files/fr/glossary/hmac/index.md
index 4a613cf8670936..69308f8952b303 100644
--- a/files/fr/glossary/hmac/index.md
+++ b/files/fr/glossary/hmac/index.md
@@ -1,12 +1,7 @@
 ---
 title: HMAC
 slug: Glossary/HMAC
-tags:
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/HMAC
-original_slug: Glossaire/HMAC
 ---
 
 HMAC est un protocole utilisé pour les messages d'authentification {{Glossary("Cryptography","cryptographiquement")}}. Il peut utiliser toutes sortes de {{Glossary("Cryptographic hash function","fonctions de hachage cryptographique")}}, et sa force dépend de la fonction sous-jacente (SHA1 ou MD5 par exemple) et du choix de la clé secrète. Avec une telle combinaison, l'{{Glossary("Algorithm","algorithme")}} de vérification HMAC est alors repéré avec un nom composé comme HMAC-SHA1.
diff --git a/files/fr/glossary/host/index.md b/files/fr/glossary/host/index.md
index 3705cabb87af98..81b4cb123f1466 100644
--- a/files/fr/glossary/host/index.md
+++ b/files/fr/glossary/host/index.md
@@ -1,13 +1,7 @@
 ---
 title: Hôte
 slug: Glossary/Host
-tags:
-  - Glossaire
-  - Intermédiaire
-  - Web
-  - WebMechanics
 translation_of: Glossary/Host
-original_slug: Glossaire/Host
 ---
 
 Un hôte est un périphérique connecté à l'{{glossary("Internet")}} (ou à un réseau local). Des hôtes appelés {{glossary("serveur","serveurs")}} offrent des services supplémentaires comme l'hébergement de pages web ou le stockage de fichiers et de courriels.
diff --git a/files/fr/glossary/hotlink/index.md b/files/fr/glossary/hotlink/index.md
index 52a1e616ec1d31..3266d3272f1787 100644
--- a/files/fr/glossary/hotlink/index.md
+++ b/files/fr/glossary/hotlink/index.md
@@ -1,11 +1,7 @@
 ---
 title: Hotlink
 slug: Glossary/Hotlink
-tags:
-  - Glossaire
-  - Mécanismes web
 translation_of: Glossary/Hotlink
-original_slug: Glossaire/Hotlink
 ---
 
 Un **hotlink** (appelé aussi **inline link** (_lien en ligne_)) est un objet (typiquement une image) directement lié à un autre sur un autre site. Par exemple, une image hébergée sur site1.com est montrée directement sur site2.com.
diff --git a/files/fr/glossary/houdini/index.md b/files/fr/glossary/houdini/index.md
index 94f061477020ab..c745416e7c44ed 100644
--- a/files/fr/glossary/houdini/index.md
+++ b/files/fr/glossary/houdini/index.md
@@ -1,14 +1,7 @@
 ---
 title: Houdini
 slug: Glossary/Houdini
-tags:
-  - CSS
-  - CSS API
-  - Glossaire
-  - Houdini
-  - Reference
 translation_of: Glossary/Houdini
-original_slug: Glossaire/Houdini
 ---
 
 Houdini est un ensemble d'API de bas niveau qui donnent aux développeurs la possibilité d'étendre le CSS, offrant la possibilité de se connecter au processus de style et de mise en page du moteur de rendu d'un navigateur. Houdini donne aux développeurs l'accès au [modèle d'obet CSS](/fr/docs/Web/API/CSS_Object_Model) ([CSSOM](/fr/docs/Glossary/CSSOM)), permettant aux développeurs d'écrire du code que le navigateur peut analyser en CSS. L'avantage de Houdini est que les développeurs peuvent créer des fonctionnalités CSS sans attendre les spécifications des normes Web pour les définir et sans attendre que chaque navigateur implémente complètement les fonctionnalités.
diff --git a/files/fr/glossary/hpkp/index.md b/files/fr/glossary/hpkp/index.md
index 14b2ea1bdf954c..1b859dc577520e 100644
--- a/files/fr/glossary/hpkp/index.md
+++ b/files/fr/glossary/hpkp/index.md
@@ -1,11 +1,7 @@
 ---
 title: HPKP
 slug: Glossary/HPKP
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/HPKP
-original_slug: Glossaire/HPKP
 ---
 
 **HTTP Public Key Pinning** (**HPKP**) est une fonctionnalité de sécurité qui indique à un client Web d'associer une clé publique cryptographique spécifique à un certain serveur Web pour réduire le risque d'attaques {{Glossary("MitM")}} avec des certificats fabriqués .
diff --git a/files/fr/glossary/hsts/index.md b/files/fr/glossary/hsts/index.md
index 4700a1a09d2bd6..bd0b682fd1a483 100644
--- a/files/fr/glossary/hsts/index.md
+++ b/files/fr/glossary/hsts/index.md
@@ -1,12 +1,7 @@
 ---
 title: HSTS
 slug: Glossary/HSTS
-tags:
-  - Glossaire
-  - HTTP
-  - Sécurité
 translation_of: Glossary/HSTS
-original_slug: Glossaire/HSTS
 ---
 
 **HTTP Strict Transport Security** permet à un site web d'informer le navigateur que son accès ne devrait pas se faire en HTTP et qu'il devrait donc convertir toute tentative de connexion en HTTP en connexion HTTPS. HSTS est un en-tête HTTP, {{HTTPHeader("Strict-Transport-Security")}}, il est donc envoyé par le serveur au début de la réponse à une requête d'un client.
diff --git a/files/fr/glossary/html/index.md b/files/fr/glossary/html/index.md
index ba5be1c4b7a9ce..66e5e8835e1933 100644
--- a/files/fr/glossary/html/index.md
+++ b/files/fr/glossary/html/index.md
@@ -1,13 +1,7 @@
 ---
 title: HTML
 slug: Glossary/HTML
-tags:
-  - Encodage
-  - Glossaire
-  - HTML
-  - l10n:priority
 translation_of: Glossary/HTML
-original_slug: Glossaire/HTML
 ---
 
 {{QuickLinksWithSubpages("/fr/docs/Glossaire")}}
diff --git a/files/fr/glossary/html5/index.md b/files/fr/glossary/html5/index.md
index 07e03b132982ac..e777085c0b9d9a 100644
--- a/files/fr/glossary/html5/index.md
+++ b/files/fr/glossary/html5/index.md
@@ -1,13 +1,7 @@
 ---
 title: HTML5
 slug: Glossary/HTML5
-tags:
-  - CodingScripting
-  - Glossaire
-  - HTML
-  - HTML5
 translation_of: Glossary/HTML5
-original_slug: Glossaire/HTML5
 ---
 
 La dernière version stable du {{Glossary("HTML")}}, HTML5, transforme le HTML qui était un simple balisage pour structurer des documents en une plate-forme complète de développement d'applications. Parmi ses autres caractéristiques, HTML5 comporte de nouveaux éléments et des {{glossary("API")}} {{glossary("JavaScript")}} pour améliorer le stockage, le multimédia et l'accès au matériel.
diff --git a/files/fr/glossary/http/index.md b/files/fr/glossary/http/index.md
index a76d16417bc28a..988dc2886dd299 100644
--- a/files/fr/glossary/http/index.md
+++ b/files/fr/glossary/http/index.md
@@ -1,13 +1,7 @@
 ---
 title: HTTP
 slug: Glossary/HTTP
-tags:
-  - Débutant
-  - Glossaire
-  - HTTP
-  - Infrastructure
 translation_of: Glossary/HTTP
-original_slug: Glossaire/HTTP
 ---
 
 L'*Hypertext Transfer Protocol* (**HTTP**) (_Protocole de transfert hypertexte_) est un {{glossary("Protocol","protocole")}} de base qui autorise le transfert de fichiers sur le {{glossary("World Wide Web","web")}}, typiquement entre un navigateur web et un serveur afin que des utilisateurs puissent les consulter. La version actuelle de la spécification HTTP s'appelle {{glossary("HTTP_2", "HTTP/2")}}.
diff --git a/files/fr/glossary/http_2/index.md b/files/fr/glossary/http_2/index.md
index 991db173a39a52..a60e2888789730 100644
--- a/files/fr/glossary/http_2/index.md
+++ b/files/fr/glossary/http_2/index.md
@@ -1,15 +1,7 @@
 ---
 title: HTTP/2
 slug: Glossary/HTTP_2
-tags:
-  - Glossaire
-  - HTTP
-  - Infrastructure
-  - Performance du Web
-  - Reference
-  - l10n:priority
 translation_of: Glossary/HTTP_2
-original_slug: Glossaire/HTTP_2
 ---
 
 **HTTP/2** est une révision majeure du [Protocole de réseau HTTP](/fr/docs/Web/HTTP/Basics_of_HTTP). Les principaux objectifs de HTTP/2 sont de réduire la {{glossary("latency","latence")}} en permettant le multiplexage complet des demandes et des réponses, minimiser la surcharge du protocole grâce à une compression efficace des champs d'en-tête HTTP, et ajouter la prise en charge de la priorisation des demandes et de la diffusion sur le serveur.
diff --git a/files/fr/glossary/http_3/index.md b/files/fr/glossary/http_3/index.md
index 2edddac1081439..dffedf71d4f61e 100644
--- a/files/fr/glossary/http_3/index.md
+++ b/files/fr/glossary/http_3/index.md
@@ -1,12 +1,7 @@
 ---
 title: HTTP/3
 slug: Glossary/HTTP_3
-tags:
-  - HTTP
-  - Intro
-  - NeedsContent
 translation_of: Glossary/HTTP_3
-original_slug: Glossaire/HTTP_3
 ---
 
 **HTTP/3** est la prochaine révision majeure du [protocole réseau HTTP](/fr/docs/Web/HTTP/Basics_of_HTTP), succédant à {{glossary("HTTP 2", "HTTP/2")}}. Le point majeur de HTTP/3 est qu'il utilise un nouveau protocole {{glossary("UDP")}} nommé QUIC, au lieu de {{glossary("TCP")}}.
diff --git a/files/fr/glossary/http_header/index.md b/files/fr/glossary/http_header/index.md
index 22f37a5f89f4a3..ba0749ce2ff8f3 100644
--- a/files/fr/glossary/http_header/index.md
+++ b/files/fr/glossary/http_header/index.md
@@ -1,12 +1,7 @@
 ---
 title: En-tête
 slug: Glossary/HTTP_header
-tags:
-  - En-têtes
-  - Glossaire
-  - Mécanismes web
 translation_of: Glossary/HTTP_header
-original_slug: Glossaire/Header
 ---
 
 Un **en-tête HTTP** est un champ de requête ou de réponse HTTP permettant de transmettre des informations supplémentaires modifiant ou précisant la sémantique du message ou de son contenu. Les en-têtes ne sont pas sensibles à la casse, commencent au début d'une ligne et sont immédiatemment suivis d'un '`:`' et d'une valeur dépendant de l'en-tête en question. La valeur se termine au retour chariot suivant ou à la fin du message.
diff --git a/files/fr/glossary/https/index.md b/files/fr/glossary/https/index.md
index fc326e9c99e81a..e9bd19f58d83d1 100644
--- a/files/fr/glossary/https/index.md
+++ b/files/fr/glossary/https/index.md
@@ -1,13 +1,7 @@
 ---
 title: HTTPS
 slug: Glossary/HTTPS
-tags:
-  - Glossaire
-  - HTTPS
-  - Infrastructure
-  - Sécurité
 translation_of: Glossary/https
-original_slug: Glossaire/https
 ---
 
 **HTTPS** (_HTTP Sécurisé_) est une version chiffrée du protocole {{Glossary("HTTP")}}. Il utilise généralement {{Glossary("TLS")}} ou {{Glossary("SSL")}} pour chiffrer l'intégralité des communications entre un client et un serveur. La connexion sécurisée permet aux clients d'échanger de manière sûre des données sensibles avec un serveur, par exemple pour des transactions bancaires ou du commerce en ligne.
diff --git a/files/fr/glossary/hyperlink/index.md b/files/fr/glossary/hyperlink/index.md
index b289660ea354c2..a1ac20aa3b8186 100644
--- a/files/fr/glossary/hyperlink/index.md
+++ b/files/fr/glossary/hyperlink/index.md
@@ -1,12 +1,7 @@
 ---
 title: Hyperlien
 slug: Glossary/Hyperlink
-tags:
-  - Glossaire
-  - HTML
-  - Navigation
 translation_of: Glossary/Hyperlink
-original_slug: Glossaire/Hyperlien
 ---
 
 Les hyperliens connectent des pages web ou des données à une autre. En HTML, l'élément {{HTMLElement("a")}} définit un hyperlien d'un endroit sur une page web (comme une chaîne de caractères ou une image) à un autre endroit sur une autre page web (ou même sur la même page).
diff --git a/files/fr/glossary/hypertext/index.md b/files/fr/glossary/hypertext/index.md
index 7fbb64d63e3fc0..31bb55fcca9e68 100644
--- a/files/fr/glossary/hypertext/index.md
+++ b/files/fr/glossary/hypertext/index.md
@@ -1,12 +1,7 @@
 ---
 title: Hypertexte
 slug: Glossary/Hypertext
-tags:
-  - Glossaire
-  - Mécanismes web
-  - Web
 translation_of: Glossary/Hypertext
-original_slug: Glossaire/Hypertexte
 ---
 
 L'hypertexte est un texte contenant des liens vers d'autres textes, par opposition à un unique flux linéaire comme dans un roman.
diff --git a/files/fr/glossary/i18n/index.md b/files/fr/glossary/i18n/index.md
index 5cadebab9d2ac8..ce92348ad76144 100644
--- a/files/fr/glossary/i18n/index.md
+++ b/files/fr/glossary/i18n/index.md
@@ -1,15 +1,7 @@
 ---
 title: I18N
 slug: Glossary/I18N
-tags:
-  - Crédibilité
-  - Débutant
-  - Glossaire
-  - Internationalisation
-  - OpenPractices
-  - i18n
 translation_of: Glossary/I18N
-original_slug: Glossaire/I18N
 ---
 
 i18n (issu de "internationalisation", un mot de 20 lettres) est l'ensemble des bonnes pratiques pour permettre à des produits ou des services d'être lisiblement adaptés à toute culture visée.
diff --git a/files/fr/glossary/iana/index.md b/files/fr/glossary/iana/index.md
index db03159ce3651d..3df3e61135f79d 100644
--- a/files/fr/glossary/iana/index.md
+++ b/files/fr/glossary/iana/index.md
@@ -1,11 +1,7 @@
 ---
 title: IANA
 slug: Glossary/IANA
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/IANA
-original_slug: Glossaire/IANA
 ---
 
 **IANA** (Internet Assigned Numbers Authority) est une composante de l'{{glossary("ICANN")}} chargée de l'enregistrement et/ou de l'attribution de {{glossary("Domain name","noms de domaines")}}, {{glossary("IP address","adresses IP")}}, et d'autres noms et numéros utilisés par les {{glossary("Protocol","protocoles")}} Internet.
diff --git a/files/fr/glossary/icann/index.md b/files/fr/glossary/icann/index.md
index e579cc977eae94..956be92ccbf90f 100644
--- a/files/fr/glossary/icann/index.md
+++ b/files/fr/glossary/icann/index.md
@@ -1,11 +1,7 @@
 ---
 title: ICANN
 slug: Glossary/ICANN
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/ICANN
-original_slug: Glossaire/ICANN
 ---
 
 **ICANN** (Internet Corporation of Assigned Names and Numbers) est une société à but non lucratif internationale qui maintient le {{glossary("DNS","système de noms de domaine")}} et l'enregistrement des {{glossary("IP address","adresses IP")}}.
diff --git a/files/fr/glossary/ice/index.md b/files/fr/glossary/ice/index.md
index da9506c5c594b4..55f36d6522be73 100644
--- a/files/fr/glossary/ice/index.md
+++ b/files/fr/glossary/ice/index.md
@@ -1,14 +1,7 @@
 ---
 title: ICE
 slug: Glossary/ICE
-tags:
-  - CodingScripting
-  - Glossaire
-  - Protocoles
-  - Réseau
-  - WebRTC
 translation_of: Glossary/ICE
-original_slug: Glossaire/ICE
 ---
 
 **ICE** (_Interactive Connectivity Establishment_) est un framework utilisé par {{glossary("WebRTC")}} (parmi d'autres technologies) pour connecter deux pairs ensemble, indépendamment de la topologie réseau (en général pour des conversations audio et/ou vidéo). Ce protocole laisse les deux pairs chercher et établir une connexion avec l'autre même s'ils utilisent tous les deux de la translation d'adresses ({{glossary("NAT")}}) pour partager une adresse IP globale avec d'autres périphériques sur leurs réseaux locaux respectifs.
diff --git a/files/fr/glossary/ide/index.md b/files/fr/glossary/ide/index.md
index ec0b05513d90f4..23b27853ceb2a0 100644
--- a/files/fr/glossary/ide/index.md
+++ b/files/fr/glossary/ide/index.md
@@ -1,11 +1,7 @@
 ---
 title: EDI
 slug: Glossary/IDE
-tags:
-  - CodingScripting
-  - Glossaire
 translation_of: Glossary/IDE
-original_slug: Glossaire/IDE
 ---
 
 Un Environnement de Développement Intégré (**EDI**) ou Environnement de Développement Interactif est une application logicielle qui fournit des facilités complètes aux programmeurs pour le développemet de logiciels. Un EDI est constitué normalement d'un éditeur de code source, d'outils pour automatiser la compilation et d'un débogueur.
diff --git a/files/fr/glossary/idempotent/index.md b/files/fr/glossary/idempotent/index.md
index d4967ef28eb89b..1389f8dbd8749f 100644
--- a/files/fr/glossary/idempotent/index.md
+++ b/files/fr/glossary/idempotent/index.md
@@ -1,12 +1,7 @@
 ---
 title: Idempotente
 slug: Glossary/Idempotent
-tags:
-  - Glossaire
-  - HTTP
-  - Mécanismes web
 translation_of: Glossary/Idempotent
-original_slug: Glossaire/Idempotent
 ---
 
 Une méthode HTTP est **idempotente** si une requête identique peut être faite une ou plusieurs fois de suite avec le même effet, tout en laissant le serveur dans le même état. En d'autres termes, une méthode idempotente ne doit pas avoir d'effets secondaires (sauf dans la tenue de statistiques). Implémentées correctement, les méthodes {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}, {{HTTPMethod("PUT")}} et {{HTTPMethod("DELETE")}} sont idempotentes, mais pas la méthode {{HTTPMethod("POST")}}. Toutes les méthodes {{glossary("Safe","sécurisées")}} sont également idempotentes.
diff --git a/files/fr/glossary/identifier/index.md b/files/fr/glossary/identifier/index.md
index f4e6a41f22cc62..c05e55f62e866f 100644
--- a/files/fr/glossary/identifier/index.md
+++ b/files/fr/glossary/identifier/index.md
@@ -1,12 +1,7 @@
 ---
 title: Identificateur
 slug: Glossary/Identifier
-tags:
-  - Débutant
-  - Glossaire
-  - Partage
 translation_of: Glossary/Identifier
-original_slug: Glossaire/Identifiant
 ---
 
 Une séquence de caractères dans le code qui identifie une **{{glossary("Variable","variable")}}, une {{glossary("Function","fonction")}}, ou une {{glossary("Property","propriété")}}**.
diff --git a/files/fr/glossary/idl/index.md b/files/fr/glossary/idl/index.md
index d0073cc3374d30..40e01fe6f6cfa2 100644
--- a/files/fr/glossary/idl/index.md
+++ b/files/fr/glossary/idl/index.md
@@ -1,13 +1,7 @@
 ---
 title: IDL
 slug: Glossary/IDL
-tags:
-  - CodingScripting
-  - Glossaire
-  - IDL
-  - Interface description language
 translation_of: Glossary/IDL
-original_slug: Glossaire/IDL
 ---
 
 Un **IDL** (_Interface Description Language_) est un langage générique utilisé pour définir les interfaces des objets en dehors de tout autre langage de programmation spécifique.
diff --git a/files/fr/glossary/ietf/index.md b/files/fr/glossary/ietf/index.md
index 39c0f32d9503e7..52742567bc5008 100644
--- a/files/fr/glossary/ietf/index.md
+++ b/files/fr/glossary/ietf/index.md
@@ -1,13 +1,7 @@
 ---
 title: IETF
 slug: Glossary/IETF
-tags:
-  - Glossaire
-  - IETF
-  - Infrastructure
-  - Internet
 translation_of: Glossary/IETF
-original_slug: Glossaire/IETF
 ---
 
 L'Internet Engineering Task Force (**IETF**) est une organisation mondiale qui élabore les {{glossary('spécification','spécifications')}} gouvernant les mécanismes derrière le fonctionnement de l'{{glossary("Internet")}}, en particulier {{glossary("TCP")}}/{{glossary("IPv6","IP")}}, la suite de {{glossary("Protocol","protocoles")}} Internet. L'IETF est ouvert, composé de bénévoles et soutenu par l'[Internet Society](http://www.isoc.org/).
diff --git a/files/fr/glossary/iife/index.md b/files/fr/glossary/iife/index.md
index ba5e49881e135f..7ac1c3e2c14213 100644
--- a/files/fr/glossary/iife/index.md
+++ b/files/fr/glossary/iife/index.md
@@ -1,12 +1,7 @@
 ---
 title: IIFE
 slug: Glossary/IIFE
-tags:
-  - Glossaire
-  - JavaScript
-  - Programmation
 translation_of: Glossary/IIFE
-original_slug: Glossaire/IIFE
 ---
 
 **IIFE** (Immediately Invoked Function Expression) _(Expression de fonction invoquée immédiatement)_ est une {{glossary("Function","fonction")}} {{glossary("JavaScript")}} qui est exécutée dès qu'elle est définie.
diff --git a/files/fr/glossary/imap/index.md b/files/fr/glossary/imap/index.md
index 18471e2721e8dc..1f117a8e8b9f30 100644
--- a/files/fr/glossary/imap/index.md
+++ b/files/fr/glossary/imap/index.md
@@ -1,12 +1,7 @@
 ---
 title: IMAP
 slug: Glossary/IMAP
-tags:
-  - Couriels
-  - Débutant
-  - Glossaire
 translation_of: Glossary/IMAP
-original_slug: Glossaire/IMAP
 ---
 
 IMAP (Internet Message Access Protocol) est un {{Glossary("Protocol","protocole")}} utilisé pour récupérer et stocker des courriels. Plus récent que {{Glossary("POP3")}}, IMAP permet d'avoir des dossiers et des règles sur le serveur.
diff --git a/files/fr/glossary/immutable/index.md b/files/fr/glossary/immutable/index.md
index 54a0c1b02fb99b..9462047d3ce1ee 100644
--- a/files/fr/glossary/immutable/index.md
+++ b/files/fr/glossary/immutable/index.md
@@ -1,11 +1,7 @@
 ---
 title: Immuable
 slug: Glossary/Immutable
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Immutable
-original_slug: Glossaire/Immuable
 ---
 
 Un {{glossary("Object","objet")}} immuable est un objet dont le contenu ne peut pas être modifié.
diff --git a/files/fr/glossary/index.md b/files/fr/glossary/index.md
index c214e5791339a2..3a232e49efea7b 100644
--- a/files/fr/glossary/index.md
+++ b/files/fr/glossary/index.md
@@ -2,7 +2,6 @@
 title: 'Glossaire MDN : définitions des termes du Web'
 slug: Glossary
 translation_of: Glossary
-original_slug: Glossaire
 ---
 
 Les technologies Web font l'objet d'un important jargon et utilisent des abréviation utilisées dans la documentation et le code. Ce glossaire fournit une définition des mots et abréviations qui vous seront nécessaires pour pouvoir comprendre et utiliser le Web.
diff --git a/files/fr/glossary/indexeddb/index.md b/files/fr/glossary/indexeddb/index.md
index e9d43f47d9ef58..37706f81667ae7 100644
--- a/files/fr/glossary/indexeddb/index.md
+++ b/files/fr/glossary/indexeddb/index.md
@@ -1,13 +1,7 @@
 ---
 title: IndexedDB
 slug: Glossary/IndexedDB
-tags:
-  - API
-  - Base de données
-  - Glossaire
-  - Programmation
 translation_of: Glossary/IndexedDB
-original_slug: Glossaire/IndexedDB
 ---
 
 IndexedDB est une {{glossary("API")}} web pour stocker de larges structures de données à l'intérieur des navigateurs et de les indexer afin d'effectuer des recherches hautement performante. De la même façon qu'un [Système de gestion de base de données relationnelle](https://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_base_de_donn%C3%A9es) (basé sur {{glossary("SQL")}}), IndexedDB est une base de données transactionnelle. Cependant, IndexedDB utilise les objets {{glossary("JavaScript")}} plutôt que des colonnes de tables fixes pour stocker les données.
diff --git a/files/fr/glossary/information_architecture/index.md b/files/fr/glossary/information_architecture/index.md
index 6e6c0a56df199d..e92c207e385369 100644
--- a/files/fr/glossary/information_architecture/index.md
+++ b/files/fr/glossary/information_architecture/index.md
@@ -1,13 +1,7 @@
 ---
 title: Architecture de l'information
 slug: Glossary/Information_architecture
-tags:
-  - Architecture
-  - Conception
-  - Glossaire
-  - Information
 translation_of: Glossary/Information_architecture
-original_slug: Glossaire/Architecture_de_l_information
 ---
 
 L'architecture de l'information, appliquée à la conception et au développement de sites web, consiste à organiser l'information / le contenu / la fonctionnalité d'un site web de manière à offrir la meilleure expérience possible, les informations et les services étant facilement utilisables et trouvables.
diff --git a/files/fr/glossary/inheritance/index.md b/files/fr/glossary/inheritance/index.md
index 6d38c2e6443048..3fdee040ee87b9 100644
--- a/files/fr/glossary/inheritance/index.md
+++ b/files/fr/glossary/inheritance/index.md
@@ -1,14 +1,7 @@
 ---
 title: Héritage
 slug: Glossary/Inheritance
-tags:
-  - Encodage
-  - Glossaire
-  - Héritage
-  - Langage de programmation
-  - Programmation
 translation_of: Glossary/Inheritance
-original_slug: Glossaire/Héritage
 ---
 
 L'héritage est une fonctionnalité majeure de la {{glossary("OOP","programmation orientée objet")}}. L'abstraction de données peut être exprimée à plusieurs niveaux, c'est-à-dire que des {{glossary("Class","classes")}} peuvent avoir des superclasses et des sous-classes.
diff --git a/files/fr/glossary/inline-level_content/index.md b/files/fr/glossary/inline-level_content/index.md
index a42d546f71b06d..3aeacd8d92c0be 100644
--- a/files/fr/glossary/inline-level_content/index.md
+++ b/files/fr/glossary/inline-level_content/index.md
@@ -1,17 +1,7 @@
 ---
 title: Éléments en ligne
 slug: Glossary/Inline-level_content
-tags:
-  - Beginner
-  - Débutant
-  - Elements
-  - Guide
-  - HTML
-  - HTML Elements
-  - Layout
-  - Reference
 translation_of: Web/HTML/Inline_elements
-original_slug: Web/HTML/Inline_elements
 ---
 
 Les éléments HTML (**Hypertext Markup Language**) étaient historiquement catégorisés comme des éléments de type « bloc » (_block_ en anglais) ou de type « en ligne » (_inline_ en anglais). Comme il s'agit d'une caractéristique de présentation, elle est aujourd'hui spécifiée par CSS dans le module de spécification [_Flow Layout_](/fr/docs/Web/CSS/CSS_Flow_Layout) qui définit l'organisation visuelle par défaut des éléments (le « flux » normal). Les éléments en lignes n'occupent que l'espace entre leurs balises et s'insèrent dans le flux du contenu plutôt que de créer un nouveau « bloc » visuel. Dans cet article, nous verrons en détails ces éléments en ligne et leurs différences par rapport aux [éléments de bloc](/fr/docs/Web/HTML/Block-level_elements).
diff --git a/files/fr/glossary/input_method_editor/index.md b/files/fr/glossary/input_method_editor/index.md
index 6deb96aea02e3f..bd48aa692bc7e5 100644
--- a/files/fr/glossary/input_method_editor/index.md
+++ b/files/fr/glossary/input_method_editor/index.md
@@ -1,10 +1,7 @@
 ---
 title: Méthode de saisie
 slug: Glossary/Input_method_editor
-tags:
-  - Glossary
 translation_of: Glossary/Input_method_editor
-original_slug: Glossaire/Input_method_editor
 ---
 
 Une méthode de saisie (IME pour Input Method Editor) est un programme qui permet de saisir du texte via une interface utilisateur spécialisé. Les méthodes de saisie peuvent être utilisées dans de nombreuses situations dont :
diff --git a/files/fr/glossary/instance/index.md b/files/fr/glossary/instance/index.md
index 2e400e86b0abb9..c6f3338e86e504 100644
--- a/files/fr/glossary/instance/index.md
+++ b/files/fr/glossary/instance/index.md
@@ -1,14 +1,7 @@
 ---
 title: Instance
 slug: Glossary/Instance
-tags:
-  - CodingScripting
-  - Débutant
-  - Glossaire
-  - JavaScript
-  - NeedsContent
 translation_of: Glossary/Instance
-original_slug: Glossaire/Instance
 ---
 
 Un {{glossary("objet")}} créé par un {{glossary("constructeur")}} est une instance de ce constructeur.
diff --git a/files/fr/glossary/internationalization_and_localization/index.md b/files/fr/glossary/internationalization_and_localization/index.md
index ab4e86e501071e..98e27295e9e077 100644
--- a/files/fr/glossary/internationalization_and_localization/index.md
+++ b/files/fr/glossary/internationalization_and_localization/index.md
@@ -1,12 +1,7 @@
 ---
 title: Internationalisation
 slug: Glossary/Internationalization_and_localization
-tags:
-  - Glossaire
-  - Internationalisation
-  - Reference
 translation_of: Glossary/Internationalization_and_localization
-original_slug: Glossaire/Internationalisation_et_localisation
 ---
 
 **L'internationalisation**, souvent abrégée en "[i18n](/fr/docs/Glossary/I18N)", est l'adaptation d'un site web ou d'une application web à différentes langues, différences régionales et exigences techniques pour différentes régions et pays. L'internationalisation est le processus d'architecture de votre application web afin qu'elle puisse être rapidement et facilement adaptée à diverses langues et régions sans trop d'efforts d'ingénierie lorsque de nouvelles langues et régions sont prises en charge. Aussi pour qu'un utilisateur puisse parcourir les fonctionnalités pour traduire ou localiser l'application pour accéder à tout le contenu sans casser la mise en page.
diff --git a/files/fr/glossary/internet/index.md b/files/fr/glossary/internet/index.md
index 41459b7e1b97d1..174919480a0f4f 100644
--- a/files/fr/glossary/internet/index.md
+++ b/files/fr/glossary/internet/index.md
@@ -1,16 +1,7 @@
 ---
 title: Internet
 slug: Glossary/Internet
-tags:
-  - Débutant
-  - Glossaire
-  - Guide
-  - Introduction
-  - Mécanismes web
-  - Tutoriel
-  - Web
 translation_of: Glossary/Internet
-original_slug: Glossaire/Internet
 ---
 
 Internet est un réseau mondial constitué de réseaux. Ce réseau utilise le protocole Internet aussi nommé {{glossary("TCP")}}/{{glossary("IPv6", "IP")}} d'après ses principaux {{glossary("Protocol", "protocoles")}}.
diff --git a/files/fr/glossary/ip_address/index.md b/files/fr/glossary/ip_address/index.md
index e73f3f8c657128..5f254a8a70900b 100644
--- a/files/fr/glossary/ip_address/index.md
+++ b/files/fr/glossary/ip_address/index.md
@@ -1,13 +1,7 @@
 ---
 title: Adresse IP
 slug: Glossary/IP_Address
-tags:
-  - Débutant
-  - Glossaire
-  - Infrastructure
-  - Web
 translation_of: Glossary/IP_Address
-original_slug: Glossaire/IP_Address
 ---
 
 Une adresse IP est une série de chiffres assignée à chaque appareil connecté à un réseau qui utilise le protocole Internet.
diff --git a/files/fr/glossary/ipv4/index.md b/files/fr/glossary/ipv4/index.md
index eb4bc0f5d6a3ff..9be223335d376f 100644
--- a/files/fr/glossary/ipv4/index.md
+++ b/files/fr/glossary/ipv4/index.md
@@ -1,13 +1,7 @@
 ---
 title: IPv4
 slug: Glossary/IPv4
-tags:
-  - Glossaire
-  - IPv4
-  - Internet Protocole
-  - protocole
 translation_of: Glossary/IPv4
-original_slug: Glossaire/IPv4
 ---
 
 IPv4 est la 4<sup>e</sup> version du {{Glossary("Protocol","protocole")}} de communication d'{{glossary("Internet")}} et la première version vraiment déployée.
diff --git a/files/fr/glossary/ipv6/index.md b/files/fr/glossary/ipv6/index.md
index 08ea51e4cd35a7..c494b8a5923eea 100644
--- a/files/fr/glossary/ipv6/index.md
+++ b/files/fr/glossary/ipv6/index.md
@@ -1,11 +1,7 @@
 ---
 title: IPv6
 slug: Glossary/IPv6
-tags:
-  - Glossaire
-  - IPv6
 translation_of: Glossary/IPv6
-original_slug: Glossaire/IPv6
 ---
 
 **IPv6** est la version actuelle du {{glossary("protocol","protocole")}} sous-jacent de communication pour {{glossary("Internet")}}. Lentement IPv6 remplace {{Glossary("IPv4")}}, entre autres raisons parce que IPv6 permet d'avoir de nombreuses {{Glossary("IP address","adresses IP")}} différentes.
diff --git a/files/fr/glossary/irc/index.md b/files/fr/glossary/irc/index.md
index 0966e37a6a5b76..ac0c2e81d81559 100644
--- a/files/fr/glossary/irc/index.md
+++ b/files/fr/glossary/irc/index.md
@@ -2,7 +2,6 @@
 title: IRC
 slug: Glossary/IRC
 translation_of: Glossary/IRC
-original_slug: Glossaire/IRC
 ---
 
 IRC (<i lang="en">Internet Relay Chat</i>) est un système mondial de discussion textuelle. Il nécessite une connexion internet et un client de messagerie IRC, qui va envoyer et recevoir des messages via les serveurs IRC.
diff --git a/files/fr/glossary/iso/index.md b/files/fr/glossary/iso/index.md
index e24ec746839843..f8fd31325cdf30 100644
--- a/files/fr/glossary/iso/index.md
+++ b/files/fr/glossary/iso/index.md
@@ -1,14 +1,7 @@
 ---
 title: ISO
 slug: Glossary/ISO
-tags:
-  - Glossaire
-  - ISO
-  - Infrastructure
-  - Standards du Web
-  - spécifications web
 translation_of: Glossary/ISO
-original_slug: Glossaire/ISO
 ---
 
 **ISO** (International Organization for Standardization) est une organisation internationale qui développe des critères uniformisés coordonnant les entreprises de chaque principal secteur.
diff --git a/files/fr/glossary/isp/index.md b/files/fr/glossary/isp/index.md
index e60553931b396c..c636b7288b1f14 100644
--- a/files/fr/glossary/isp/index.md
+++ b/files/fr/glossary/isp/index.md
@@ -1,14 +1,7 @@
 ---
 title: FAI
 slug: Glossary/ISP
-tags:
-  - FAI
-  - Fournisseur d'accès à Internet
-  - Glossaire
-  - Web
-  - WebMechanics
 translation_of: Glossary/ISP
-original_slug: Glossaire/FAI
 ---
 
 Un FAI (Fournisseur d'Accès à Internet) vend un accès à Internet, et parfois un service de messagerie, de l'hébergement web ou de la voix sur IP, soit sur une connexion commutée via une ligne téléphonique (le plus fréquent dans le passé), soit sur une connexion haut débit comme un service DSL ou avec un modem câble.
diff --git a/files/fr/glossary/itu/index.md b/files/fr/glossary/itu/index.md
index 4c49dd54f6a0c9..c42db729c1ac47 100644
--- a/files/fr/glossary/itu/index.md
+++ b/files/fr/glossary/itu/index.md
@@ -1,13 +1,7 @@
 ---
 title: ITU
 slug: Glossary/ITU
-tags:
-  - Glossaire
-  - ITU
-  - Standardisation
-  - organisation
 translation_of: Glossary/ITU
-original_slug: Glossaire/ITU
 ---
 
 L'Union Internationale des Télécommunications (ITU) est l'organisation autorisée par les Nations Unies à établir des normes et des règles pour les télécommunication, y compris le télégraphe, la radio, la téléphonie et Internet. De la définition des règles pour garantir que les transmissions arrivent là où elles doivent aller et de la création du signal d'alerte «SOS» utilisé en code Morse, l'UIT joue depuis longtemps un rôle clé dans la manière dont nous utilisons la technologie pour échanger des informations et des idées.
diff --git a/files/fr/glossary/jank/index.md b/files/fr/glossary/jank/index.md
index d00da7a074c24b..1f50ddf4105996 100644
--- a/files/fr/glossary/jank/index.md
+++ b/files/fr/glossary/jank/index.md
@@ -1,13 +1,7 @@
 ---
 title: Jank
 slug: Glossary/Jank
-tags:
-  - Débutant
-  - Encodage
-  - Glossaire
-  - Performance
 translation_of: Glossary/Jank
-original_slug: Glossaire/Jank
 ---
 
 **Jank** se réfère à la lenteur dans une interface utilisateur, généralement causée par l'exécution de longues tâches sur le fil principal, le blocage du rendu ou la dépense de trop de puissance de processeur pour les processus en arrière-plan.
diff --git a/files/fr/glossary/java/index.md b/files/fr/glossary/java/index.md
index 87c646f3d15a6c..7150bd352958eb 100644
--- a/files/fr/glossary/java/index.md
+++ b/files/fr/glossary/java/index.md
@@ -1,13 +1,7 @@
 ---
 title: Java
 slug: Glossary/Java
-tags:
-  - Encodage
-  - Glossaire
-  - Java
-  - Langage de programmation
 translation_of: Glossary/Java
-original_slug: Glossaire/Java
 ---
 
 Java est un langage de {{Glossary("OOP","programmation orientée objet")}} basé sur des {{Glossary("Class","classes")}}, de {{Glossary("Computer Programming","programmation informatique")}} conçu pour être indépendant de l'implémentation.
diff --git a/files/fr/glossary/javascript/index.md b/files/fr/glossary/javascript/index.md
index ae53ea6cca4281..3f6590727a014f 100644
--- a/files/fr/glossary/javascript/index.md
+++ b/files/fr/glossary/javascript/index.md
@@ -1,13 +1,7 @@
 ---
 title: JavaScript
 slug: Glossary/JavaScript
-tags:
-  - Encodage
-  - Glossaire
-  - JavaScript
-  - l10n:priority
 translation_of: Glossary/JavaScript
-original_slug: Glossaire/JavaScript
 ---
 
 JavaScript (JS) est un langage de programmation principalement utilisé côté client pour générer des pages web dynamiquement, mais également côté {{Glossary("Server","serveur")}}, depuis l'arrivée de [Node JS](https://nodejs.org/fr/).
diff --git a/files/fr/glossary/jpeg/index.md b/files/fr/glossary/jpeg/index.md
index 31bcbf173fd96d..c06765127d68d4 100644
--- a/files/fr/glossary/jpeg/index.md
+++ b/files/fr/glossary/jpeg/index.md
@@ -1,13 +1,7 @@
 ---
 title: JPEG
 slug: Glossary/JPEG
-tags:
-  - Composing
-  - Débutant
-  - Glossaire
-  - JPEG
 translation_of: Glossary/jpeg
-original_slug: Glossaire/jpeg
 ---
 
 **JPEG** (_Joint Photographic Experts Group_) est une méthode de compression avec pertes très utilisée pour les images numériques.
diff --git a/files/fr/glossary/json/index.md b/files/fr/glossary/json/index.md
index 175e199224647c..142ebad92b580a 100644
--- a/files/fr/glossary/json/index.md
+++ b/files/fr/glossary/json/index.md
@@ -1,13 +1,7 @@
 ---
 title: JSON
 slug: Glossary/JSON
-tags:
-  - CodingScripting
-  - Glossaire
-  - Intro
-  - JSON
 translation_of: Glossary/JSON
-original_slug: Glossaire/JSON
 ---
 
 **JSON** (_JavaScript Object Notation_) est un format d'échange de données. Bien qu'il n'en soit pas un sous-ensemble au sens strict, JSON ressemble fortement à un sous-ensemble de la syntaxe {{Glossary("JavaScript")}}. Le format JSON est accepté par de nombreux langages de programmation, mais il s'avère particulièrement utile pour les applications basées sur JavaScript comme les sites web et les extensions des navigateurs.
diff --git a/files/fr/glossary/key/index.md b/files/fr/glossary/key/index.md
index a7a6e79fe64c31..4a6f4bedccf95a 100644
--- a/files/fr/glossary/key/index.md
+++ b/files/fr/glossary/key/index.md
@@ -1,12 +1,7 @@
 ---
 title: Clé
 slug: Glossary/Key
-tags:
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Key
-original_slug: Glossaire/Clé
 ---
 
 Une clé est une information utilisée par un {{Glossary("Cipher","chiffre")}} pour l'{{Glossary("Encryption","encryptage")}} et/ou le {{Glossary("Decryption","décryptage")}}. Les messages cryptés doivent rester sécurisés même si tout ce qui concerne le {{Glossary("Cryptosystem","système de cryptage")}}, sauf la clé, est de notoriété publique.
diff --git a/files/fr/glossary/keyword/index.md b/files/fr/glossary/keyword/index.md
index dc88d5b76a638c..76a0af43bcb00a 100644
--- a/files/fr/glossary/keyword/index.md
+++ b/files/fr/glossary/keyword/index.md
@@ -1,13 +1,7 @@
 ---
 title: Mot-clé
 slug: Glossary/Keyword
-tags:
-  - Glossaire
-  - Mot-clé
-  - Recherche
-  - recherche par mot-clé
 translation_of: Glossary/Keyword
-original_slug: Glossaire/Keyword
 ---
 
 Un **mot-clé** est un mot ou une phrase décrivant un contenu. En ligne, les mots-clés sont utilisés comme requêtes pour les moteurs de recherche ou comme des termes identifiant le contenu de sites web.
diff --git a/files/fr/glossary/latency/index.md b/files/fr/glossary/latency/index.md
index e61dc560a8740b..a713c25bc7aedb 100644
--- a/files/fr/glossary/latency/index.md
+++ b/files/fr/glossary/latency/index.md
@@ -1,16 +1,7 @@
 ---
 title: Latence
 slug: Glossary/Latency
-tags:
-  - Audio
-  - Glossaire
-  - Media
-  - Performance Web
-  - Reference
-  - Réseau
-  - Video
 translation_of: Glossary/Latency
-original_slug: Glossaire/Latence
 ---
 
 **La latence** est le temps réseau nécessaire pour qu'une ressource demandée atteigne sa destination. Une latence faible est bonne, ce qui signifie qu'il y a peu ou pas de délai. Une latence forte est mauvaise, ce qui signifie que la ressource demandée prend beaucoup de temps à atteindre sa destination.
diff --git a/files/fr/glossary/lazy_load/index.md b/files/fr/glossary/lazy_load/index.md
index 97d56e83e4468e..91116246ae4427 100644
--- a/files/fr/glossary/lazy_load/index.md
+++ b/files/fr/glossary/lazy_load/index.md
@@ -1,13 +1,7 @@
 ---
 title: Lazy load
 slug: Glossary/Lazy_load
-tags:
-  - Glossary
-  - Lazy loading
-  - Reference
-  - Web Performance
 translation_of: Glossary/Lazy_load
-original_slug: Glossaire/Lazy_load
 ---
 
 **Lazy load** (ou "chargement faineant" en français) est une stratégie qui repousse le chargement de certaines ressources (par exemple, des images) jusqu'à ce qu'elles soient nécessaires pour l'utilisateur, d'après l'activité de l'utilisateur et ses habitudes de navigation. Typiquement, ces ressources ne sont chargées que lorsqu'elles apparaissent sur la page affichée à l'écran. Lorsque le lazy-loading est correctement implémenté, le temps de chargement des ressources est réduit, ce qui contribue à améliorer le temps de charge initial (dont le [time to interactive](/fr/docs/Glossary/Time_to_interactive)), puisque moins de ressources sont nécessaires pour que la page fonctionne.
diff --git a/files/fr/glossary/lgpl/index.md b/files/fr/glossary/lgpl/index.md
index 5af80b79b11878..131d5a56aabcb5 100644
--- a/files/fr/glossary/lgpl/index.md
+++ b/files/fr/glossary/lgpl/index.md
@@ -1,14 +1,7 @@
 ---
 title: LGPL
 slug: Glossary/LGPL
-tags:
-  - Glossaire
-  - Licence
-  - OpenPractices
-  - Partage
-  - Remixing
 translation_of: Glossary/LGPL
-original_slug: Glossaire/LGPL
 ---
 
 La LGPL (GNU Lesser General Public License) est une licence de logiciel libre publiée par la Free Software Foundation. Elle constitue une alternative plus permissive que la stricte {{Glossary("GPL")}} {{Glossary("copyleft")}}. Alors que tout travail dérivé d'un programme sous licence GPL doit être distribué sous les mêmes termes (liberté d'utiliser, de partager, d'étudier et de modifier), la LGPL n'impose qu'au composant sous LGPL d'un programme dérivé de continuer à utiliser la LGPL, pas au programme dans son intégralité. La LGPL est habituellement utilisée comme licence pour les composants partagés comme les bibliothèques (`.dll`, `.so`, `.jar`, etc.).
diff --git a/files/fr/glossary/ligature/index.md b/files/fr/glossary/ligature/index.md
index 0af8fa92ffb6e3..4da578d60cc010 100644
--- a/files/fr/glossary/ligature/index.md
+++ b/files/fr/glossary/ligature/index.md
@@ -1,12 +1,7 @@
 ---
 title: Ligature
 slug: Glossary/Ligature
-tags:
-  - CSS
-  - Design
-  - Glossaire
 translation_of: Glossary/Ligature
-original_slug: Glossaire/Ligature
 ---
 
 Une **ligature** est une fusion de deux caractères en un seul nouveau caractère. Par exemple, en français, "œ" est une ligature de "oe".
diff --git a/files/fr/glossary/local_scope/index.md b/files/fr/glossary/local_scope/index.md
index ad0a01aeabc3ad..ef489a159aeb71 100644
--- a/files/fr/glossary/local_scope/index.md
+++ b/files/fr/glossary/local_scope/index.md
@@ -1,11 +1,7 @@
 ---
 title: Portée locale
 slug: Glossary/Local_scope
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Local_scope
-original_slug: Glossaire/Portée_locale
 ---
 
 La portée locale est une caractéristique des {{glossary("Variable","variables")}} qui les rend locales (c'est-à-dire, le nom de la variable est lié à sa {{glossary("Value","valeur")}} seulement à l'intérieur d'une portée qui n'est pas la {{glossary("Global scope","portée globale")}}).
diff --git a/files/fr/glossary/local_variable/index.md b/files/fr/glossary/local_variable/index.md
index c0af9ade044e8d..d819a0e71172d9 100644
--- a/files/fr/glossary/local_variable/index.md
+++ b/files/fr/glossary/local_variable/index.md
@@ -1,11 +1,7 @@
 ---
 title: Variable locale
 slug: Glossary/Local_variable
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Local_variable
-original_slug: Glossaire/Variable_locale
 ---
 
 Une {{glossary("Variable","variable")}} dont le nom est associé à sa {{glossary("Value","valeur")}} uniquement dans une {{Glossary("Local scope","portée locale")}}.
diff --git a/files/fr/glossary/locale/index.md b/files/fr/glossary/locale/index.md
index 54e98268c789ef..c57df9b0116a8b 100644
--- a/files/fr/glossary/locale/index.md
+++ b/files/fr/glossary/locale/index.md
@@ -2,7 +2,6 @@
 title: Locale
 slug: Glossary/Locale
 translation_of: Glossary/Locale
-original_slug: Glossaire/Locale
 ---
 
 Les **locales** sont un ensemble de paramètres régionaux pour l'interface utilisateur basés sur la langue ou le pays.
diff --git a/files/fr/glossary/localization/index.md b/files/fr/glossary/localization/index.md
index 098aa3b9b35098..16080c3da0b1bb 100644
--- a/files/fr/glossary/localization/index.md
+++ b/files/fr/glossary/localization/index.md
@@ -1,13 +1,7 @@
 ---
 title: Localisation
 slug: Glossary/Localization
-tags:
-  - Glossaire
-  - Langue
-  - Localisation
-  - Paramètres régionaux
 translation_of: Glossary/Localization
-original_slug: Localization
 ---
 
 La localisation (l10n) est le processus d'adaptation d'une interface utilisateur de logiciel à une culture spécifique.
diff --git a/files/fr/glossary/loop/index.md b/files/fr/glossary/loop/index.md
index 272181ab336ffc..208c337e0bf414 100644
--- a/files/fr/glossary/loop/index.md
+++ b/files/fr/glossary/loop/index.md
@@ -1,12 +1,7 @@
 ---
 title: boucle
 slug: Glossary/Loop
-tags:
-  - Glossaire
-  - Programmation
-  - scripts
 translation_of: Glossary/loop
-original_slug: Glossaire/loop
 ---
 
 En {{Glossary("computer programming","programmation informatique")}}, une boucle est une séquence d'instructions répétées jusqu'à ce qu'une certaine condition soit vérifiée. Par exemple, le processus consistant à obtenir un élément parmi des données pour le modifier, et ensuite vérifier une {{Glossary("conditional","condition")}} , comme le fait qu'un compteur atteigne une valeur définie.
diff --git a/files/fr/glossary/lossless_compression/index.md b/files/fr/glossary/lossless_compression/index.md
index ccc4c5f96086c1..bdb63d0712d62b 100644
--- a/files/fr/glossary/lossless_compression/index.md
+++ b/files/fr/glossary/lossless_compression/index.md
@@ -1,15 +1,7 @@
 ---
 title: Compression sans perte
 slug: Glossary/Lossless_compression
-tags:
-  - Débutant
-  - Glossaire
-  - Images
-  - Performance Web
-  - compression
-  - données
 translation_of: Glossary/Lossless_compression
-original_slug: Glossaire/Compression_sans_perte
 ---
 
 **La compression** **sans perte** est un type d'algorithme de compression qui permet aux données d'origine d'être parfaitement restituées à partir des données compressées. Les méthodes de compression sans perte sont réversibles. Parmi les exemples de compression sans perte on retrouve {{glossary("GZIP")}}, {{glossary("Brotli")}}, WebP, and {{glossary("PNG")}},
diff --git a/files/fr/glossary/lossy_compression/index.md b/files/fr/glossary/lossy_compression/index.md
index 88e080b17530d9..f6bc2ed36d0145 100644
--- a/files/fr/glossary/lossy_compression/index.md
+++ b/files/fr/glossary/lossy_compression/index.md
@@ -1,14 +1,7 @@
 ---
 title: Compression avec perte
 slug: Glossary/Lossy_compression
-tags:
-  - Débutant
-  - Glossaire
-  - Images
-  - JPEG
-  - compression
 translation_of: Glossary/lossy_compression
-original_slug: Glossaire/compression_avec_perte
 ---
 
 La **compression** **avec perte**, ou compression irréversible, est une méthode de compression des données qui réalise des approximations inexactes et abandonne une partie des données pour représenter un contenu.
diff --git a/files/fr/glossary/ltr/index.md b/files/fr/glossary/ltr/index.md
index ac9c65aa5134a6..9429203d60f8bc 100644
--- a/files/fr/glossary/ltr/index.md
+++ b/files/fr/glossary/ltr/index.md
@@ -1,12 +1,7 @@
 ---
 title: ltr
 slug: Glossary/LTR
-tags:
-  - Composing
-  - Glossaire
-  - Localisation
 translation_of: Glossary/ltr
-original_slug: Glossaire/ltr
 ---
 
 ltr (Left To Right, soit gauche vers droite) est une propriété de {{glossary("locale")}} qui indique que le texte est écrit de la gauche vers la droite. Par exemple, la locale `en-US` (pour Anglais US) indique une écriture de gauche à droite.
diff --git a/files/fr/glossary/main_axis/index.md b/files/fr/glossary/main_axis/index.md
index 866d0d232d6901..2f49f1c9574db8 100644
--- a/files/fr/glossary/main_axis/index.md
+++ b/files/fr/glossary/main_axis/index.md
@@ -1,13 +1,7 @@
 ---
 title: Axe principal
 slug: Glossary/Main_Axis
-tags:
-  - CSS
-  - Glossaire
-  - axes
-  - flexbox
 translation_of: Glossary/Main_Axis
-original_slug: Glossaire/Axe_principal
 ---
 
 L'axe principal d'une {{glossary("flexbox")}} est déterminé par la direction définie dans la propriété {{cssxref("flex-direction")}}. Il y a 4 valeurs possibles pour `flex-direction`. Ce sont :
diff --git a/files/fr/glossary/media/css/index.md b/files/fr/glossary/media/css/index.md
index 8c70029254980d..c069f6b4db099a 100644
--- a/files/fr/glossary/media/css/index.md
+++ b/files/fr/glossary/media/css/index.md
@@ -1,13 +1,7 @@
 ---
 title: Média (CSS)
 slug: Glossary/Media/CSS
-tags:
-  - CSS
-  - Glossaire
-  - Intro
-  - Media
 translation_of: Glossary/Media/CSS
-original_slug: Glossaire/Media/CSS
 ---
 
 Dans le contexte de {{Glossary("CSS")}} (Cascading Style Sheets), le terme **_média_** fait référence à la destination vers laquelle le document doit être dessiné par le {{Glossary("rendering engine")}}. Il s'agit généralement d'un écran—mais il peut également s'agir d'une imprimante, d'un synthétiseur vocal, d'un afficheur Braille ou d'un autre type de périphérique.
diff --git a/files/fr/glossary/media/index.md b/files/fr/glossary/media/index.md
index 4c52f727af8fb8..7adc42c4d3bf5e 100644
--- a/files/fr/glossary/media/index.md
+++ b/files/fr/glossary/media/index.md
@@ -1,11 +1,7 @@
 ---
 title: Media
 slug: Glossary/Media
-tags:
-  - Désambiguïsation
-  - Glossaire
 translation_of: Glossary/Media
-original_slug: Glossaire/Media
 ---
 
 Le terme **média** est surchargé quand on parle du Web ; il prend des significations différentes selon le contexte.
diff --git a/files/fr/glossary/metadata/index.md b/files/fr/glossary/metadata/index.md
index 1ec5c225ca366b..90a64f2dcd4174 100644
--- a/files/fr/glossary/metadata/index.md
+++ b/files/fr/glossary/metadata/index.md
@@ -1,13 +1,7 @@
 ---
 title: Métadonnée
 slug: Glossary/Metadata
-tags:
-  - CodingScripting
-  - Glossaire
-  - HTML
-  - métadonnée
 translation_of: Glossary/Metadata
-original_slug: Glossaire/Métadonnée
 ---
 
 Une **métadonnée** est — dans sa définition la plus simple — une donnée qui décrit une donnée. Par exemple, un document {{glossary("HTML")}} est une donnée, mais son élément {{htmlelement("head")}} peut aussi contenir des métadonnées le décrivant — par exemple qui l'a écrit, ou son résumé.
diff --git a/files/fr/glossary/method/index.md b/files/fr/glossary/method/index.md
index 0fc0916f7f73be..7267fc29c9ad39 100644
--- a/files/fr/glossary/method/index.md
+++ b/files/fr/glossary/method/index.md
@@ -1,12 +1,7 @@
 ---
 title: Méthode
 slug: Glossary/Method
-tags:
-  - Glossaire
-  - Programmation
-  - Script
 translation_of: Glossary/Method
-original_slug: Glossaire/Méthode
 ---
 
 Une **méthode** est une {{glossary("fonction", "fonction")}} (`function`) qui est une {{glossary("property","propriété")}} d'un {{glossary("object","objet")}}. Il existe deux sortes de méthodes&nbsp;: Les _méthodes d'instance_ qui représentent les fonctions fournissant une interface pour effectuer des actions dans le contexte de l'objet qu'elles composent ou les _méthodes statiques_ qui représentent les fonctions pouvant être exécutées sans nécessiter d'instanciation.
diff --git a/files/fr/glossary/microsoft_edge/index.md b/files/fr/glossary/microsoft_edge/index.md
index adccd15ca36ccb..5c3d3b2209b4aa 100644
--- a/files/fr/glossary/microsoft_edge/index.md
+++ b/files/fr/glossary/microsoft_edge/index.md
@@ -1,12 +1,7 @@
 ---
 title: Microsoft Edge
 slug: Glossary/Microsoft_Edge
-tags:
-  - Glossaire
-  - Infrastructure
-  - Navigateur
 translation_of: Glossary/Microsoft_Edge
-original_slug: Glossaire/Microsoft_Edge
 ---
 
 Microsoft Edge est un navigateur graphique gratuit fourni avec Microsoft Windows et développé par Microsoft depuis 2014. D'abord connu sous le nom de Spartan, Edge a remplacé le très ancien navigateur Microsoft {{glossary("Microsoft Internet Explorer","Internet Explorer")}}.
diff --git a/files/fr/glossary/microsoft_internet_explorer/index.md b/files/fr/glossary/microsoft_internet_explorer/index.md
index 298ad1443d40f2..bad721630fe02a 100644
--- a/files/fr/glossary/microsoft_internet_explorer/index.md
+++ b/files/fr/glossary/microsoft_internet_explorer/index.md
@@ -1,18 +1,7 @@
 ---
 title: Microsoft Internet Explorer
 slug: Glossary/Microsoft_Internet_Explorer
-tags:
-  - Glossaire
-  - Internet Explorer
-  - Microsoft
-  - Microsoft Internet Explorer
-  - Navigateur
-  - Navigateur Web
-  - Navigation
-  - Système d'exploitation Windows
-  - Windows
 translation_of: Glossary/Microsoft_Internet_Explorer
-original_slug: Glossaire/Microsoft_Internet_Explorer
 ---
 
 Internet Explorer (ou IE) est un {{glossary("navigateur")}} graphique gratuit maintenu par Microsoft pour conserver une compatibilité avec son utilisation en entreprise. {{glossary("Microsoft Edge")}} est actuellement le navigateur par défaut sous Windows.
diff --git a/files/fr/glossary/middleware/index.md b/files/fr/glossary/middleware/index.md
index 459a71e8004c82..c6be667c5da861 100644
--- a/files/fr/glossary/middleware/index.md
+++ b/files/fr/glossary/middleware/index.md
@@ -1,11 +1,7 @@
 ---
 title: Intergiciel
 slug: Glossary/Middleware
-tags:
-  - Glossaire
-  - Programmation
 translation_of: Glossary/Middleware
-original_slug: Glossaire/Intergiciel
 ---
 
 Intergiciel (_Middleware_) est un terme (défini vaguement) pour tout logiciel ou service permettant aux parties d'un système de communiquer et de gérer des données. C'est le logiciel qui gère la communication entre les composants et les entrées / sorties, de sorte que les développeurs peuvent se concentrer sur l'objectif spécifique de leur application.
diff --git a/files/fr/glossary/mime/index.md b/files/fr/glossary/mime/index.md
index 7a86ded8d46ae9..d4e3be415b793b 100644
--- a/files/fr/glossary/mime/index.md
+++ b/files/fr/glossary/mime/index.md
@@ -1,13 +1,7 @@
 ---
 title: mime
 slug: Glossary/MIME
-tags:
-  - Débutant
-  - Glossaire
-  - Infrastructure
-  - MIME
 translation_of: Glossary/mime
-original_slug: Glossaire/mime
 ---
 
 **MIME** "Multipurpose internet mail extensions" est un standard pour décrire des documents sous d'autres formes que du texte ASCII, par exemple audio, vidéo et images. Initialement utilisé pour les pièces jointes aux courriers électroniques, il est devenu le standard pour définir n'importe où les types de documents.
diff --git a/files/fr/glossary/mime_type/index.md b/files/fr/glossary/mime_type/index.md
index 9094c7b260529f..24ea4fc69e2de4 100644
--- a/files/fr/glossary/mime_type/index.md
+++ b/files/fr/glossary/mime_type/index.md
@@ -1,11 +1,7 @@
 ---
 title: Type MIME
 slug: Glossary/MIME_type
-tags:
-  - Glossaire
-  - Mécanismes web
 translation_of: Glossary/MIME_type
-original_slug: Glossaire/Type_MIME
 ---
 
 Un **type MIME** (désormais correctement appelé "media type", mais aussi parfois "content type") est une chaîne de caractères envoyée avec un fichier pour en indiquer le type (par exemple, un fichier sonore sera étiqueté `audio/ogg` ou un fichier graphique `image/png`).
diff --git a/files/fr/glossary/minification/index.md b/files/fr/glossary/minification/index.md
index 5a61000eee6c2a..1ff436cc639ccb 100644
--- a/files/fr/glossary/minification/index.md
+++ b/files/fr/glossary/minification/index.md
@@ -2,7 +2,6 @@
 title: minification
 slug: Glossary/Minification
 translation_of: Glossary/minification
-original_slug: Glossaire/minification
 ---
 
 La **minification** est le processus de suppression des données inutiles ou redondantes sans affecter la manière dont une ressource est traitée par le navigateur. La minification peut inclure la suppression des commentaires de code, des espaces blancs et du code inutilisé, ainsi que le raccourcissement des noms de variables et de fonctions. La minification est utilisée pour améliorer les performances web en réduisant la taille du fichier. Il s'agit généralement d'une étape automatisée qui se produit au moment de l'assemblage des scripts et des feuilles de styles.
diff --git a/files/fr/glossary/mitm/index.md b/files/fr/glossary/mitm/index.md
index 09cf871a7f29f5..f7a4508df1eb2e 100644
--- a/files/fr/glossary/mitm/index.md
+++ b/files/fr/glossary/mitm/index.md
@@ -1,12 +1,7 @@
 ---
 title: MitM
 slug: Glossary/MitM
-tags:
-  - Attaque
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/MitM
-original_slug: Glossaire/MitM
 ---
 
 Une **attaque de l'homme du milieu** (Man-in-the-middle attack ou MitM) intercepte une communication entre deux systèmes. Par exemple, un routeur Wi-Fi peut être compromis.
diff --git a/files/fr/glossary/mixin/index.md b/files/fr/glossary/mixin/index.md
index cd5417e025a007..6829dad6c3c2c6 100644
--- a/files/fr/glossary/mixin/index.md
+++ b/files/fr/glossary/mixin/index.md
@@ -1,13 +1,7 @@
 ---
 title: Mixin
 slug: Glossary/Mixin
-tags:
-  - Glossaire
-  - Méthode
-  - Programmation
-  - Propriété
 translation_of: Glossary/Mixin
-original_slug: Glossaire/Mixin
 ---
 
 Un _mixin_ est une {{Glossary("class","classe")}} ou une {{Glossary("interface","interface")}} dans laquelle une partie ou la totalité des {{glossary("method","méthodes")}} et des {{glossary("property","propriétés")}} sont implémentées en exigeant qu'une autre {{glossary("class","classe")}} ou {{Glossary("interface")}} fournisse les éléments manquants . La nouvelle classe ou interface inclut alors à la fois les propriétés et les méthodes du mixin ainsi que celles qu'il définit lui-même. Toutes les méthodes et propriétés sont utilisées exactement de la même façon, qu'elles soient implémentées dans le mixin ou dans l'interface, ou qu'elle soit la classe qui implémente le mixin.
diff --git a/files/fr/glossary/mobile_first/index.md b/files/fr/glossary/mobile_first/index.md
index 470927c62f53fa..1905288d4d57a7 100644
--- a/files/fr/glossary/mobile_first/index.md
+++ b/files/fr/glossary/mobile_first/index.md
@@ -1,12 +1,7 @@
 ---
 title: Mobile d'abord
 slug: Glossary/Mobile_First
-tags:
-  - Conception
-  - Disposition
-  - Glossaire
 translation_of: Glossary/Mobile_First
-original_slug: Glossaire/Mobile_d_abord
 ---
 
 Le **"mobile d'abord"**, une forme d'{{Glossary("Progressive enhancement","amélioration progressive")}}, est une approche de développement et de conception web qui met l'accent sur l'établissement de priorités, en matière de conception et de développement, pour les tailles d'écrans mobiles plutôt que pour les écrans de bureau. La raison d'être de l'approche "mobile d'abord" est de fournir aux utilisateurs de bonnes expériences utilisateur à toutes les tailles d'écran, en commençant par créer une expérience utilisateur qui fonctionne bien sur les petits écrans, puis en l'optimisant pour les autres tailles d'écran. L'approche "mobile d'abord" contraste avec l'ancienne approche de la conception pour les tailles d'écran de bureau d'abord, puis seulement plus tard, en ajoutant un peu de support, pour les petites tailles d'écran.
diff --git a/files/fr/glossary/modem/index.md b/files/fr/glossary/modem/index.md
index c85f4436b4f041..14a9f29fd39c0f 100644
--- a/files/fr/glossary/modem/index.md
+++ b/files/fr/glossary/modem/index.md
@@ -1,12 +1,7 @@
 ---
 title: Modem
 slug: Glossary/Modem
-tags:
-  - Débutant
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/Modem
-original_slug: Glossaire/Modem
 ---
 
 Un modem ("**mod**ulateur-**dém**odulateur") est un appareil qui convertit les informations numériques en informations analogiques et vice-versa, pour l'envoi de données à travers les réseaux. Différents types sont utilisés pour différents réseaux : des modems DSL pour les fils téléphoniques, des modems WiFi pour les ondes radio de courte portée, des modems 3G pour les tours de données cellulaires, etc.
diff --git a/files/fr/glossary/modularity/index.md b/files/fr/glossary/modularity/index.md
index dfda274e65ba94..62eb271e9aa73b 100644
--- a/files/fr/glossary/modularity/index.md
+++ b/files/fr/glossary/modularity/index.md
@@ -1,11 +1,7 @@
 ---
 title: Modularité
 slug: Glossary/Modularity
-tags:
-  - CodingScripting
-  - Glossaire
 translation_of: Glossary/modularity
-original_slug: Glossaire/modularité
 ---
 
 Le terme Modularité se réfère au degré qu'ont les composants d'un système à être séparés et recombinés, il s'agit également de la division d'un paquet logiciel en unités logiques. L'avantage d'un système modulaire est qu'il peut traiter ses composants de manière indépendante.
diff --git a/files/fr/glossary/mozilla_firefox/index.md b/files/fr/glossary/mozilla_firefox/index.md
index e394ad10130efb..63543f6df06d2b 100644
--- a/files/fr/glossary/mozilla_firefox/index.md
+++ b/files/fr/glossary/mozilla_firefox/index.md
@@ -1,15 +1,7 @@
 ---
 title: Mozilla Firefox
 slug: Glossary/Mozilla_Firefox
-tags:
-  - Firefox
-  - Glossaire
-  - Infrastructure
-  - Mozilla
-  - Mozilla Firefox
-  - Navigateur
 translation_of: Glossary/Mozilla_Firefox
-original_slug: Glossaire/Mozilla_Firefox
 ---
 
 Mozilla Firefox est un {{Glossary("navigateur")}} open source libre dont le développement est supervisé par Mozilla Corporation. Firefox fonctionne sur Windows, OS X, Linux, et Android.
diff --git a/files/fr/glossary/mutable/index.md b/files/fr/glossary/mutable/index.md
index a63a06a3402300..29a03fd43b66b6 100644
--- a/files/fr/glossary/mutable/index.md
+++ b/files/fr/glossary/mutable/index.md
@@ -1,12 +1,7 @@
 ---
 title: Muable
 slug: Glossary/Mutable
-tags:
-  - Débutant
-  - Glossaire
-  - Variables
 translation_of: Glossary/Mutable
-original_slug: Glossaire/Muable
 ---
 
 Une variable _muable_ (_mutable_) est une variable qui peut être modifiée. En {{glossary("JavaScript")}}, seuls les {{Glossary("Object","objets")}} et {{Glossary("Array","tableaux")}} (_arrays_) sont muables, pas {{Glossary("primitive", "les valeurs primitives")}}.
diff --git a/files/fr/glossary/mvc/index.md b/files/fr/glossary/mvc/index.md
index 259c1792671369..6f9861aa7a23e4 100644
--- a/files/fr/glossary/mvc/index.md
+++ b/files/fr/glossary/mvc/index.md
@@ -1,12 +1,7 @@
 ---
 title: MVC
 slug: Glossary/MVC
-tags:
-  - Conception
-  - Glossaire
-  - Logiciel
 translation_of: Glossary/MVC
-original_slug: Glossaire/MVC
 ---
 
 **MVC** (Model-View-Controller ou _Modèle-Vue-Contrôleur_) est un modèle dans la conception de logiciels. Il met l'accent sur la séparation entre la logique métier et l'affichage du logiciel. Cette «séparation des préoccupations» permet une meilleure répartition du travail et une maintenance améliorée. Certains autres modèles de conception sont basés sur MVC, tels que MVVM (Model-View-Viewmodel), MTP (Model-View-Presenter) et MVW (Model-View-Whatever).
diff --git a/files/fr/glossary/namespace/index.md b/files/fr/glossary/namespace/index.md
index 88677110a2a0bf..56c45f0ff5f601 100644
--- a/files/fr/glossary/namespace/index.md
+++ b/files/fr/glossary/namespace/index.md
@@ -1,10 +1,7 @@
 ---
 title: Namespace
 slug: Glossary/Namespace
-tags:
-  - Glossary
 translation_of: Glossary/Namespace
-original_slug: Glossaire/Namespace
 ---
 
 Un espace de nom (en anglais : Namespace) est un contexte qui permet d'identifier et grouper un ensemble logique d'éléments utilisés par un programme. Dans un même contexte et une même portée (scope), un identifiant doit identifier une entité de manière unique.
diff --git a/files/fr/glossary/nan/index.md b/files/fr/glossary/nan/index.md
index 00cc0f4f129cbb..fde47bc663fe8b 100644
--- a/files/fr/glossary/nan/index.md
+++ b/files/fr/glossary/nan/index.md
@@ -1,11 +1,7 @@
 ---
 title: NaN
 slug: Glossary/NaN
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/NaN
-original_slug: Glossaire/NaN
 ---
 
 `NaN` (Not a Number — _pas un nombre_) est un {{Glossary("Type", "type de données")}} numérique qui indique une valeur indéfinie ou une valeur qui ne peut pas être représentée, en particulier le résultat d'une opération à virgule flottante.
diff --git a/files/fr/glossary/nat/index.md b/files/fr/glossary/nat/index.md
index c997cbdc6ebadb..7133de5afdc472 100644
--- a/files/fr/glossary/nat/index.md
+++ b/files/fr/glossary/nat/index.md
@@ -1,14 +1,7 @@
 ---
 title: NAT
 slug: Glossary/NAT
-tags:
-  - Débutant
-  - Glossaire
-  - Infrastructure
-  - Mécanismes web
-  - WebRTC
 translation_of: Glossary/NAT
-original_slug: Glossaire/NAT
 ---
 
 **NAT** (Network Address Translation) est une technique pour permettre à plusieurs ordinateurs de partager une adresse IP. Le NAT attribue des adresses uniques aux ordinateurs du réseau local et ajuste le trafic réseau entrant/sortant pour envoyer les données au bon endroit.
diff --git a/files/fr/glossary/native/index.md b/files/fr/glossary/native/index.md
index 364784fab4852e..475f81e8bd3dab 100644
--- a/files/fr/glossary/native/index.md
+++ b/files/fr/glossary/native/index.md
@@ -1,11 +1,7 @@
 ---
 title: Native
 slug: Glossary/Native
-tags:
-  - Glossaire
-  - Programmation
 translation_of: Glossary/Native
-original_slug: Glossaire/Native
 ---
 
 Une application _native_ a été compilée pour s'exécuter sur la combinaison logiciel-matériel habituelle de l'architecture cible.
diff --git a/files/fr/glossary/navigation_directive/index.md b/files/fr/glossary/navigation_directive/index.md
index aeb84131ebf789..f82d9682151ecc 100644
--- a/files/fr/glossary/navigation_directive/index.md
+++ b/files/fr/glossary/navigation_directive/index.md
@@ -1,12 +1,7 @@
 ---
 title: Directive de navigation
 slug: Glossary/Navigation_directive
-tags:
-  - CSP
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Navigation_directive
-original_slug: Glossaire/Directive_de_navigation
 ---
 
 **Les directives de navigation** **{{Glossary("CSP")}}** sont utilisées dans un en-tête de {{HTTPHeader("Content-Security-Policy","politique de sécurité de contenu")}} et régissent l'emplacement sur lequel un utilisateur peut naviguer ou envoyer un formulaire, par exemple.
diff --git a/files/fr/glossary/netscape_navigator/index.md b/files/fr/glossary/netscape_navigator/index.md
index 9d1f167ef19c0d..55b62e71a3be9c 100644
--- a/files/fr/glossary/netscape_navigator/index.md
+++ b/files/fr/glossary/netscape_navigator/index.md
@@ -1,14 +1,7 @@
 ---
 title: Netscape Navigator
 slug: Glossary/Netscape_Navigator
-tags:
-  - Glossaire
-  - Navigateur
-  - Navigation
-  - Netscape
-  - Netscape Navigator
 translation_of: Glossary/Netscape_Navigator
-original_slug: Glossaire/Netscape_Navigator
 ---
 
 Netscape Navigator, ou Netscape, était le principal {{glossary("navigateur")}} des années 90. Il était basé sur Mosaic et l'équipe de Netscape était dirigée par Marc Andreessen, un programmeur qui a également écrit du code pour Mosaic.
diff --git a/files/fr/glossary/nntp/index.md b/files/fr/glossary/nntp/index.md
index 320abbac625263..dc6cc3c9f4b23a 100644
--- a/files/fr/glossary/nntp/index.md
+++ b/files/fr/glossary/nntp/index.md
@@ -1,11 +1,7 @@
 ---
 title: NNTP
 slug: Glossary/NNTP
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/NNTP
-original_slug: Glossaire/NNTP
 ---
 
 **NNTP** (Network News Transfer Protocol) est un {{Glossary("Protocol","protocole")}} utilisé pour transférer des messages {{Glossary("Usenet")}} d'un client vers un serveur ou entre serveurs.
diff --git a/files/fr/glossary/node.js/index.md b/files/fr/glossary/node.js/index.md
index 1481a4b0387365..2c316d5988bbb9 100644
--- a/files/fr/glossary/node.js/index.md
+++ b/files/fr/glossary/node.js/index.md
@@ -1,12 +1,7 @@
 ---
 title: Node.js
 slug: Glossary/Node.js
-tags:
-  - Glossaire
-  - Infrastructure
-  - JavaScript
 translation_of: Glossary/Node.js
-original_slug: Glossaire/Node.js
 ---
 
 Node.js est un environnement {{Glossary("JavaScript")}} multiplateforme qui permet aux développeurs de créer des applications réseaux et côté serveur en utilisant JavaScript.
diff --git a/files/fr/glossary/node/dom/index.md b/files/fr/glossary/node/dom/index.md
index 0872c7d4ea47e8..c943ce034d98f9 100644
--- a/files/fr/glossary/node/dom/index.md
+++ b/files/fr/glossary/node/dom/index.md
@@ -1,9 +1,6 @@
 ---
 title: Nœud (DOM)
 slug: Glossary/Node/DOM
-tags:
-  - Glossaire
-  - Programmation
 translation_of: Glossary/Node/DOM
 ---
 
diff --git a/files/fr/glossary/node/index.md b/files/fr/glossary/node/index.md
index 747e61e4ad787f..9a2256231bd434 100644
--- a/files/fr/glossary/node/index.md
+++ b/files/fr/glossary/node/index.md
@@ -1,9 +1,6 @@
 ---
 title: Nœud
 slug: Glossary/Node
-tags:
-  - Disambiguation
-  - Glossaire
 translation_of: Glossary/Node
 ---
 
diff --git a/files/fr/glossary/node/networking/index.md b/files/fr/glossary/node/networking/index.md
index 4bc17d627b1a41..be0eccb63d2516 100644
--- a/files/fr/glossary/node/networking/index.md
+++ b/files/fr/glossary/node/networking/index.md
@@ -1,11 +1,7 @@
 ---
 title: Nœud (réseau)
 slug: Glossary/Node/networking
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/Node/networking
-original_slug: Glossary/Node/réseau
 ---
 
 Dans un réseau, un **nœud** est un point unique du réseau. Dans les réseaux physiques, un nœud est en général un appareil, comme un ordinateur ou un routeur.
diff --git a/files/fr/glossary/non-normative/index.md b/files/fr/glossary/non-normative/index.md
index 6bc21036479ed5..18b324735abd77 100644
--- a/files/fr/glossary/non-normative/index.md
+++ b/files/fr/glossary/non-normative/index.md
@@ -1,13 +1,7 @@
 ---
 title: non-normatif
 slug: Glossary/Non-normative
-tags:
-  - Glossaire
-  - Infrastructure
-  - Specification
-  - Standardisation
 translation_of: Glossary/non-normative
-original_slug: Glossaire/non-normative
 ---
 
 Les {{Glossary("Specification","spécifications")}} logicielles contiennent souvent des informations marquées comme _non normatives_ ou _informatives,_ ce qui signifie qu'elles sont fournies dans le but d'aider le lecteur à mieux comprendre la spécification ou pour montrer un exemple ou une bonne pratique, et qu'il n'est pas nécessaire de les suivre comme une règle. Les sections qui contiennent les informations officielles à respecter sont souvent marquées comme {{Glossary("Normative", "normatives")}}.
diff --git a/files/fr/glossary/normative/index.md b/files/fr/glossary/normative/index.md
index b6995b6b32fea6..4a2a587bee73ef 100644
--- a/files/fr/glossary/normative/index.md
+++ b/files/fr/glossary/normative/index.md
@@ -1,13 +1,7 @@
 ---
 title: Normatif
 slug: Glossary/Normative
-tags:
-  - Glossaire
-  - Infrastructure
-  - Spécification(2)
-  - Standardisation
 translation_of: Glossary/Normative
-original_slug: Glossaire/Normative
 ---
 
 Normatif est un mot communément utilisé dans des {{Glossary("spécification", "spécifications")}} logicielles pour désigner les sections qui sont standardisées et qui doivent être suivies comme des règles. Les spécifications peuvent également contenir des sections marquées _{{Glossary("non-normative","non normatives")}}_ ou _informatives_, ce qui signifie qu'elles sont données dans le but d'aider le lecteur à mieux comprendre les spécifications ou pour apporter un exemple concret ou de bonnes pratiques, qui n'ont pas à être suivis comme une règle.
diff --git a/files/fr/glossary/null/index.md b/files/fr/glossary/null/index.md
index 26dae10b57d005..4242bc835173a8 100644
--- a/files/fr/glossary/null/index.md
+++ b/files/fr/glossary/null/index.md
@@ -1,11 +1,7 @@
 ---
 title: 'Null'
 slug: Glossary/Null
-tags:
-  - CodingScripting
-  - Glossaire
 translation_of: Glossary/Null
-original_slug: Glossaire/Null
 ---
 
 En informatique, une valeur **`null`** représente une référence qui pointe, en général de manière volontaire, vers un {{glossary("objet")}} ou une adresse invalide ou inexistant. La signification d'une référence nulle varie selon les implémentations des langages.
diff --git a/files/fr/glossary/number/index.md b/files/fr/glossary/number/index.md
index 5e9e85a6887e50..5be07211960e49 100644
--- a/files/fr/glossary/number/index.md
+++ b/files/fr/glossary/number/index.md
@@ -1,12 +1,7 @@
 ---
 title: Number
 slug: Glossary/Number
-tags:
-  - CodingScripting
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/Number
-original_slug: Glossaire/Number
 ---
 
 En {{Glossary("JavaScript")}}, **Number** est un type de donnée numérique dans le [format à virgule flottante double précision 64 bits (IEEE 754)](https://fr.wikipedia.org/wiki/IEEE_754). Dans d'autres langages de programmation, différents types numériques peuvent exister, par exemple : Integers, Floats, Doubles, ou Bignums.
diff --git a/files/fr/glossary/object/index.md b/files/fr/glossary/object/index.md
index 3040ebbc784884..3de5e049968a14 100644
--- a/files/fr/glossary/object/index.md
+++ b/files/fr/glossary/object/index.md
@@ -1,13 +1,7 @@
 ---
 title: Objet
 slug: Glossary/Object
-tags:
-  - Glossaire
-  - Intro
-  - Objet
-  - Programmation
 translation_of: Glossary/Object
-original_slug: Glossaire/Objet
 ---
 
 Un [Objet](/fr/docs/Web/JavaScript/Reference/Objets_globaux/Object) est une structure contenant des données et des instructions en rapport avec ces données. Un Objet correspond parfois à des choses du monde réel, par exemple à une `voiture` ou à une `piste` dans un jeu vidéo de course. {{glossary("JavaScript")}}, Java, C++, Python et Ruby sont des exemples de langages de {{glossary("OOP","programmation orientée objet")}}.
diff --git a/files/fr/glossary/object_reference/index.md b/files/fr/glossary/object_reference/index.md
index 10b13d8db4d471..4f469383dd8c22 100644
--- a/files/fr/glossary/object_reference/index.md
+++ b/files/fr/glossary/object_reference/index.md
@@ -1,11 +1,7 @@
 ---
 title: Référence d'objet
 slug: Glossary/Object_reference
-tags:
-  - Glossaire
-  - Programmation
 translation_of: Glossary/Object_reference
-original_slug: Glossaire/Référence_d_objet
 ---
 
 Un lien vers un **{{glossary("objet")}}**. Les références d'objet peuvent s'utiliser exactement comme des objets liés.
diff --git a/files/fr/glossary/oop/index.md b/files/fr/glossary/oop/index.md
index 7ca8b72890ff36..3746a3c765b6df 100644
--- a/files/fr/glossary/oop/index.md
+++ b/files/fr/glossary/oop/index.md
@@ -1,12 +1,7 @@
 ---
 title: POO
 slug: Glossary/OOP
-tags:
-  - Débutant
-  - Glossaire
-  - Script
 translation_of: Glossary/OOP
-original_slug: Glossaire/POO
 ---
 
 La **POO** (Programmation Orientée Objet) est un paradigme de programmation qui consiste à encapsuler les données et les traitements en relation avec ces données dans des **{{glossary("object","objets")}}**. Les algorithmes consistent alors à orchestrer les opérations sur ces objets et non plus sur ce qui les compose.
diff --git a/files/fr/glossary/opengl/index.md b/files/fr/glossary/opengl/index.md
index 94cba55d9293fe..50dbbcb4e5d02b 100644
--- a/files/fr/glossary/opengl/index.md
+++ b/files/fr/glossary/opengl/index.md
@@ -1,12 +1,7 @@
 ---
 title: OpenGL
 slug: Glossary/OpenGL
-tags:
-  - Glossaire
-  - OpenGL
-  - Programmation
 translation_of: Glossary/OpenGL
-original_slug: Glossaire/OpenGL
 ---
 
 **OpenGL** (**Open Graphics Library**)est une interface de programmation d'application (API) multi-plateforme et un langage pour le rendu de graphismes vectoriels 2D et 3D. L'API est typiquement utilisée pour interagir avec un processeur graphique (ou GPU, graphics processing unit) pour que le rendu soit accéléré par le matériel.
diff --git a/files/fr/glossary/openssl/index.md b/files/fr/glossary/openssl/index.md
index daaaaca6d65830..eafd17091926aa 100644
--- a/files/fr/glossary/openssl/index.md
+++ b/files/fr/glossary/openssl/index.md
@@ -1,11 +1,7 @@
 ---
 title: OpenSSL
 slug: Glossary/OpenSSL
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/OpenSSL
-original_slug: Glossaire/OpenSSL
 ---
 
 OpenSSL est une implémentation open source de {{glossary("SSL")}} et de {{glossary("TLS")}}.
diff --git a/files/fr/glossary/opera_browser/index.md b/files/fr/glossary/opera_browser/index.md
index b43b213c8a8a0d..45210815dbf35f 100644
--- a/files/fr/glossary/opera_browser/index.md
+++ b/files/fr/glossary/opera_browser/index.md
@@ -1,14 +1,7 @@
 ---
 title: Navigateur Opera
 slug: Glossary/Opera_Browser
-tags:
-  - Glossaire
-  - Navigateur
-  - Navigateur Opera
-  - Navigation
-  - Opera
 translation_of: Glossary/Opera_Browser
-original_slug: Glossaire/Opera_Browser
 ---
 
 **Opera** est le cinquième {{glossary("navigateur")}} web le plus utilisé, distribué publiquement en 1996 et ne fonctionnant à l'origine que sur Windows. Opera utilise {{glossary("Blink")}} comme moteur de rendu depuis 2013 (avant cette date, il s'agissait de {{glossary("Presto")}}). Opera existe également en versions tablette et mobile.
diff --git a/files/fr/glossary/operand/index.md b/files/fr/glossary/operand/index.md
index 00fdfad363257c..bd83edad190ab9 100644
--- a/files/fr/glossary/operand/index.md
+++ b/files/fr/glossary/operand/index.md
@@ -1,11 +1,7 @@
 ---
 title: Opérande
 slug: Glossary/Operand
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Operand
-original_slug: Glossaire/Operand
 ---
 
 Un **opérande** est la partie d'une instruction qui représente la donnée manipulée par l'{{glossary("Operator","opérateur")}}. Par exemple, lors de l'ajout de deux nombres, les nombres sont les opérandes et "+" est l'opérateur.
diff --git a/files/fr/glossary/operator/index.md b/files/fr/glossary/operator/index.md
index 98267e37aa50f8..8b7d3bdc24e9c0 100644
--- a/files/fr/glossary/operator/index.md
+++ b/files/fr/glossary/operator/index.md
@@ -1,11 +1,7 @@
 ---
 title: Opérateur
 slug: Glossary/Operator
-tags:
-  - Glossaire
-  - Programmation
 translation_of: Glossary/Operator
-original_slug: Glossaire/Operator
 ---
 
 **Syntaxe** réservée constituée de caractères alphanumériques ou de ponctuation apportant des fonctionnalités intégrées. Par exemple, "+" représente l'opérateur d'addition de nombres et de concatenation de chaînes de caractères, alors que l'opération "non", "!", est la négation d'une expression — par exemple, une déclaration vraie returnera false.
diff --git a/files/fr/glossary/origin/index.md b/files/fr/glossary/origin/index.md
index 611bc1d44114e0..89bc578e812bcc 100644
--- a/files/fr/glossary/origin/index.md
+++ b/files/fr/glossary/origin/index.md
@@ -1,12 +1,7 @@
 ---
 title: Origine
 slug: Glossary/Origin
-tags:
-  - Glossaire
-  - Mécanismes web
-  - origine
 translation_of: Glossary/Origin
-original_slug: Glossaire/Origine
 ---
 
 L'**origine** d'une application web est définie par le schéma (protocole), l'hôte (domaine) et le port de l'{{Glossary("URL")}} utilisée pour y accéder. Deux objets ont la même origine seulement quand le schéma, l'hôte et le port correspondent.
diff --git a/files/fr/glossary/ota/index.md b/files/fr/glossary/ota/index.md
index 7448078a00886e..348e8e67833f8b 100644
--- a/files/fr/glossary/ota/index.md
+++ b/files/fr/glossary/ota/index.md
@@ -1,14 +1,7 @@
 ---
 title: OTA
 slug: Glossary/OTA
-tags:
-  - Glossaire
-  - Infrastructure
-  - Introduction
-  - Mise à jour
-  - OTA
 translation_of: Glossary/OTA
-original_slug: Glossaire/OTA
 ---
 
 _Over The Air_ (**OTA**) se réfère à un système de mise à jour automatique sur des appareils connectés à un serveur central. Tous les propriétaires d'un appareil qui vont recevoir des instructions d'"update" _(mise à jour)_ sont sur le même canal, et chaque appareil a souvent accès à plusieurs canaux (ex : pour les outils production ou ingénieur)
diff --git a/files/fr/glossary/owasp/index.md b/files/fr/glossary/owasp/index.md
index 3107f0a82e3b67..eeb624f2593383 100644
--- a/files/fr/glossary/owasp/index.md
+++ b/files/fr/glossary/owasp/index.md
@@ -1,11 +1,7 @@
 ---
 title: OWASP
 slug: Glossary/OWASP
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/OWASP
-original_slug: Glossaire/OWASP
 ---
 
 **OWASP** (Open Web Application Security Project) est une organisation à but non lucratif et un réseau mondial qui travaille sur la sécurité des logiciels libres, en particulier sur le Web.
diff --git a/files/fr/glossary/p2p/index.md b/files/fr/glossary/p2p/index.md
index 37bcff3f1b32b1..68a3ac2aad3845 100644
--- a/files/fr/glossary/p2p/index.md
+++ b/files/fr/glossary/p2p/index.md
@@ -2,7 +2,6 @@
 title: P2P
 slug: Glossary/P2P
 translation_of: Glossary/P2P
-original_slug: Glossaire/P2P
 ---
 
 P2P (Peer-to-peer ou pair à pair) est une architecture réseau dans laquelle tous les ordinateurs, appelés nœuds (peers), ont autant de privilèges et se partagent la charge de travail. Le P2P diffère d'une architecture client-serveur dans laquelle plusieurs clients (nœuds) se connectent à un serveur centralisé pour utiliser des services.
diff --git a/files/fr/glossary/pac/index.md b/files/fr/glossary/pac/index.md
index 76c10628c01d0c..0f6032a480776e 100644
--- a/files/fr/glossary/pac/index.md
+++ b/files/fr/glossary/pac/index.md
@@ -1,11 +1,7 @@
 ---
 title: PAC
 slug: Glossary/PAC
-tags:
-  - Glossaire
-  - Programmation
 translation_of: Glossary/PAC
-original_slug: Glossaire/PAC
 ---
 
 Un fichier Proxy Auto-Configuration (PAC) est un fichier qui contient une fonction `FindProxyForURL()` laquelle est utilisée par le navigateur pour déterminer si les requêtes (y compris HTTP, HTTPS et FTP) doivent être envoyées directement à la destination, ou si elles doivent être transmises via un serveur proxy Web.
diff --git a/files/fr/glossary/packet/index.md b/files/fr/glossary/packet/index.md
index 64910b5162c6a1..86c76975e30b74 100644
--- a/files/fr/glossary/packet/index.md
+++ b/files/fr/glossary/packet/index.md
@@ -1,17 +1,7 @@
 ---
 title: Paquet
 slug: Glossary/Packet
-tags:
-  - Glossaire
-  - Paquet
-  - Paquet réseau
-  - Performance Web
-  - Reference
-  - TCP
-  - charge utile
-  - payload
 translation_of: Glossary/Packet
-original_slug: Glossaire/Paquet
 ---
 
 Un paquet, ou paquet réseau, est un bloc de données formaté envoyé sur un réseau. Les principaux composants d'un paquet réseau sont les données utilisateur et les informations de contrôle. Les données utilisateur sont appelées _payload ou charge utile_. Les informations de contrôle sont les informations de livraison du payload. Il se compose d'adresses réseau pour la source et la destination, des informations de séquencement et des codes de détection d'erreur et se trouve généralement dans les en-têtes et le pied de page des paquets.
diff --git a/files/fr/glossary/parameter/index.md b/files/fr/glossary/parameter/index.md
index 75b109ef062e5b..00ad86cd880950 100644
--- a/files/fr/glossary/parameter/index.md
+++ b/files/fr/glossary/parameter/index.md
@@ -1,12 +1,7 @@
 ---
 title: Paramètre
 slug: Glossary/Parameter
-tags:
-  - Encodage
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/Parameter
-original_slug: Glossaire/Parameter
 ---
 
 Un paramètre est une variable nommée passée à une {{Glossary("fonction")}}. Les paramètres servent à importer des {{Glossary("argument","arguments")}} à l'intérieur des fonctions.
diff --git a/files/fr/glossary/parent_object/index.md b/files/fr/glossary/parent_object/index.md
index 6a5fbd62c7eb79..dc131eb406b3a7 100644
--- a/files/fr/glossary/parent_object/index.md
+++ b/files/fr/glossary/parent_object/index.md
@@ -1,11 +1,7 @@
 ---
 title: Objet parent
 slug: Glossary/Parent_object
-tags:
-  - Glossaire
-  - Programmation
 translation_of: Glossary/Parent_object
-original_slug: Glossaire/Objet_parent
 ---
 
 L'{{glossary("object","objet")}} auquel appartient une {{glossary("property","propriété")}} ou une {{glossary("method","méthode")}} donnée.
diff --git a/files/fr/glossary/parser/index.md b/files/fr/glossary/parser/index.md
index 7a38f1ef0d7c4d..50a266733b5dec 100644
--- a/files/fr/glossary/parser/index.md
+++ b/files/fr/glossary/parser/index.md
@@ -1,11 +1,7 @@
 ---
 title: Analyseur syntaxique
 slug: Glossary/Parser
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Parser
-original_slug: Glossaire/Parser
 ---
 
 Le module d'un compilateur ou d'un interprête qui effectue **l'**{{glossary("parse","analyse syntaxique")}} d'un fichier de code source.
diff --git a/files/fr/glossary/pdf/index.md b/files/fr/glossary/pdf/index.md
index 51edf2f7eb99e0..7c60ddec3fd331 100644
--- a/files/fr/glossary/pdf/index.md
+++ b/files/fr/glossary/pdf/index.md
@@ -2,7 +2,6 @@
 title: PDF
 slug: Glossary/PDF
 translation_of: Glossary/PDF
-original_slug: Glossaire/PDF
 ---
 
 **PDF** (_Portable Document Format_) est un format de fichiers utilisé pour partager des documents sans dépendre d'un logiciel particulier, d'une plateforme ou d'un système d'exploitation. Le format PDF fournit une image numérique d'un document, qui conserve la même apparence une fois imprimé.
diff --git a/files/fr/glossary/percent-encoding/index.md b/files/fr/glossary/percent-encoding/index.md
index b4850eef5f22cd..3d6f82775d9ca3 100644
--- a/files/fr/glossary/percent-encoding/index.md
+++ b/files/fr/glossary/percent-encoding/index.md
@@ -1,12 +1,7 @@
 ---
 title: Encodage-pourcent
 slug: Glossary/Percent-encoding
-tags:
-  - Débutant
-  - Glossaire
-  - Mécanismes web
 translation_of: Glossary/percent-encoding
-original_slug: Glossaire/percent-encoding
 ---
 
 **Encodage-pourcent (_Percent-encoding_)** est un mécanisme d'encodage des caractères de 8 bits qui ont une signification spécifique dans le contexte des {{Glossary("URL")}}. Il est parfois appelé encodage d'URL. Il consiste en une substitution de : un caractère '%' suivi d'un code hexadecimal correspondant à la valeur ASCII du caractère à remplacer.
diff --git a/files/fr/glossary/php/index.md b/files/fr/glossary/php/index.md
index 88c8c1900ebad7..c77638c0d03919 100644
--- a/files/fr/glossary/php/index.md
+++ b/files/fr/glossary/php/index.md
@@ -1,14 +1,7 @@
 ---
 title: PHP
 slug: Glossary/PHP
-tags:
-  - Encodage
-  - Glossaire
-  - Infrastructure
-  - PHP
-  - Programmation
 translation_of: Glossary/PHP
-original_slug: Glossaire/PHP
 ---
 
 PHP est un langage de script côté serveur conçu pour le développement web mais aussi utilisé comme langage de programmation généraliste. Créée à l'origine par Rasmus Lerdorf en 1994, l'implémentation de la référence PHP est maintenant produite par The PHP Group. PHP signifiait à l'origine Personal Home Page, mais elle correspond maintenant à l'acronyme récursif PHP : Hypertext Preprocessor.
diff --git a/files/fr/glossary/pixel/index.md b/files/fr/glossary/pixel/index.md
index c2c830f41f6a9c..a8b14a472df85c 100644
--- a/files/fr/glossary/pixel/index.md
+++ b/files/fr/glossary/pixel/index.md
@@ -1,11 +1,7 @@
 ---
 title: Pixel
 slug: Glossary/Pixel
-tags:
-  - Glossaire
-  - Graphismes
 translation_of: Glossary/Pixel
-original_slug: Glossaire/Pixel
 ---
 
 Un pixel est le plus petit bloc qu'un affichage graphique comme un écran d'ordinateur puisse afficher.
diff --git a/files/fr/glossary/placeholder_names/index.md b/files/fr/glossary/placeholder_names/index.md
index c0599b78f3c6c4..bd3c01dc3b29da 100644
--- a/files/fr/glossary/placeholder_names/index.md
+++ b/files/fr/glossary/placeholder_names/index.md
@@ -1,12 +1,7 @@
 ---
 title: Noms réservés
 slug: Glossary/Placeholder_names
-tags:
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Placeholder_names
-original_slug: Glossaire/Noms_réservés
 ---
 
 Les noms réservés sont courramment utilisés en cryptographie pour indiquer les participants à une conversation, sans recourir à une terminologie comme "Partie A", "indiscret" et "attaquant malveillant". Les noms les plus courants sont :
diff --git a/files/fr/glossary/plaintext/index.md b/files/fr/glossary/plaintext/index.md
index e63bd3daca625b..1f1f78ddd7941c 100644
--- a/files/fr/glossary/plaintext/index.md
+++ b/files/fr/glossary/plaintext/index.md
@@ -1,12 +1,7 @@
 ---
 title: Texte brut
 slug: Glossary/Plaintext
-tags:
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Plaintext
-original_slug: Glossaire/Texte_brut
 ---
 
 Un texte brut désigne soit une information qui a été utilisée comme entrée pour un {{Glossary("algorithme")}} de {{Glossary("chiffrement")}} , soit un {{Glossary("cryptogramme")}} qui a été déchiffré.
diff --git a/files/fr/glossary/plugin/index.md b/files/fr/glossary/plugin/index.md
index 55a4b798fb3d05..2bc4cbe9b743a3 100644
--- a/files/fr/glossary/plugin/index.md
+++ b/files/fr/glossary/plugin/index.md
@@ -1,13 +1,7 @@
 ---
 title: Constantes
 slug: Glossary/Plugin
-tags:
-  - Code
-  - Erreur
-  - Plugin
 translation_of: Plugins/Guide/Constants
-translation_of_original: NPAPI/Constants
-original_slug: Plugins/Guide/Constants
 ---
 
 Cette section est une référence au définitions utilisées par l'API Plug-in. Toutes les définitions proviennent de npapi.h.
diff --git a/files/fr/glossary/png/index.md b/files/fr/glossary/png/index.md
index 062ecf5b8ec206..83eb4163d74709 100644
--- a/files/fr/glossary/png/index.md
+++ b/files/fr/glossary/png/index.md
@@ -1,14 +1,7 @@
 ---
 title: PNG
 slug: Glossary/PNG
-tags:
-  - Composition
-  - Débutant
-  - Glossaire
-  - Infrastructure
-  - PNG
 translation_of: Glossary/PNG
-original_slug: Glossaire/PNG
 ---
 
 **PNG** (_Portable Network Graphics_) est un format de fichiers graphiques qui supporte la compression de données sans perte.
diff --git a/files/fr/glossary/polyfill/index.md b/files/fr/glossary/polyfill/index.md
index de30834e07fa84..8faa43f41e8980 100644
--- a/files/fr/glossary/polyfill/index.md
+++ b/files/fr/glossary/polyfill/index.md
@@ -2,7 +2,6 @@
 title: Polyfill
 slug: Glossary/Polyfill
 translation_of: Glossary/Polyfill
-original_slug: Glossaire/Polyfill
 ---
 
 Un polyfill est un bout de code (généralement en JavaScript sur le web) utilisé pour fournir des fonctionnalités récentes sur d'anciens navigateurs qui ne les supportent pas nativement.
diff --git a/files/fr/glossary/polymorphism/index.md b/files/fr/glossary/polymorphism/index.md
index bc3428e07d2b73..d361904b814b37 100644
--- a/files/fr/glossary/polymorphism/index.md
+++ b/files/fr/glossary/polymorphism/index.md
@@ -1,11 +1,7 @@
 ---
 title: Polymorphisme
 slug: Glossary/Polymorphism
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Polymorphism
-original_slug: Glossaire/Polymorphisme
 ---
 
 Le polymorphisme est la présentation d'une unique interface pour plusieurs types de données.
diff --git a/files/fr/glossary/pop/index.md b/files/fr/glossary/pop/index.md
index 268cecc0ba4f55..95790077cad7a8 100644
--- a/files/fr/glossary/pop/index.md
+++ b/files/fr/glossary/pop/index.md
@@ -1,12 +1,7 @@
 ---
 title: POP3
 slug: Glossary/POP
-tags:
-  - Débutant
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/POP
-original_slug: Glossaire/POP
 ---
 
 **POP3** (Post Office Protocol) est un {{glossary("Protocol","protocole")}} très répandu pour récupérer les courriels depuis un serveur de messagerie via une connexion {{glossary("TCP")}}. POP3 ne supporte pas les dossiers, contrairement à l'{{Glossary("IMAP")}}4 qui est plus récent, mais qui est aussi plus difficile à implémenter en raison de sa structure plus complexe.
diff --git a/files/fr/glossary/port/index.md b/files/fr/glossary/port/index.md
index f07bd7427f8cbf..c05b5693532644 100644
--- a/files/fr/glossary/port/index.md
+++ b/files/fr/glossary/port/index.md
@@ -1,14 +1,7 @@
 ---
 title: Port
 slug: Glossary/Port
-tags:
-  - Glossaire
-  - Intro
-  - Réseaux d'ordinateurs
-  - Sécurité
-  - ports
 translation_of: Glossary/Port
-original_slug: Glossaire/Port
 ---
 
 Un **port** est le point d'entrée de communication de tout ordinateur connecté à un réseau avec une {{Glossary("IP address","adresse IP")}}. Les ports sont désignés par des nombres et, en dessous de 1024, chaque port est associé par défaut à un {{Glossary("protocol","protocole")}} spécifique.
diff --git a/files/fr/glossary/preflight_request/index.md b/files/fr/glossary/preflight_request/index.md
index 5d00017b456528..1114d7d267f70f 100644
--- a/files/fr/glossary/preflight_request/index.md
+++ b/files/fr/glossary/preflight_request/index.md
@@ -1,12 +1,7 @@
 ---
 title: Requête de pré-vérification
 slug: Glossary/Preflight_request
-tags:
-  - CORS
-  - HTTP
-  - pré-vérification
 translation_of: Glossary/Preflight_request
-original_slug: Glossaire/requete_pre-verification
 ---
 
 Une requête de pré-vérification cross-origin [CORS](/fr/docs/Glossaire/CORS) est une requête de vérification faite pour contrôler si le protocole {{Glossary("CORS")}} est autorisé.
diff --git a/files/fr/glossary/presto/index.md b/files/fr/glossary/presto/index.md
index d44996f8e67a4f..2239eede69b3a0 100644
--- a/files/fr/glossary/presto/index.md
+++ b/files/fr/glossary/presto/index.md
@@ -1,13 +1,7 @@
 ---
 title: Presto
 slug: Glossary/Presto
-tags:
-  - Glossaire
-  - Infrastructure
-  - Opera
-  - Presto
 translation_of: Glossary/Presto
-original_slug: Glossaire/Presto
 ---
 
 Presto était le moteur de rendu propriétaire utilisé par le {{Glossary("Opera browser","navigateur Opera")}} jusqu'à la version 15. Depuis, ce dernier est basé sur Chromium qui utilise le moteur de rendu {{Glossary('Blink')}}.
diff --git a/files/fr/glossary/primitive/index.md b/files/fr/glossary/primitive/index.md
index 694767ff7b7f0e..29fd506d1da0fe 100644
--- a/files/fr/glossary/primitive/index.md
+++ b/files/fr/glossary/primitive/index.md
@@ -1,12 +1,7 @@
 ---
 title: Primitive
 slug: Glossary/Primitive
-tags:
-  - Glossaire
-  - JavaScript
-  - Programmation
 translation_of: Glossary/Primitive
-original_slug: Glossaire/Primitive
 ---
 
 Une **primitive** (valeur primitive ou structure de donnée primitive) est une donnée qui n'est pas un {{Glossary("object","objet")}} et n'a pas de {{glossary("method","méthode")}}. En {{Glossary("JavaScript")}}, il y a 7 types de données primitives: {{Glossary("String")}}, {{Glossary("Number")}}, {{Glossary("Boolean")}}, {{Glossary("Null")}}, {{Glossary("undefined")}}, {{Glossary("Symbol")}}, {{Glossary("Bigint")}} (nouveauté d'{{Glossary("ECMAScript")}} 2020).
diff --git a/files/fr/glossary/privileged/index.md b/files/fr/glossary/privileged/index.md
index dd148ed2f37377..940d555ad4dc23 100644
--- a/files/fr/glossary/privileged/index.md
+++ b/files/fr/glossary/privileged/index.md
@@ -1,11 +1,7 @@
 ---
 title: Privilégié
 slug: Glossary/Privileged
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Privileged
-original_slug: Glossaire/Privilégié
 ---
 
 Un utilisateur est dit **privilégié** lorsqu'il se voit attribuer des droits supplémentaires sur un système, ou se voit donner des accès à des données avec un niveau de priorité supérieur à celui des utilisateurs normaux.
diff --git a/files/fr/glossary/privileged_code/index.md b/files/fr/glossary/privileged_code/index.md
index 1c5cbcc0d793c7..949fdd86f39f5f 100644
--- a/files/fr/glossary/privileged_code/index.md
+++ b/files/fr/glossary/privileged_code/index.md
@@ -1,11 +1,7 @@
 ---
 title: Code privilégié
 slug: Glossary/Privileged_code
-tags:
-  - Glossaire
-  - Privilégié
 translation_of: Glossary/privileged_code
-original_slug: Glossaire/privileged_code
 ---
 
 **Code privilégié** - Code Javascript de votre extension. Par exemple, code dans les scripts de contenu.
diff --git a/files/fr/glossary/progressive_enhancement/index.md b/files/fr/glossary/progressive_enhancement/index.md
index f9d49936e67243..9f01c0e543a488 100644
--- a/files/fr/glossary/progressive_enhancement/index.md
+++ b/files/fr/glossary/progressive_enhancement/index.md
@@ -1,12 +1,7 @@
 ---
 title: Amélioration progressive
 slug: Glossary/Progressive_Enhancement
-tags:
-  - Accessibilité
-  - Conception
-  - Glossaire
 translation_of: Glossary/Progressive_Enhancement
-original_slug: Glossaire/Amélioration_progressive
 ---
 
 L'**amélioration progressive** est une philosophie de conception centrée sur la fourniture d'une base de contenu et de fonctionnalités essentielles au plus grand nombre possible d'utilisateurs, tout en allant au-delà et en offrant la meilleure expérience possible aux utilisateurs des navigateurs les plus modernes capables d'exécuter tout le code requis .
diff --git a/files/fr/glossary/progressive_web_apps/index.md b/files/fr/glossary/progressive_web_apps/index.md
index 091c0a6fa98ae0..8de06d17583299 100644
--- a/files/fr/glossary/progressive_web_apps/index.md
+++ b/files/fr/glossary/progressive_web_apps/index.md
@@ -1,11 +1,7 @@
 ---
 title: Applications web progressistes
 slug: Glossary/Progressive_web_apps
-tags:
-  - Applications
-  - Glossaire
 translation_of: Glossary/Progressive_web_apps
-original_slug: Glossaire/Progressive_web_apps
 ---
 
 _Applications web progressistes_ (Progressive web apps) est une locution utilisée pour décrire une manière moderne de développer des applications web. Cela consiste à utiliser des sites ou applications web classiques qui profitent du meilleur du web — comme la possibilité d'apparaître avec les moteurs de recherche, le fait d'être lié par les {{Glossary("URL")}} ou encore la capacité à fonctionner sur tout type d'environnement —, d'y ajouter des API modernes (comme les [Service Workers](/fr/docs/Web/API/Service_Worker_API) et les notifications [Push](/fr/docs/Web/API/Push_API)) et des fonctionnalités qui offrent d'autres avantages habituellement réservés aux applications natives.
diff --git a/files/fr/glossary/promise/index.md b/files/fr/glossary/promise/index.md
index 3e7caae28f80b7..be9f84bce28a55 100644
--- a/files/fr/glossary/promise/index.md
+++ b/files/fr/glossary/promise/index.md
@@ -1,13 +1,7 @@
 ---
 title: Promesse
 slug: Glossary/Promise
-tags:
-  - Asynchrone
-  - Glossaire
-  - Promise
-  - Promises
 translation_of: Glossary/Promise
-original_slug: Glossaire/Promesse
 ---
 
 Une **{{jsxref("Promise")}}** est un {{Glossary("Objet")}} retourné par une {{Glossary("Fonction")}} n'ayant pas encore terminé son travail. La promesse représente littéralement une promesse faite par la fonction qui retournera éventuellement un résultat à travers l'objet promesse.
diff --git a/files/fr/glossary/property/css/index.md b/files/fr/glossary/property/css/index.md
index b3b725fa82f112..d07a257e8795a0 100644
--- a/files/fr/glossary/property/css/index.md
+++ b/files/fr/glossary/property/css/index.md
@@ -1,11 +1,7 @@
 ---
 title: Propriété (CSS)
 slug: Glossary/Property/CSS
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/property/CSS
-original_slug: Glossaire/Propriete_CSS
 ---
 
 Une **propriété CSS** est une caractéristique (telle que `color`) dont la valeur associée définit un aspect de la manière dont le navigateur doit afficher l'élément.
diff --git a/files/fr/glossary/property/index.md b/files/fr/glossary/property/index.md
index 765e5d8abcb9ac..078b27134f559d 100644
--- a/files/fr/glossary/property/index.md
+++ b/files/fr/glossary/property/index.md
@@ -1,9 +1,6 @@
 ---
 title: Propriété
 slug: Glossary/Property
-tags:
-  - Désambiguïsation
-  - Glossaire
 translation_of: Glossary/property
 ---
 
diff --git a/files/fr/glossary/property/javascript/index.md b/files/fr/glossary/property/javascript/index.md
index 22a2fea4bf7249..f7349d698e9d1e 100644
--- a/files/fr/glossary/property/javascript/index.md
+++ b/files/fr/glossary/property/javascript/index.md
@@ -1,9 +1,6 @@
 ---
 title: Propriété (JavaScript)
 slug: Glossary/Property/JavaScript
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/property/JavaScript
 ---
 
diff --git a/files/fr/glossary/protocol/index.md b/files/fr/glossary/protocol/index.md
index 5a8f5b9d940b8f..af429f345a1d5d 100644
--- a/files/fr/glossary/protocol/index.md
+++ b/files/fr/glossary/protocol/index.md
@@ -1,12 +1,7 @@
 ---
 title: Protocole
 slug: Glossary/Protocol
-tags:
-  - Glossaire
-  - Infrastructure
-  - Protocoles
 translation_of: Glossary/Protocol
-original_slug: Glossaire/Protocol
 ---
 
 Un **protocole** est un système de règles qui définit la manière dont des données sont échangées au sein d'un ordinateur ou entre plusieurs ordinateurs. La communication entre appareils impose à ceux-ci de s'accorder sur le format des données échangées. L'ensemble des règles qui définissent un format est appelé un protocole.
diff --git a/files/fr/glossary/prototype-based_programming/index.md b/files/fr/glossary/prototype-based_programming/index.md
index dc7bb0489f7a8f..16c1b3a49989f2 100644
--- a/files/fr/glossary/prototype-based_programming/index.md
+++ b/files/fr/glossary/prototype-based_programming/index.md
@@ -1,11 +1,7 @@
 ---
 title: Programmation orientée prototype
 slug: Glossary/Prototype-based_programming
-tags:
-  - Glossaire
-  - Programmation
 translation_of: Glossary/Prototype-based_programming
-original_slug: Glossaire/Programmation_orientée_prototype
 ---
 
 **La programmation orientée prototype** est un style de {{Glossary("OOP","programmation orientée objet")}}} dans laquelle les {{Glossary ('Class', 'classes')}} ne sont pas explicitement définies, mais plutôt dérivées par ajout des propriétés et des méthodes à une instance d'une autre classe ou, moins fréquemment, par ajouts à un objet vide.
diff --git a/files/fr/glossary/prototype/index.md b/files/fr/glossary/prototype/index.md
index 575f0751528072..1ab0ad0ca6db46 100644
--- a/files/fr/glossary/prototype/index.md
+++ b/files/fr/glossary/prototype/index.md
@@ -1,12 +1,7 @@
 ---
 title: Prototype
 slug: Glossary/Prototype
-tags:
-  - Apps
-  - Composition
-  - Glossaire
 translation_of: Glossary/Prototype
-original_slug: Glossaire/Prototype
 ---
 
 Un prototype est un modèle en cours de développement qui montre l'apparence et le comportement d'une application ou d'un produit en cours de conception..
diff --git a/files/fr/glossary/proxy_server/index.md b/files/fr/glossary/proxy_server/index.md
index b2ff8adcc778f1..ce01dc8f266b87 100644
--- a/files/fr/glossary/proxy_server/index.md
+++ b/files/fr/glossary/proxy_server/index.md
@@ -1,12 +1,7 @@
 ---
 title: Serveur proxy
 slug: Glossary/Proxy_server
-tags:
-  - Glossaire
-  - Proxy
-  - Serveur
 translation_of: Glossary/Proxy_server
-original_slug: Glossaire/Serveur_proxy
 ---
 
 Un **serveur proxy** (ou "serveur mandataire" en français) est un programme intermédiaire, ou un ordinateur, utilisé lors de la navigation sur différents réseaux d'Internet. Il facilite l'accès au contenu sur le World Wide Web. Un mandataire reçoit les demandes et retourne les réponses ; il peut transmettre les requêtes ou non (par exemple dans le cas d'un cache), et il peut les modifier (par exemple changer les en-têtes à la frontière entre deux réseaux).
diff --git a/files/fr/glossary/pseudo-class/index.md b/files/fr/glossary/pseudo-class/index.md
index 5109032d812c14..a84e689e1117ea 100644
--- a/files/fr/glossary/pseudo-class/index.md
+++ b/files/fr/glossary/pseudo-class/index.md
@@ -1,13 +1,7 @@
 ---
 title: Pseudo-classe
 slug: Glossary/Pseudo-class
-tags:
-  - CSS
-  - CodingScripting
-  - Glossaire
-  - Sélecteur
 translation_of: Glossary/Pseudo-class
-original_slug: Glossaire/Pseudo-classe
 ---
 
 En CSS, un sélecteur de **pseudo-classe** cible des éléments en fonction de leur état plutôt qu'en fonction de l'information issue de l'arbre du document. Par exemple, le sélecteur `a`{{ cssxref(":visited") }} applique un style uniquement aux liens que l'utilisateur a déjà visités.
diff --git a/files/fr/glossary/pseudo-element/index.md b/files/fr/glossary/pseudo-element/index.md
index 0a869f152df828..fa6d43b2dadfc4 100644
--- a/files/fr/glossary/pseudo-element/index.md
+++ b/files/fr/glossary/pseudo-element/index.md
@@ -1,12 +1,7 @@
 ---
 title: Pseudo-élément
 slug: Glossary/Pseudo-element
-tags:
-  - CSS
-  - Glossaire
-  - Programmation
 translation_of: Glossary/Pseudo-element
-original_slug: Glossaire/Pseudo-élément
 ---
 
 En CSS, un sélecteur de **pseudo-élément** applique des styles à des parties du contenu de votre document dans le cas où il n'y a pas d'élément HTML à cibler. Par exemple, plutôt que de placer la première lettre de chaque paragraphe dans un élément distinct, vous pouvez leur appliquer un style globalement avec `p`{{ Cssxref("::first-letter") }}.
diff --git a/files/fr/glossary/pseudocode/index.md b/files/fr/glossary/pseudocode/index.md
index a15837038bea0a..17e419cfce91b0 100644
--- a/files/fr/glossary/pseudocode/index.md
+++ b/files/fr/glossary/pseudocode/index.md
@@ -1,12 +1,7 @@
 ---
 title: Pseudo-code
 slug: Glossary/Pseudocode
-tags:
-  - Encodage
-  - Glossaire
-  - Pseudo-code
 translation_of: Glossary/Pseudocode
-original_slug: Glossaire/Pseudo-code
 ---
 
 Un pseudo-code (également appelé LDA pour Langage de Description d'Algorithmes) fait référence à une syntaxe ressemblant à un code, généralement utilisée pour indiquer aux humains le fonctionnement d'une syntaxe de code ou pour illustrer la conception d'un élément d'architecture de code. Cela ne fonctionnera pas si vous essayez de l'exécuter comme un véritable code.
diff --git a/files/fr/glossary/public-key_cryptography/index.md b/files/fr/glossary/public-key_cryptography/index.md
index d8baac7a4be802..4e49aef0314505 100644
--- a/files/fr/glossary/public-key_cryptography/index.md
+++ b/files/fr/glossary/public-key_cryptography/index.md
@@ -1,11 +1,6 @@
 ---
 title: Chiffrement avec clé publique
 slug: Glossary/Public-key_cryptography
-tags:
-  - Cryptography
-  - Glossary
-  - Public-key cryptography
-  - Security
 translation_of: Glossary/Public-key_cryptography
 ---
 
diff --git a/files/fr/glossary/python/index.md b/files/fr/glossary/python/index.md
index 8b1aff1caf9e1f..a77abfdf7cff7c 100644
--- a/files/fr/glossary/python/index.md
+++ b/files/fr/glossary/python/index.md
@@ -1,13 +1,7 @@
 ---
 title: Python
 slug: Glossary/Python
-tags:
-  - Glossaire
-  - Langage
-  - Programmation
-  - Python
 translation_of: Glossary/Python
-original_slug: Glossaire/Python
 ---
 
 **Python** est un langage de programmation de haut-niveau, pour tous usages. Il possède une approche multi-paradigme et supporte donc des formes de programmation procédurale, orientée objet et fonctionnelle.
diff --git a/files/fr/glossary/quality_values/index.md b/files/fr/glossary/quality_values/index.md
index 8b23f6079d7742..83868570689b55 100644
--- a/files/fr/glossary/quality_values/index.md
+++ b/files/fr/glossary/quality_values/index.md
@@ -1,11 +1,7 @@
 ---
 title: Quality values
 slug: Glossary/Quality_values
-tags:
-  - Glossaire
-  - Mécanismes web
 translation_of: Glossary/Quality_values
-original_slug: Glossaire/Quality_values
 ---
 
 **_Quality values_** (_valeurs de qualité_), ou _q-values_ et _q-factors_, sont utilisés pour décrire l'ordre de priorité des valeurs séparées par une virgule dans une liste. C'est une syntaxe spéciale autorisée dans quelques [en-têtes HTTP](/fr/docs/HTTP/Headers) et en HTML. L'importance d'une valeur est marquée par le suffixe `';q='` immédiatement suivi par une valeur comprise entre `0` et `1` inclus, avec jusqu'à trois décimales, la valeur la plus élevée indiquant la priorité la plus haute. Quand le paramètre n'est pas déclaré, la valeur par défaut est `1`.
diff --git a/files/fr/glossary/quic/index.md b/files/fr/glossary/quic/index.md
index 632cbfc1a47a24..1b32292a91ff44 100644
--- a/files/fr/glossary/quic/index.md
+++ b/files/fr/glossary/quic/index.md
@@ -1,14 +1,7 @@
 ---
 title: QUIC
 slug: Glossary/QUIC
-tags:
-  - Glossaire
-  - HTTP
-  - Performance Web
-  - QUIC
-  - Reference
 translation_of: Glossary/QUIC
-original_slug: Glossaire/QUIC
 ---
 
 **Quick UDP Internet Connection**, ou **QUIC**, est un protocole de transport multiplexé expérimental implémenté sur UDP. Il a été développé par Google comme un moyen d'expérimenter des moyens d'améliorer TCP et la livraison d'applications Web. Comme TCP est intégré au noyau de nombreux systèmes d'exploitation, être capable d'expérimenter des changements, de les tester et d'implémenter des modifications est un processus extrêmement lent. La création de QUIC permet aux développeurs de mener des expériences et d'essayer de nouvelles choses plus rapidement.
diff --git a/files/fr/glossary/rail/index.md b/files/fr/glossary/rail/index.md
index 41eb2b49e44014..1cd83594a6aa64 100644
--- a/files/fr/glossary/rail/index.md
+++ b/files/fr/glossary/rail/index.md
@@ -1,13 +1,7 @@
 ---
 title: RAIL
 slug: Glossary/RAIL
-tags:
-  - Glossaire
-  - Performance Web
-  - RAIL
-  - Timings
 translation_of: Glossary/RAIL
-original_slug: Glossaire/RAIL
 ---
 
 **RAIL**, acronyme de **Response, Animation, Idle, et Load**, est un modèle de performance créé par l'équipe Google Chrome en 2015, axé sur l'expérience utilisateur et les performances dans le navigateur. Le mantra de performance de RAIL est "Concentrez-vous sur l'utilisateur; l'objectif final n'est pas de rendre votre site performant sur un appareil spécifique, c'est de rendre les utilisateurs heureux." Il y a 4 étapes d'interaction: chargement de la page, inactivité, réponse à l'entrée, et défilement et animation. Dans l'ordre des acronymes, les principaux principes sont:
diff --git a/files/fr/glossary/raster_image/index.md b/files/fr/glossary/raster_image/index.md
index 7cae35388aa214..e768a12c54f422 100644
--- a/files/fr/glossary/raster_image/index.md
+++ b/files/fr/glossary/raster_image/index.md
@@ -1,11 +1,7 @@
 ---
 title: Image matricielle
 slug: Glossary/Raster_image
-tags:
-  - Glossaire
-  - Images
 translation_of: Glossary/Raster_image
-original_slug: Glossaire/Image_matricielle
 ---
 
 Une image matricielle (_raster_) est un fichier image défini comme une grille de pixels. Elles sont également appelées des "cartes de points" (_bitmaps_). Les formats d'image matricielle communs sur le web sont [JPEG](/fr/docs/Glossary/jpeg), [PNG](/fr/docs/Glossary/PNG), [GIF](/fr/docs/Glossary/gif) et [ICO](<https://en.wikipedia.org/wiki/ICO_(file_format)>).
diff --git a/files/fr/glossary/rdf/index.md b/files/fr/glossary/rdf/index.md
index bec553a59957f3..074f161a5c2e89 100644
--- a/files/fr/glossary/rdf/index.md
+++ b/files/fr/glossary/rdf/index.md
@@ -1,15 +1,7 @@
 ---
 title: RDF
 slug: Glossary/RDF
-tags:
-  - Compatibilité
-  - Encodage
-  - Glossaire
-  - Infrastructure
-  - Mécanismes web
-  - Pratiques
 translation_of: Glossary/RDF
-original_slug: Glossaire/RDF
 ---
 
 **RDF** (Resource Description Framework) est un langage développé par le W3C pour représenter des informations sur le World Wide Web, comme des pages Web. RDF apporte une manière standard de coder des informations afin que celles-ci puissent être échangées de façon totalement automatisée entre applications.
diff --git a/files/fr/glossary/real_user_monitoring/index.md b/files/fr/glossary/real_user_monitoring/index.md
index b7fc6d9a44e06a..0a9c26381394ab 100644
--- a/files/fr/glossary/real_user_monitoring/index.md
+++ b/files/fr/glossary/real_user_monitoring/index.md
@@ -1,13 +1,7 @@
 ---
 title: Real User Monitoring (RUM)
 slug: Glossary/Real_User_Monitoring
-tags:
-  - Glossaire
-  - Performance Web
-  - RUM
-  - Reference
 translation_of: Glossary/Real_User_Monitoring
-original_slug: Glossaire/Real_User_Monitoring
 ---
 
 Le **Real User Monitoring** ou RUM mesure les performances d'une page à partir des machines des utilisateurs réels. Généralement, un script tiers injecte un script sur chaque page pour mesurer et rapporter les données de chargement de page pour chaque demande effectuée. Cette technique surveille les interactions réelles des utilisateurs d'une apllication. Dans RUM, le script tiers collecte des mesures de performances à partir des navigateurs des utilisateurs réels. RUM permet d'identifier comment une application est utilisée, y compris la répartition géographique des utilisateurs et l'impact de cette distribution sur l'expérience de l'utilisateur final.
diff --git a/files/fr/glossary/recursion/index.md b/files/fr/glossary/recursion/index.md
index 3e6e534f35ecaa..5e269946f124d4 100644
--- a/files/fr/glossary/recursion/index.md
+++ b/files/fr/glossary/recursion/index.md
@@ -1,11 +1,7 @@
 ---
 title: Récursion
 slug: Glossary/Recursion
-tags:
-  - CodingScripting
-  - Glossaire
 translation_of: Glossary/Recursion
-original_slug: Glossaire/Récursion
 ---
 
 Une fonction qui agit en s'appelant elle-même. Une récursion est utilisée pour résoudre des problèmes qui contiennent des sous-problèmes plus petits. Une fonction récursive peut prendre deux entrées : un cas de base (qui met fin à la récursion) ou un cas de propagation (qui poursuit la récursion).
diff --git a/files/fr/glossary/reflow/index.md b/files/fr/glossary/reflow/index.md
index 37429e4cecff5a..92ca86fec6825f 100644
--- a/files/fr/glossary/reflow/index.md
+++ b/files/fr/glossary/reflow/index.md
@@ -1,11 +1,7 @@
 ---
 title: Reflow
 slug: Glossary/Reflow
-tags:
-  - Glossaire
-  - Mécanismes web
 translation_of: Glossary/Reflow
-original_slug: Glossaire/Reflow
 ---
 
 Le **reflow** se produit quand un {{glossary("browser","navigateur")}} doit réarranger et redessiner tout ou partie d'une page web, par exemple, après une mise à jour sur un site interactif.
diff --git a/files/fr/glossary/regular_expression/index.md b/files/fr/glossary/regular_expression/index.md
index d1ce66ad9e18df..d05da1c16d214b 100644
--- a/files/fr/glossary/regular_expression/index.md
+++ b/files/fr/glossary/regular_expression/index.md
@@ -1,12 +1,7 @@
 ---
 title: Expression Régulière
 slug: Glossary/Regular_expression
-tags:
-  - CodingScripting
-  - Glossary
-  - Regular Expression
 translation_of: Glossary/Regular_expression
-original_slug: Glossaire/Regular_expression
 ---
 
 Les **expressions régulières** (ou *regex* en anglais) sont des règles qui gouvernent quelles séquences de caractères ressortent dans une recherche.
diff --git a/files/fr/glossary/rendering_engine/index.md b/files/fr/glossary/rendering_engine/index.md
index c8d037de40dc14..1441b4caa5a7bc 100644
--- a/files/fr/glossary/rendering_engine/index.md
+++ b/files/fr/glossary/rendering_engine/index.md
@@ -1,13 +1,7 @@
 ---
 title: Moteur de rendu
 slug: Glossary/Rendering_engine
-tags:
-  - Glossaire
-  - Infrastructure
-  - Moteur de navigateur web
-  - Moteur de rendu
 translation_of: Glossary/Rendering_engine
-original_slug: Glossaire/Moteur_de_rendu
 ---
 
 Un **moteur de rendu** est un logiciel qui trace du texte et des images à l'écran. Le moteur dessine du texte structuré à partir d'un document (souvent du {{glossary("HTML")}}), et le met en page correctement en se basant sur les déclarations de styles données (souvent indiquées dans des {{glossary("CSS")}}). Exemples de moteurs d'affichage : {{glossary("Blink")}}, {{glossary("Gecko")}}, Edge, {{glossary("WebKit")}}.
diff --git a/files/fr/glossary/repo/index.md b/files/fr/glossary/repo/index.md
index d4f9e65a34f786..daf66833b873b7 100644
--- a/files/fr/glossary/repo/index.md
+++ b/files/fr/glossary/repo/index.md
@@ -1,13 +1,7 @@
 ---
 title: Repo
 slug: Glossary/Repo
-tags:
-  - Dépôt
-  - Glossaire
-  - Infrastructure
-  - Intro
 translation_of: Glossary/Repo
-original_slug: Glossaire/Dépôt
 ---
 
 Dans les systèmes de gestion de versions comme {{Glossary("Git")}} ou {{Glossary("SVN")}} , un dépôt est l'endroit où sont hébergés le code source d'une application ainsi que diverses méta-données.
diff --git a/files/fr/glossary/reporting_directive/index.md b/files/fr/glossary/reporting_directive/index.md
index bfbee6f3e7f975..fba4ab614b7bca 100644
--- a/files/fr/glossary/reporting_directive/index.md
+++ b/files/fr/glossary/reporting_directive/index.md
@@ -1,12 +1,7 @@
 ---
 title: Directive de rapport
 slug: Glossary/Reporting_directive
-tags:
-  - CSP
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Reporting_directive
-original_slug: Glossaire/Directive_de_rapport
 ---
 
 Les **directives de rapports** **{{Glossary("CSP")}}** sont utilisées dans un en-tête {{HTTPHeader("Content-Security-Policy","Politique de sécurité de contenu")}} et contrôlent le processus de génération de rapports sur les violations CSP.
diff --git a/files/fr/glossary/request_header/index.md b/files/fr/glossary/request_header/index.md
index d9f60d05683b1a..27b70caf149c13 100644
--- a/files/fr/glossary/request_header/index.md
+++ b/files/fr/glossary/request_header/index.md
@@ -1,13 +1,7 @@
 ---
 title: En-tête de requête
 slug: Glossary/Request_header
-tags:
-  - En-têtes
-  - Glossaire
-  - HTTP
-  - Mécanismes web
 translation_of: Glossary/Request_header
-original_slug: Glossaire/En-tête_de_requête
 ---
 
 Un **en-tête de requête** est un {{glossary("header","en-tête HTTP")}} qui peut être utilisé dans une requête HTTP et ne concerne pas le contenu du message. Les en-têtes de requête, comme {{HTTPHeader("Accept")}}, {{HTTPHeader("Accept-Language", "Accept-*")}} ou {{HTTPHeader("If-Modified-Since","If-*")}}, permettent d'effectuer des requêtes conditionnelles ; d'autres comme {{HTTPHeader("Cookie")}}, {{HTTPHeader("User-Agent")}} ou {{HTTPHeader("Referer")}} précisent le contexte pour que le serveur adapte la réponse.
diff --git a/files/fr/glossary/response_header/index.md b/files/fr/glossary/response_header/index.md
index c51f9dd501ae93..b25798c1a8d63a 100644
--- a/files/fr/glossary/response_header/index.md
+++ b/files/fr/glossary/response_header/index.md
@@ -1,13 +1,7 @@
 ---
 title: En-tête de réponse
 slug: Glossary/Response_header
-tags:
-  - En-têtes
-  - Glossaire
-  - HTTP
-  - Mécanismes web
 translation_of: Glossary/Response_header
-original_slug: Glossaire/En-têtes_de_réponse
 ---
 
 Un **en-tête de réponse** est un {{glossary("header","en-tête HTTP")}} qui peut être utilisé dans une réponse HTTP et qui ne concerne pas le contenu du message. Les en-têtes de réponse comme {{HTTPHeader("Age")}}, {{HTTPHeader("Location")}} ou {{HTTPHeader("Server")}} sont utilisés pour donner un contexte plus détaillé de la réponse.
diff --git a/files/fr/glossary/responsive_web_design/index.md b/files/fr/glossary/responsive_web_design/index.md
index d0dd5850a3d032..d5c6e5d5ee8114 100644
--- a/files/fr/glossary/responsive_web_design/index.md
+++ b/files/fr/glossary/responsive_web_design/index.md
@@ -1,11 +1,7 @@
 ---
 title: Conception web adaptative
 slug: Glossary/Responsive_web_design
-tags:
-  - Conception
-  - Glossaire
 translation_of: Glossary/Responsive_web_design
-original_slug: Glossaire/Responsive_web_design
 ---
 
 **Conception web adaptative** _(Responsive Web Design_ (**RWD**)) est un concept de développement web concentré sur l'aspect et le comportement optimaux des sites sur tous les appareils informatiques personnels, du bureau au mobile.
diff --git a/files/fr/glossary/rest/index.md b/files/fr/glossary/rest/index.md
index 22b8750dca7af9..6261c596774763 100644
--- a/files/fr/glossary/rest/index.md
+++ b/files/fr/glossary/rest/index.md
@@ -1,13 +1,7 @@
 ---
 title: REST
 slug: Glossary/REST
-tags:
-  - Architecture
-  - Glossaire
-  - HTTP
-  - Mécanismes web
 translation_of: Glossary/REST
-original_slug: Glossaire/REST
 ---
 
 Representational State Transfer (**REST**) désigne un groupe de contraintes concernant l'architecture logicielle destiné à apporter aux systèmes efficacité, fiabilité et scalabilité. Un système est appelé "RESTful" lorsqu'il adhère à ces contraintes.
diff --git a/files/fr/glossary/rgb/index.md b/files/fr/glossary/rgb/index.md
index 64a3f72add1ecf..adc1609ec537f2 100644
--- a/files/fr/glossary/rgb/index.md
+++ b/files/fr/glossary/rgb/index.md
@@ -1,13 +1,7 @@
 ---
 title: RVB
 slug: Glossary/RGB
-tags:
-  - CSS
-  - Conception
-  - Débutant
-  - Guide
 translation_of: Glossary/RGB
-original_slug: Glossaire/RGB
 ---
 
 Rouge Vert Bleu (RVB) est un modèle de couleurs qui représente les couleurs comme étant une combinaison de trois composantes sous-jacentes (ou canaux), à savoir, rouge, verte et bleue. Chaque couleur est décrite par une suite de trois valeurs (en général comprises entre 0,0 et 1,0, ou entre 0 et 255) qui correspondent aux différentes intensités de rouge, vert et bleu contribuant à déterminer la couleur finale.
diff --git a/files/fr/glossary/ril/index.md b/files/fr/glossary/ril/index.md
index 5bd5636b26bae3..273c97a758dcf4 100644
--- a/files/fr/glossary/ril/index.md
+++ b/files/fr/glossary/ril/index.md
@@ -1,15 +1,7 @@
 ---
 title: RIL
 slug: Glossary/RIL
-tags:
-  - Firefox OS
-  - Glossaire
-  - Infrastructure
-  - Intro
-  - Mobile
-  - Téléphonie
 translation_of: Glossary/RIL
-original_slug: Glossaire/RIL
 ---
 
 Le RIL (Radio Interface Layer) est un élément du système d'exploitation mobile qui fait communiquer le logiciel de l'appareil avec le matériel du téléphone, radio ou modem.
diff --git a/files/fr/glossary/rng/index.md b/files/fr/glossary/rng/index.md
index b0321e47000d99..b7cbe92411db81 100644
--- a/files/fr/glossary/rng/index.md
+++ b/files/fr/glossary/rng/index.md
@@ -1,11 +1,7 @@
 ---
 title: Générateur de nombres pseudo-aléatoires
 slug: Glossary/RNG
-tags:
-  - CodingScripting
-  - Glossaire
 translation_of: Glossary/RNG
-original_slug: Glossaire/RNG
 ---
 
 Un **PRNG** (_pseudorandom number generator_, ou générateur de nombres pseudo-aléatoires en français) est un algorithme qui génère des nombres selon une séquence complexe et apparemment non prévisible. Les véritables nombres aléatoires (issus, disons, d'une source radioactive) sont totalement imprévisibles, tandis que les résultats de tous les algorithmes peuvent être prédits, et un PRNG renvoie les mêmes nombres lorsque les mêmes paramètres initiaux ou _graines_ sont utilisés.
diff --git a/files/fr/glossary/robots.txt/index.md b/files/fr/glossary/robots.txt/index.md
index b3296f6ffcf864..890905a7902813 100644
--- a/files/fr/glossary/robots.txt/index.md
+++ b/files/fr/glossary/robots.txt/index.md
@@ -1,11 +1,7 @@
 ---
 title: Robots.txt
 slug: Glossary/Robots.txt
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/Robots.txt
-original_slug: Glossaire/Robots.txt
 ---
 Robots.txt est un fichier qui est habituellement placé à la racine d'un site web. Il détermine si les {{Glossary("crawler", "robots d'indexation")}} ont ou non l'autorisation d'accéder au site web.
 
diff --git a/files/fr/glossary/rss/index.md b/files/fr/glossary/rss/index.md
index 710213e793f229..f3c3a135b7e4db 100644
--- a/files/fr/glossary/rss/index.md
+++ b/files/fr/glossary/rss/index.md
@@ -1,14 +1,7 @@
 ---
 title: RSS
 slug: Glossary/RSS
-tags:
-  - Glossaire
-  - OpenPractices
-  - Partage
-  - RSS
-  - WebMechanics
 translation_of: Glossary/RSS
-original_slug: Glossaire/RSS
 ---
 
 **RSS** (Really Simple Syndication) désigne plusieurs formats de documents XML conçus pour annoncer des mises à jour de sites. Lorsque vous vous inscrivez au flux RSS d'un site web, ce dernier envoie des informations et annonces de mises à jour à votre lecteur RSS dans un document RSS appelé un _flux_, la consultation manuelle de tous vos sites préférés n'est donc plus nécessaire.
diff --git a/files/fr/glossary/rtf/index.md b/files/fr/glossary/rtf/index.md
index dc6f487d491932..b2456ef786a893 100644
--- a/files/fr/glossary/rtf/index.md
+++ b/files/fr/glossary/rtf/index.md
@@ -1,14 +1,7 @@
 ---
 title: RTF
 slug: Glossary/RTF
-tags:
-  - Composing
-  - Format
-  - Glossaire
-  - RTF
-  - Rich Text Format
 translation_of: Glossary/RTF
-original_slug: Glossaire/RTF
 ---
 
 RTF (Rich Text Format) est un format de fichier en texte brut avec prise en charge d'instructions de formatage (comme gras ou italique).
diff --git a/files/fr/glossary/rtl/index.md b/files/fr/glossary/rtl/index.md
index 0bbc0267733989..750a7b373561af 100644
--- a/files/fr/glossary/rtl/index.md
+++ b/files/fr/glossary/rtl/index.md
@@ -2,7 +2,6 @@
 title: rtl
 slug: Glossary/RTL
 translation_of: Glossary/rtl
-original_slug: Glossaire/rtl
 ---
 
 RTL est une propriété de {{glossary("locale")}} indiquant que le texte est écrit de la droite vers la gauche. Par example la {{glossary("locale")}} `he` (pour Hébreu) possède la propriété RTL.
diff --git a/files/fr/glossary/rtp/index.md b/files/fr/glossary/rtp/index.md
index e875565ac44378..591419a0df9843 100644
--- a/files/fr/glossary/rtp/index.md
+++ b/files/fr/glossary/rtp/index.md
@@ -1,13 +1,7 @@
 ---
 title: RTP (Real-time Transport Protocol) and SRTP (Secure RTP)
 slug: Glossary/RTP
-tags:
-  - Glossaire
-  - RTP
-  - Réseau
-  - protocole
 translation_of: Glossary/RTP
-original_slug: Glossaire/RTP
 ---
 
 Le **Real-time Transport Protocol** (**RTP**) est un protocole réseau qui décrit comment transmettre divers médias (audio, vidéo) d'un point de terminaison à un autre en temps réel. RTP convient aux applications de streaming vidéo, à la téléphonie sur {{glossary ("IP")}} comme Skype et aux technologies de conférence.
diff --git a/files/fr/glossary/ruby/index.md b/files/fr/glossary/ruby/index.md
index 7d7955c047d9bd..3bbb0c33fa632e 100644
--- a/files/fr/glossary/ruby/index.md
+++ b/files/fr/glossary/ruby/index.md
@@ -1,12 +1,7 @@
 ---
 title: Ruby
 slug: Glossary/Ruby
-tags:
-  - Glossaire
-  - Programmation
-  - Ruby
 translation_of: Glossary/Ruby
-original_slug: Glossaire/Ruby
 ---
 
 _Ruby_ est un langage de programmation open-source. Dans le domaine du {{glossary("world wide web","web")}}, Ruby est souvent utilisé côté serveur avec le framework _Ruby On Rails_ (ROR) pour développer des applications/sites web.
diff --git a/files/fr/glossary/safe/index.md b/files/fr/glossary/safe/index.md
index 949d4e307f50a0..ace4573b91541b 100644
--- a/files/fr/glossary/safe/index.md
+++ b/files/fr/glossary/safe/index.md
@@ -1,12 +1,7 @@
 ---
 title: Sécurisée
 slug: Glossary/Safe
-tags:
-  - Glossaire
-  - Mécanismes web
-  - Sécurité
 translation_of: Glossary/safe
-original_slug: Glossaire/sécurisée
 ---
 
 Une méthode HTTP est **sécurisée (_safe_)** si elle ne modifie pas l'état du serveur. En d'autres termes, une méthode est sécurisée si elle conduit à une opération en lecture seule. Plusieurs méthodes HTTP courantes sont sécurisées : {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}} ou {{HTTPMethod("OPTIONS")}}. Toutes les méthodes sécurisées sont aussi {{glossary("idempotent","idempotentes")}} ainsi que certaines méthodes non sécurisées comme {{HTTPMethod("PUT")}} ou {{HTTPMethod("DELETE")}}.
diff --git a/files/fr/glossary/same-origin_policy/index.md b/files/fr/glossary/same-origin_policy/index.md
index 5649a083b7a3f9..fec27df5a0da84 100644
--- a/files/fr/glossary/same-origin_policy/index.md
+++ b/files/fr/glossary/same-origin_policy/index.md
@@ -2,7 +2,6 @@
 title: Same-origin policy
 slug: Glossary/Same-origin_policy
 translation_of: Glossary/Same-origin_policy
-original_slug: Glossaire/Same-origin_policy
 ---
 
 La **same-origin policy** (_politique de même origine_) est un mécanisme de sécurité critique qui restreint la manière dont un document ou un script chargé depuis une {{Glossary("origine")}} peut interagir avec une ressource d’une autre origine. Elle aide à isoler les documents potentiellement malicieux, ce qui réduit les vecteurs d’attaque possibles.
diff --git a/files/fr/glossary/scm/index.md b/files/fr/glossary/scm/index.md
index 7b347a608b6cd3..819ac42298a06d 100644
--- a/files/fr/glossary/scm/index.md
+++ b/files/fr/glossary/scm/index.md
@@ -1,12 +1,7 @@
 ---
 title: SCM
 slug: Glossary/SCM
-tags:
-  - CodingScripting
-  - Glossaire
-  - SCM
 translation_of: Glossary/SCM
-original_slug: Glossaire/SCM
 ---
 
 SCM (Source Control Management) est un système de gestion de code source. Habituellement, il s'agit de l'utilisation de logiciels pour gérer les différentes versions des fichiers sources. Un programmeur peut modifier les fichiers de code source sans se préoccuper de l'édition de détails utiles car un SCM conserve la trace des modifications du code source et de qui a fait les modifications.
diff --git a/files/fr/glossary/scope/index.md b/files/fr/glossary/scope/index.md
index b553e7065e9ad4..6447e4a1b03df8 100644
--- a/files/fr/glossary/scope/index.md
+++ b/files/fr/glossary/scope/index.md
@@ -1,11 +1,7 @@
 ---
 title: Portée
 slug: Glossary/Scope
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Scope
-original_slug: Glossaire/Portée
 ---
 
 Le contexte d'{{glossary("exécuter","exécution")}} courant. Le contexte dans lequel les {{glossary("Value","valeurs")}} et **expressions** sont "visibles," ou peuvent être référencées. Si une **{{glossary("variable")}}** ou autre expression n'est pas "dans la portée actuelle", alors son utilisation ne sera pas possible. Les portées peuvent aussi être empilées hiérarchiquement de manière à ce que les portées enfants puissent accéder aux portées parentes, mais pas l'inverse.
diff --git a/files/fr/glossary/sctp/index.md b/files/fr/glossary/sctp/index.md
index 8703ed1f4dbc52..9244004e78da4b 100644
--- a/files/fr/glossary/sctp/index.md
+++ b/files/fr/glossary/sctp/index.md
@@ -1,12 +1,7 @@
 ---
 title: SCTP
 slug: Glossary/SCTP
-tags:
-  - Glossaire
-  - Infrastructure
-  - Protocoles
 translation_of: Glossary/SCTP
-original_slug: Glossaire/SCTP
 ---
 
 **SCTP** (Stream Control Transmission {{glossary("Protocol")}}) est un standard {{Glossary ("IETF")}} pour un protocole de transport qui permet la transmission fiable et en ordre des messages tout en offrant un contrôle d'encombrement, de multiples autoguidages et d'autres fonctionnalités pour améliorer la fiabilité et la stabilité de la connexion. Il est utilisé pour envoyer des appels téléphoniques traditionnels sur Internet, mais il est également utilisé pour les données {{Glossary("WebRTC")}}.
diff --git a/files/fr/glossary/sdp/index.md b/files/fr/glossary/sdp/index.md
index 3e8ef72272b73b..ea579b39ec78ac 100644
--- a/files/fr/glossary/sdp/index.md
+++ b/files/fr/glossary/sdp/index.md
@@ -1,15 +1,7 @@
 ---
 title: SDP
 slug: Glossary/SDP
-tags:
-  - Avancé
-  - Collaboratif
-  - Glossaire
-  - Infrastructure
-  - WebRTC
-  - protocole
 translation_of: Glossary/SDP
-original_slug: Glossaire/SDP
 ---
 
 **SDP** (Session Description {{glossary("Protocol")}}) est le standard décrivant une connexion {{Glossary("P2P","pair-à-pair")}}. SDP contient le {{Glossary("codec")}}, l'adresse source, et des informations temporelles pour l'audio et la vidéo.
diff --git a/files/fr/glossary/search_engine/index.md b/files/fr/glossary/search_engine/index.md
index 5ed7da75da93c7..091cca74e20f91 100644
--- a/files/fr/glossary/search_engine/index.md
+++ b/files/fr/glossary/search_engine/index.md
@@ -1,15 +1,7 @@
 ---
 title: Moteur de recherche
 slug: Glossary/Search_engine
-tags:
-  - Glossaire
-  - Moteur de recherche
-  - Mécanismes web
-  - Navigation
-  - Recherche
-  - Web
 translation_of: Glossary/Search_engine
-original_slug: Glossaire/Moteur_de_recherche
 ---
 
 Un moteur de recherche est un système logiciel qui collecte des informations à partir du {{Glossary("World Wide Web")}} et qui les présente aux utilisateurs qui recherchent des informations spécifiques.
diff --git a/files/fr/glossary/second-level_domain/index.md b/files/fr/glossary/second-level_domain/index.md
index 5876681e51a36a..13e77f4ad21b83 100644
--- a/files/fr/glossary/second-level_domain/index.md
+++ b/files/fr/glossary/second-level_domain/index.md
@@ -2,7 +2,6 @@
 title: Domaine de deuxième niveau
 slug: Glossary/Second-level_Domain
 translation_of: Glossary/Second-level_Domain
-original_slug: Glossaire/Domaine_deuxième-niveau
 ---
 
 Un domaine de deuxième niveau ou un SLD (<i lang="en">Second Level Domain</i>) est la partie du nom de domaine qui est hiérarchiquement directement sous un [TLD (<i lang="en">Top Level Domain</i>)](/fr/docs/Glossary/TLD).
diff --git a/files/fr/glossary/self-executing_anonymous_function/index.md b/files/fr/glossary/self-executing_anonymous_function/index.md
index ab853f5ec62337..f08d4e22492254 100644
--- a/files/fr/glossary/self-executing_anonymous_function/index.md
+++ b/files/fr/glossary/self-executing_anonymous_function/index.md
@@ -1,10 +1,7 @@
 ---
 title: Fonction anonyme auto-exécutante
 slug: Glossary/Self-Executing_Anonymous_Function
-tags:
-  - Glossary
 translation_of: Glossary/Self-Executing_Anonymous_Function
-original_slug: Glossaire/fonction_anonyme_auto-executante
 ---
 
 Une {{glossary("fonction")}} {{glossary("JavaScript")}} qui se lance dès qu'elle est définie. Aussi connu en tant que IIFE (_Immediately Invoked Function Expression_ ou Expression-fonction immédiatement invoquée).
diff --git a/files/fr/glossary/semantics/index.md b/files/fr/glossary/semantics/index.md
index 685366deb5fe21..36a1cc6cdad12d 100644
--- a/files/fr/glossary/semantics/index.md
+++ b/files/fr/glossary/semantics/index.md
@@ -1,13 +1,7 @@
 ---
 title: Sémantique
 slug: Glossary/Semantics
-tags:
-  - Glossaire
-  - HTML
-  - Programmation
-  - sémantique
 translation_of: Glossary/Semantics
-original_slug: Glossaire/Sémantique
 ---
 
 En programmation, la **sémantique** fait référence au sens d'une partie de code — par exemple "quel effet aura l'exécution de cette ligne de JavaScript ?", ou "quel est le rôle ou le but de cet élément HTML" (plutôt que "à quoi ressemble-t-il ?".)
diff --git a/files/fr/glossary/seo/index.md b/files/fr/glossary/seo/index.md
index 9a682453a8e931..fd4a7963cf691b 100644
--- a/files/fr/glossary/seo/index.md
+++ b/files/fr/glossary/seo/index.md
@@ -1,13 +1,7 @@
 ---
 title: SEO
 slug: Glossary/SEO
-tags:
-  - Glossaire
-  - Mécanismes web
-  - Recherches
-  - Visibilité
 translation_of: Glossary/SEO
-original_slug: Glossaire/SEO
 ---
 
 **SEO** (Search Engine Optimization ou, en français, _Optimisation pour les moteurs de recherche_) est le processus permettant de rendre un site web plus visible dans les résultats de recherche, également appelé amélioration des classements de recherche.
diff --git a/files/fr/glossary/serialization/index.md b/files/fr/glossary/serialization/index.md
index ff7e9aec6ad12b..7da72f801d6a21 100644
--- a/files/fr/glossary/serialization/index.md
+++ b/files/fr/glossary/serialization/index.md
@@ -1,14 +1,7 @@
 ---
 title: Sérialisation
 slug: Glossary/Serialization
-tags:
-  - CSS
-  - Encodage
-  - Glossaire
-  - JavaScript
-  - Sérialisation
 translation_of: Glossary/Serialization
-original_slug: Glossaire/Sérialisation
 ---
 
 Le processus par lequel un objet ou une structure de données est traduit dans un format approprié pour un transfert sur un réseau, ou un stockage (par exemple dans un tampon de tableau ou un format de fichier).
diff --git a/files/fr/glossary/server/index.md b/files/fr/glossary/server/index.md
index b5625e5e1cb755..7e8d9018444210 100644
--- a/files/fr/glossary/server/index.md
+++ b/files/fr/glossary/server/index.md
@@ -1,14 +1,7 @@
 ---
 title: Serveur
 slug: Glossary/Server
-tags:
-  - Glossaire
-  - Infrastructure
-  - Réseau
-  - Serveur
-  - protocole
 translation_of: Glossary/Server
-original_slug: Glossaire/Serveur
 ---
 
 Un serveur matériel est un ordinateur partagé sur un réseau qui fournit des services à des clients. Un serveur logiciel est un programme qui fournit des services à des programmes clients.
diff --git a/files/fr/glossary/session_hijacking/index.md b/files/fr/glossary/session_hijacking/index.md
index 79ec45f9caa19c..f89f0b64e20342 100644
--- a/files/fr/glossary/session_hijacking/index.md
+++ b/files/fr/glossary/session_hijacking/index.md
@@ -1,12 +1,7 @@
 ---
 title: Détournement de session
 slug: Glossary/Session_Hijacking
-tags:
-  - Attaques
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Session_Hijacking
-original_slug: Glossaire/Détournement_de_session
 ---
 
 **Le détournement de session** se produit lorsqu'un attaquant prend le contrôle d'une session valide entre deux ordinateurs. L'attaquant vole un identifiant de session valide afin de pénétrer dans le système et de fouiller les données.
diff --git a/files/fr/glossary/sgml/index.md b/files/fr/glossary/sgml/index.md
index 9a67c9bb85d61e..5bc6c738a3309e 100644
--- a/files/fr/glossary/sgml/index.md
+++ b/files/fr/glossary/sgml/index.md
@@ -1,12 +1,7 @@
 ---
 title: SGML
 slug: Glossary/SGML
-tags:
-  - Glossaire
-  - Programmation
-  - SGML
 translation_of: Glossary/SGML
-original_slug: SGML
 ---
 
 **SGML** (_Standard Generalized Markup Language_) est une spécification {{glossary("ISO")}} pour définir des langages de balisage générique pour des documents.
diff --git a/files/fr/glossary/shim/index.md b/files/fr/glossary/shim/index.md
index 009fd0f5674a1c..4ca9b02b0bd266 100644
--- a/files/fr/glossary/shim/index.md
+++ b/files/fr/glossary/shim/index.md
@@ -1,11 +1,7 @@
 ---
 title: Shim
 slug: Glossary/Shim
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Shim
-original_slug: Glossaire/Shim
 ---
 
 Un **shim** est un morceau de code utilisé pour corriger le comportement du code qui existe déjà, généralement en ajoutant une nouvelle API qui contourne le problème. Cela diffère d'un {{Glossary("polyfill")}} qui implémente une nouvelle API non supportée par le navigateur de stock tel qu'il est livré.
diff --git a/files/fr/glossary/signature/function/index.md b/files/fr/glossary/signature/function/index.md
index 45038c3a27dd5c..6a824efff2d34d 100644
--- a/files/fr/glossary/signature/function/index.md
+++ b/files/fr/glossary/signature/function/index.md
@@ -1,13 +1,7 @@
 ---
 title: Signature (fonctions)
 slug: Glossary/Signature/Function
-tags:
-  - Glossaire
-  - Java
-  - JavaScript
-  - Programmation
 translation_of: Glossary/Signature/Function
-original_slug: Glossaire/Signature/Fonction
 ---
 
 Une **signature de fonction** (ou signature de _type_, ou signature de _méthode_) définit les entrées et sorties des {{Glossary("Function", "fonctions")}} et des {{Glossary("Method", "méthodes")}}.
diff --git a/files/fr/glossary/signature/index.md b/files/fr/glossary/signature/index.md
index cec454f8a9aeb5..f703ed666a4fb0 100644
--- a/files/fr/glossary/signature/index.md
+++ b/files/fr/glossary/signature/index.md
@@ -1,11 +1,7 @@
 ---
 title: Signature
 slug: Glossary/Signature
-tags:
-  - Glossaire
-  - Homonymie
 translation_of: Glossary/Signature
-original_slug: Glossaire/Signature
 ---
 
 Le terme **signature** peut avoir plusieurs significations selon le contexte. Il peut s'agir de :
diff --git a/files/fr/glossary/signature/security/index.md b/files/fr/glossary/signature/security/index.md
index 7c470792d8858b..123c726ebf4229 100644
--- a/files/fr/glossary/signature/security/index.md
+++ b/files/fr/glossary/signature/security/index.md
@@ -1,13 +1,7 @@
 ---
 title: Signature (sécurité)
 slug: Glossary/Signature/Security
-tags:
-  - Confidentialité
-  - Cryptographie
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Signature/Security
-original_slug: Glossaire/Signature/Sécurité
 ---
 
 Une **signature**, ou _signature numérique_, est un {{glossary("protocol","protocole")}} montrant l'authenticité d'un message.
diff --git a/files/fr/glossary/simd/index.md b/files/fr/glossary/simd/index.md
index 6cde568c916728..60642e217c3240 100644
--- a/files/fr/glossary/simd/index.md
+++ b/files/fr/glossary/simd/index.md
@@ -1,12 +1,7 @@
 ---
 title: SIMD
 slug: Glossary/SIMD
-tags:
-  - CodingScripting
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/SIMD
-original_slug: Glossaire/SIMD
 ---
 
 SIMD (prononcé "seem-dee") est l'acronyme de **Single Instruction/Multiple Data** (instruction unique/données multiples) qui est une des [catégories d'architecture d'ordinateurs](https://fr.wikipedia.org/wiki/Taxonomie_de_Flynn). SIMD permet à une même opération d'être réalisée sur plusieurs données, ce qui résulte en une parallélisation au niveau des données et par conséquent apporte un gain de performances, par exemple dans le traitement de graphismes 3D ou vidéo, dans les simulations physiques ou la cryptographie et d'autres domaines encore.
diff --git a/files/fr/glossary/simple_header/index.md b/files/fr/glossary/simple_header/index.md
index d7569bf6b6bc2c..57bcd56bbb0ec9 100644
--- a/files/fr/glossary/simple_header/index.md
+++ b/files/fr/glossary/simple_header/index.md
@@ -1,13 +1,7 @@
 ---
 title: En-tête simple
 slug: Glossary/Simple_header
-tags:
-  - CORS
-  - En-têtes
-  - Glossaire
-  - HTTP
 translation_of: Glossary/Simple_header
-original_slug: Glossaire/En-tête_simple
 ---
 
 Un _en-tête simple_ (ou en-tête de requête sécurisé CORS) est l'un des [en-têtes HTTP](/fr/docs/HTTP/Headers) suivants :
diff --git a/files/fr/glossary/simple_response_header/index.md b/files/fr/glossary/simple_response_header/index.md
index 4991423dc35a2d..ce9a226c0b69e9 100644
--- a/files/fr/glossary/simple_response_header/index.md
+++ b/files/fr/glossary/simple_response_header/index.md
@@ -1,12 +1,7 @@
 ---
 title: En-tête de réponse simple
 slug: Glossary/Simple_response_header
-tags:
-  - En-têtes
-  - Glossaire
-  - HTTP
 translation_of: Glossary/Simple_response_header
-original_slug: Glossaire/En-tête_de_réponse_simple
 ---
 
 Un _en-tête de réponse simple_ (ou un en-tête de réponse sécurisé _CORS_) est un [en-tête HTTP](/fr/docs/HTTP/Headers) qui a été sécurisé pour ne pas être filtré lorsque les réponses sont traitées par CORS, car elles sont considérées comme sûres (comme les en-têtes listés dans {{HTTPHeader("Access-Control-Expose-Headers")}}). Par défaut, la liste des réponses sûres inclut les en-têtes de réponse suivants :
diff --git a/files/fr/glossary/sisd/index.md b/files/fr/glossary/sisd/index.md
index 5060d42ff21293..fff580b4c8e31b 100644
--- a/files/fr/glossary/sisd/index.md
+++ b/files/fr/glossary/sisd/index.md
@@ -1,11 +1,7 @@
 ---
 title: SISD
 slug: Glossary/SISD
-tags:
-  - CodingScripting
-  - Glossaire
 translation_of: Glossary/SISD
-original_slug: Glossaire/SISD
 ---
 
 SISD signifie **Single Instruction/Single Data** et est une des [catégories d'architecture d'ordinateurs](https://fr.wikipedia.org/wiki/Taxonomie_de_Flynn). Avec une architecture SISD, un processeur unique exécute une instruction unique et opère sur un flux de données unique en mémoire.
diff --git a/files/fr/glossary/site_map/index.md b/files/fr/glossary/site_map/index.md
index 9a1ae3163d37b1..1bc80209a32d74 100644
--- a/files/fr/glossary/site_map/index.md
+++ b/files/fr/glossary/site_map/index.md
@@ -1,13 +1,7 @@
 ---
 title: Site map
 slug: Glossary/Site_map
-tags:
-  - Accessibilité
-  - Chercher
-  - Glossaire
-  - Site map
 translation_of: Glossary/Site_map
-original_slug: Glossaire/Site_map
 ---
 
 Une **site map** ou **sitemap** est une liste de pages d'un site web, un plan du site. Les listes structurées de la page d'un site aident à l'[optimisation des moteurs de recherche](/fr/docs/Glossary/SEO), en fournissant un lien aux robots d'exploration tels que les moteurs de recherche à suivre. Les site maps aident également les utilisateurs à naviguer sur le site en fournissant un aperçu du contenu d'un site en un seul coup d'œil.
diff --git a/files/fr/glossary/sld/index.md b/files/fr/glossary/sld/index.md
index 4a2cd2e7c8e5b3..8beaa2c56deb16 100644
--- a/files/fr/glossary/sld/index.md
+++ b/files/fr/glossary/sld/index.md
@@ -1,11 +1,7 @@
 ---
 title: SLD
 slug: Glossary/SLD
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/SLD
-original_slug: Glossaire/SLD
 ---
 
 Un SLD (Second Level Domain) est un domaine qui est hiérarchiquement directement sous un {{Glossary("TLD")}}.
diff --git a/files/fr/glossary/sloppy_mode/index.md b/files/fr/glossary/sloppy_mode/index.md
index ff5e01dab8bd22..0a38cef34c459d 100644
--- a/files/fr/glossary/sloppy_mode/index.md
+++ b/files/fr/glossary/sloppy_mode/index.md
@@ -1,11 +1,7 @@
 ---
 title: Sloppy mode
 slug: Glossary/Sloppy_mode
-tags:
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/Sloppy_mode
-original_slug: Glossaire/Sloppy_mode
 ---
 
 En {{Glossary ("ECMAScript")}} 5 et plus tard, les scripts optent pour un nouveau [mode strict](/fr/docs/Web/JavaScript/Reference/Strict_mode), qui modifie la sémantique de JavaScript de plusieurs façons pour améliorer sa résilience et qui facilite la compréhension de ce qui se passe en cas de problème .
diff --git a/files/fr/glossary/slug/index.md b/files/fr/glossary/slug/index.md
index 2c95037651379e..965663765c048f 100644
--- a/files/fr/glossary/slug/index.md
+++ b/files/fr/glossary/slug/index.md
@@ -1,11 +1,7 @@
 ---
 title: Slug
 slug: Glossary/Slug
-tags:
-  - Glossaire
-  - URL
 translation_of: Glossary/Slug
-original_slug: Glossaire/Slug
 ---
 
 Un Slug est la partie d'identification unique d'une adresse Web, généralement à la fin de l'URL. Dans le contexte de MDN, c'est la partie de l'URL qui suit "_\<locale>/docs/_".
diff --git a/files/fr/glossary/smoke_test/index.md b/files/fr/glossary/smoke_test/index.md
index 7f1a777fadcb1a..80a3101fe186cf 100644
--- a/files/fr/glossary/smoke_test/index.md
+++ b/files/fr/glossary/smoke_test/index.md
@@ -1,11 +1,7 @@
 ---
 title: Test de fumée
 slug: Glossary/Smoke_Test
-tags:
-  - Glossaire
-  - tests
 translation_of: Glossary/Smoke_Test
-original_slug: Glossaire/Test_de_fumée
 ---
 
 Un test de fumée (_Smoke test_) consiste en des tests fonctionnels ou unitaires de fonctions logicielles critiques. Les tests de fumée viennent avant d'autres tests approfondis.
diff --git a/files/fr/glossary/smtp/index.md b/files/fr/glossary/smtp/index.md
index 4fe73e8e63167c..ff7e0210a088fe 100644
--- a/files/fr/glossary/smtp/index.md
+++ b/files/fr/glossary/smtp/index.md
@@ -1,14 +1,7 @@
 ---
 title: SMTP
 slug: Glossary/SMTP
-tags:
-  - Collaboration
-  - Débutant
-  - Glossaire
-  - Infrastructure
-  - Partage
 translation_of: Glossary/SMTP
-original_slug: Glossaire/SMTP
 ---
 
 **SMTP** (Simple Mail Transfer Protocol) est un {{glossary("protocol","protocole")}} utilisé pour envoyer un nouveau courriel. Tout comme [POP3](/fr/docs/Glossaire/POP) et [NNTP](/fr/docs/Glossaire/NNTP), il s'agit d'un protocole piloté par une {{Glossary("state machine","machine d'état")}}.
diff --git a/files/fr/glossary/soap/index.md b/files/fr/glossary/soap/index.md
index 7bd2767f6e7265..524b4f36872b7e 100644
--- a/files/fr/glossary/soap/index.md
+++ b/files/fr/glossary/soap/index.md
@@ -1,13 +1,7 @@
 ---
 title: SOAP
 slug: Glossary/SOAP
-tags:
-  - Glossaire
-  - Infrastructure
-  - SOAP
-  - WebMechanics
 translation_of: Glossary/SOAP
-original_slug: Glossaire/SOAP
 ---
 
 **SOAP** (Simple Object Access Protocol) est un {{glossary("Protocol","protocole")}} de transmission de données au format {{glossary('XML')}}. {{glossary('Mozilla Firefox','Firefox')}} a supprimé le support de SOAP en 2008.
diff --git a/files/fr/glossary/specification/index.md b/files/fr/glossary/specification/index.md
index 2804c47a94705a..d8a3e6a42f9c1a 100644
--- a/files/fr/glossary/specification/index.md
+++ b/files/fr/glossary/specification/index.md
@@ -1,11 +1,7 @@
 ---
 title: Spécification
 slug: Glossary/Specification
-tags:
-  - Glossaire
-  - Normes
 translation_of: Glossary/Specification
-original_slug: Glossaire/Specification
 ---
 
 Une **spécification** est un document qui décrit en détail les fonctionnalités ou attributs que doit avoir un produit avant livraison. Dans le contexte de la description du web, le terme «spécification» (souvent abrégé simplement «spec») signifie généralement un document décrivant un langage, une technologie ou un {{Glossary("API")}} qui constituent l'ensemble complet des technologies web ouvertes.
diff --git a/files/fr/glossary/speculative_parsing/index.md b/files/fr/glossary/speculative_parsing/index.md
index 7e21881ac72ecf..34866f4a7f4904 100644
--- a/files/fr/glossary/speculative_parsing/index.md
+++ b/files/fr/glossary/speculative_parsing/index.md
@@ -1,15 +1,7 @@
 ---
 title: Optimisation des pages pour l'analyse spéculative
 slug: Glossary/Speculative_parsing
-tags:
-  - Avancé
-  - Cookies
-  - Développement Web
-  - HTML
-  - HTML5
-  - NeedsUpdate
 translation_of: Glossary/speculative_parsing
-original_slug: Web/HTML/Optimizing_your_pages_for_speculative_parsing
 ---
 
 Traditionnellement dans les navigateurs, l'analyseur HTML a été exécuté sur le fil principal et a été bloqué après une balise `</script>` jusqu'à ce que le script ait été extrait du réseau et exécuté. L'analyseur HTML dans Firefox 4 et versions ultérieures prend en charge l'analyse spéculative sur le fil principal. Il analyse "en avant" pendant que les scripts sont téléchargés et exécutés. Comme dans Firefox 3.5 et 3.6, l'analyseur HTML lance des chargements spéculatifs pour les scripts, les feuilles de style et les images qu'il trouve à l'avance dans le flux. Toutefois, dans Firefox 4 et versions ultérieures, l'analyseur HTML exécute également l'algorithme de construction de l'arborescence HTML de manière spéculative. L'avantage est que lorsqu'une spéculation réussit, il n'est pas nécessaire d'analyser la partie du fichier entrant qui a déjà été analysée pour les scripts, les feuilles de style et les images. L'inconvénient est qu'il y a plus de travail perdu quand la spéculation échoue.
diff --git a/files/fr/glossary/sql/index.md b/files/fr/glossary/sql/index.md
index 9b43cc979b282d..64ecc75ab6b548 100644
--- a/files/fr/glossary/sql/index.md
+++ b/files/fr/glossary/sql/index.md
@@ -1,13 +1,7 @@
 ---
 title: SQL
 slug: Glossary/SQL
-tags:
-  - CodingScripting
-  - Database
-  - Glossary
-  - Sql
 translation_of: Glossary/SQL
-original_slug: Glossaire/SQL
 ---
 
 **SQL** (Structured Query Language) est un langage normalisé pour mettre à jour, récupérer et calculer des données dans les tables d'une base de données.
diff --git a/files/fr/glossary/sql_injection/index.md b/files/fr/glossary/sql_injection/index.md
index 5f735e79360c10..a7b7c0fa796e90 100644
--- a/files/fr/glossary/sql_injection/index.md
+++ b/files/fr/glossary/sql_injection/index.md
@@ -1,13 +1,7 @@
 ---
 title: Injection SQL
 slug: Glossary/SQL_Injection
-tags:
-  - Attaques
-  - Glossaire
-  - Sql
-  - Sécurité
 translation_of: Glossary/SQL_Injection
-original_slug: Glossaire/Injection_SQL
 ---
 
 L'injection SQL tire parti des applications web qui ne parviennent pas à valider les entrées utilisateur. Les pirates peuvent transmettre des commandes SQL via l'application web de manière malveillante pour exécution par une base de données principale.
diff --git a/files/fr/glossary/sri/index.md b/files/fr/glossary/sri/index.md
index 8b35569e929419..b5dfa38a247a41 100644
--- a/files/fr/glossary/sri/index.md
+++ b/files/fr/glossary/sri/index.md
@@ -1,11 +1,7 @@
 ---
 title: SRI
 slug: Glossary/SRI
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/SRI
-original_slug: Glossaire/SRI
 ---
 
 **Subresource Integrity** (SRI) (_intégrité des sous-ressources_) est une fonctionnalité de sécurité qui permet aux navigateurs de vérifier que les fichiers qu'ils récupèrent (par exemple, à partir d'un {{Glossary("CDN")}}) sont livrés sans manipulation inattendue. Cela fonctionne en vous permettant de fournir un hachage cryptographique auquel un fichier récupéré doit correspondre.
diff --git a/files/fr/glossary/ssl/index.md b/files/fr/glossary/ssl/index.md
index 65434a4f7cc737..297430f5cf4b40 100644
--- a/files/fr/glossary/ssl/index.md
+++ b/files/fr/glossary/ssl/index.md
@@ -1,11 +1,7 @@
 ---
 title: SSL
 slug: Glossary/SSL
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/SSL
-original_slug: Glossaire/SSL_Glossary
 ---
 
 SSL (Secure Sockets Layer) est un protocole standard qui garantit que la communication entre deux applications informatiques est privée et sécurisée (ne peut être ni lue ni modifiée par des observateurs extérieurs). C'est la base du protocole {{Glossary("TLS")}}.
diff --git a/files/fr/glossary/stacking_context/index.md b/files/fr/glossary/stacking_context/index.md
index a13259dec97229..5f22da9cfd3878 100644
--- a/files/fr/glossary/stacking_context/index.md
+++ b/files/fr/glossary/stacking_context/index.md
@@ -1,12 +1,7 @@
 ---
 title: Contexte d'empilement
 slug: Glossary/Stacking_context
-tags:
-  - CSS
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Stacking_context
-original_slug: Glossaire/Contexte_d_empilement
 ---
 
 **Le contexte d'empilement** renvoie à la façon dont les éléments d'une page web semblent se superposer à d'autres éléments, tout comme vous pouvez placer les fiches sur votre bureau côte à côte ou se chevauchant.
diff --git a/files/fr/glossary/state_machine/index.md b/files/fr/glossary/state_machine/index.md
index ed4e18eecede0a..9a053051448a14 100644
--- a/files/fr/glossary/state_machine/index.md
+++ b/files/fr/glossary/state_machine/index.md
@@ -1,11 +1,7 @@
 ---
 title: Machine d'état
 slug: Glossary/State_machine
-tags:
-  - Glossaire
-  - états
 translation_of: Glossary/State_machine
-original_slug: Glossaire/Machine_d_état
 ---
 
 Une machine d'état est une abstraction mathématique utilisée pour concevoir des algorithmes. Une machine d'état lit un ensemble d'entrées et passe à un état différent en fonction de ces entrées.
diff --git a/files/fr/glossary/statement/index.md b/files/fr/glossary/statement/index.md
index f36629e101e9e9..a9c71ca7010603 100644
--- a/files/fr/glossary/statement/index.md
+++ b/files/fr/glossary/statement/index.md
@@ -1,12 +1,7 @@
 ---
 title: Instruction
 slug: Glossary/Statement
-tags:
-  - CodingScripting
-  - Débutant
-  - Glossaire
 translation_of: Glossary/Statement
-original_slug: Glossaire/Statement
 ---
 
 Dans un langage de programmation informatique, une **instruction** est une ligne de code dictant une tâche. Tout programme consiste en une séquence d'instructions.
diff --git a/files/fr/glossary/static_typing/index.md b/files/fr/glossary/static_typing/index.md
index 513fc094402f9c..f524cd0582ffd1 100644
--- a/files/fr/glossary/static_typing/index.md
+++ b/files/fr/glossary/static_typing/index.md
@@ -1,12 +1,7 @@
 ---
 title: Typage statique
 slug: Glossary/Static_typing
-tags:
-  - Glossaire
-  - Programmation
-  - Type
 translation_of: Glossary/Static_typing
-original_slug: Glossaire/typage_statique
 ---
 
 Un langage à **typage statique** est un langage (comme Java, C ou C++) avec lequel les types des variables sont connus lors de la compilation et doivent être spécifiés expressément par le programmeur. Dans la plupart de ces langages, les types doivent être expressément indiqués par le programmeur ; dans d'autres cas (comme OCaml), l'inférence de type permet au programmeur de ne pas indiquer les types de variables.
diff --git a/files/fr/glossary/string/index.md b/files/fr/glossary/string/index.md
index 8bd35609a1d284..1ef5e43fbced9d 100644
--- a/files/fr/glossary/string/index.md
+++ b/files/fr/glossary/string/index.md
@@ -1,13 +1,7 @@
 ---
 title: Chaîne de caractères
 slug: Glossary/String
-tags:
-  - Chaîne de caractères
-  - Débutant
-  - Glossaire
-  - String
 translation_of: Glossary/String
-original_slug: Glossaire/String
 ---
 
 Dans les langages de programmation, le terme chaîne de {{Glossary("character","caractères")}} _(String_) est utilisé pour représenter du texte.
diff --git a/files/fr/glossary/stun/index.md b/files/fr/glossary/stun/index.md
index fec1e5c0bcd01f..b57d0cf61c2309 100644
--- a/files/fr/glossary/stun/index.md
+++ b/files/fr/glossary/stun/index.md
@@ -1,14 +1,7 @@
 ---
 title: STUN
 slug: Glossary/STUN
-tags:
-  - Glossaire
-  - Infrastructure
-  - STUN
-  - WebMechanics
-  - WebRTC
 translation_of: Glossary/STUN
-original_slug: Glossaire/STUN
 ---
 
 **STUN** (Session Traversal Utilities for NAT) est un protocole auxiliaire servant à transmettre des données dans un environnement avec du {{glossary("NAT")}} (Network Address Translator). STUN retourne l'{{glossary("IP address","adresse IP")}}, le {{glossary("port")}} et l'état de la connectivité d'un ordinateur en réseau derrière un NAT.
diff --git a/files/fr/glossary/stylesheet/index.md b/files/fr/glossary/stylesheet/index.md
index 52980439169a2a..f305a849e387bd 100644
--- a/files/fr/glossary/stylesheet/index.md
+++ b/files/fr/glossary/stylesheet/index.md
@@ -1,9 +1,6 @@
 ---
 title: Feuille de style
 slug: Glossary/Stylesheet
-tags:
-  - Glossary
-  - StyleSheet
 translation_of: Glossary/Stylesheet
 ---
 
diff --git a/files/fr/glossary/svg/index.md b/files/fr/glossary/svg/index.md
index 61dbdfc5cd4b0d..f56d03a1248e7c 100644
--- a/files/fr/glossary/svg/index.md
+++ b/files/fr/glossary/svg/index.md
@@ -1,14 +1,7 @@
 ---
 title: SVG
 slug: Glossary/SVG
-tags:
-  - Débutant
-  - Encodage
-  - Glossaire
-  - Graphismes
-  - SVG
 translation_of: Glossary/SVG
-original_slug: Glossaire/SVG
 ---
 
 _Scalable Vector Graphics_ (**SVG**) est un format d'image vectorielle 2D basé sur une syntaxe {{Glossary("XML")}}.
diff --git a/files/fr/glossary/svn/index.md b/files/fr/glossary/svn/index.md
index 5e9bcc726bf037..3f7a6dd10c1c13 100644
--- a/files/fr/glossary/svn/index.md
+++ b/files/fr/glossary/svn/index.md
@@ -1,12 +1,7 @@
 ---
 title: SVN
 slug: Glossary/SVN
-tags:
-  - Collaboratif
-  - Glossaire
-  - SVN
 translation_of: Glossary/SVN
-original_slug: Glossaire/SVN
 ---
 
 **SVN** (pour Apache Subversion) est un logiciel libre de gestion du contrôle de système ({{Glossary("SCM")}}). Il permet aux développeurs de conserver un historique des modifications de texte et de code. Bien que SVN puisse également gérer les fichiers binaires, nous ne vous recommandons pas de l'utiliser pour de tels fichiers.
diff --git a/files/fr/glossary/symmetric-key_cryptography/index.md b/files/fr/glossary/symmetric-key_cryptography/index.md
index d6a394d945a8ef..9bb464a57e0298 100644
--- a/files/fr/glossary/symmetric-key_cryptography/index.md
+++ b/files/fr/glossary/symmetric-key_cryptography/index.md
@@ -1,11 +1,6 @@
 ---
 title: Chiffrement par clé symétrique
 slug: Glossary/Symmetric-key_cryptography
-tags:
-  - Cryptography
-  - Glossary
-  - Security
-  - Symmetric-key cryptography
 translation_of: Glossary/Symmetric-key_cryptography
 ---
 
diff --git a/files/fr/glossary/synchronous/index.md b/files/fr/glossary/synchronous/index.md
index 16f0818e74b986..37dce9b252de91 100644
--- a/files/fr/glossary/synchronous/index.md
+++ b/files/fr/glossary/synchronous/index.md
@@ -1,12 +1,7 @@
 ---
 title: Synchrone
 slug: Glossary/Synchronous
-tags:
-  - Glossaire
-  - Mécanismes web
-  - Web
 translation_of: Glossary/Synchronous
-original_slug: Glossaire/Synchronous
 ---
 
 _Synchrone_ fait référence à une communication en temps réel pendant laquelle chaque partie reçoit les messages (et, si nécessaire, les traite et y répond) dès que possible après qu'ils aient été envoyés.
diff --git a/files/fr/glossary/syntax/index.md b/files/fr/glossary/syntax/index.md
index b1e8205f1b2e4f..85fd76cbf67485 100644
--- a/files/fr/glossary/syntax/index.md
+++ b/files/fr/glossary/syntax/index.md
@@ -1,12 +1,7 @@
 ---
 title: Syntaxe
 slug: Glossary/Syntax
-tags:
-  - Encodage
-  - Glossaire
-  - Syntaxe
 translation_of: Glossary/Syntax
-original_slug: Glossaire/Syntaxe
 ---
 
 La syntaxe définit les séquences et combinaisons de {{Glossary("Character","caractères")}} requises pour créer du code correctement structuré. La syntaxe diffère d'un langage à l'autre (e.g., la syntaxe est différente en {{Glossary("HTML")}} et en {{Glossary("JavaScript")}}). La syntaxe s'applique à la fois aux langages de programmation (commandes données à l'ordinateur) et aux langages de balisage (informations sur la structure de documents).
diff --git a/files/fr/glossary/syntax_error/index.md b/files/fr/glossary/syntax_error/index.md
index 1b51f20d19d3d1..2a517b328abc0c 100644
--- a/files/fr/glossary/syntax_error/index.md
+++ b/files/fr/glossary/syntax_error/index.md
@@ -1,11 +1,7 @@
 ---
 title: Erreur de syntaxe
 slug: Glossary/Syntax_error
-tags:
-  - CodingScripting
-  - Glossaire
 translation_of: Glossary/Syntax_error
-original_slug: Glossaire/Syntax_error
 ---
 
 Une {{Glossary("exception")}} provoquée par l'usage incorrect d'une {{Glossary("syntaxe")}} prédéfinie. Les erreurs de syntaxe sont détectées au cours de la compilation ou de l'interprétation du code source. Par exemple, si vous oubliez de fermer une accolade (`}`) lors de la définition d'une fonction {{Glossary("JavaScript")}}, vous déclencherez une erreur de syntaxe. Les outils de développement des navigateurs affichent les erreurs de syntaxe {{Glossary("JavaScript")}} et {{Glossary("CSS")}} dans la console.
diff --git a/files/fr/glossary/tag/index.md b/files/fr/glossary/tag/index.md
index 8611f3ea3d8179..b341aa537b90ea 100644
--- a/files/fr/glossary/tag/index.md
+++ b/files/fr/glossary/tag/index.md
@@ -1,12 +1,7 @@
 ---
 title: Balise
 slug: Glossary/Tag
-tags:
-  - Glossaire
-  - HTML
-  - Introduction
 translation_of: Glossary/Tag
-original_slug: Glossaire/Balise
 ---
 
 En {{Glossary("HTML")}} une balise est utilisée pour créer un {{Glossary("element")}}. Le **nom** d'un élément HTML est le **nom** utilisé dans des chevrons comme par exemple \<p> pour un paragraphe. Notez que le **nom** de la balise fermante est précédé par un caractère barre oblique, "\</p>", et que pour les éléments vides la balise de fin n'est pas nécessaire ni permise. Si les attributs ne sont pas mentionnés, les valeurs par défaut s'appliquent pour chaque cas.
diff --git a/files/fr/glossary/tcp/index.md b/files/fr/glossary/tcp/index.md
index 264c9fcd4dfaa4..10dcc89219a3e3 100644
--- a/files/fr/glossary/tcp/index.md
+++ b/files/fr/glossary/tcp/index.md
@@ -2,7 +2,6 @@
 title: TCP
 slug: Glossary/TCP
 translation_of: Glossary/TCP
-original_slug: Glossaire/TCP
 ---
 
 **TCP (pour <i lang="en">Transmission Control Protocol</i> en anglais)** (ou «&nbsp;protocole de contrôle des transmissions&nbsp;») est un [protocole](/fr/docs/Glossary/Protocol) réseau qui permet à deux hôtes de se connecter et d'échanger des données. Le protocole TCP garantit la distribution des données et des paquets dans l'ordre où ils ont été envoyés. Vint Cerf et Bob Kahn, scientifiques du DARPA à l'époque, ont conçu TCP dans les années 70.
diff --git a/files/fr/glossary/tcp_handshake/index.md b/files/fr/glossary/tcp_handshake/index.md
index 88a32afe90a27c..5cb5f7613ed6cc 100644
--- a/files/fr/glossary/tcp_handshake/index.md
+++ b/files/fr/glossary/tcp_handshake/index.md
@@ -1,10 +1,7 @@
 ---
 title: Liaison à trois voies
 slug: Glossary/TCP_handshake
-tags:
-  - TCP
 translation_of: Glossary/TCP_handshake
-original_slug: Glossaire/TCP_handshake
 ---
 
 {{glossary('Transmission_Control_Protocol_(TCP)','TCP (Transmission Control Protocol)')}} est un protocole hôte à hôte de la couche transport permettant la communication en mode connexion entre deux ordinateurs sur un réseau IP. TCP utilise une **liaison à trois voies** (ou TCP-Handshake, trois messages ou **SYN-SYN-ACK**) pour établir une connexion TCP / IP sur un réseau IP : **SYN** pour synchronize et **ACK** pour acuittement. Les trois messages transmis par TCP pour négocier et démarrer une session TCP sont respectivement surnommés _SYN, SYN-ACK_ et *ACK:* **syn**chronize, **syn**chronize **ac**quittement, et **ac**quittement. Le mécanisme à trois messages est conçu pour que deux ordinateurs souhaitant échanger des informations puissent négocier les paramètres de la connexion avant de transmettre des données telles que des requêtes de navigateur HTTP.
diff --git a/files/fr/glossary/tcp_slow_start/index.md b/files/fr/glossary/tcp_slow_start/index.md
index bb9af673f403a3..684fab84987eaa 100644
--- a/files/fr/glossary/tcp_slow_start/index.md
+++ b/files/fr/glossary/tcp_slow_start/index.md
@@ -1,12 +1,7 @@
 ---
 title: TCP slow start
 slug: Glossary/TCP_slow_start
-tags:
-  - Performance
-  - Performance Web
-  - TCP
 translation_of: Glossary/TCP_slow_start
-original_slug: Glossaire/TCP_slow_start
 ---
 
 Le démarrage lent, ou _TCP slow start_, permet d’accumulez la vitesse de transmission des capacités du réseau sans savoir initialement quelles sont ces capacités et sans créer de congestion. {{glossary('TCP')}} slow start est un algorithme utilisé pour détecter la bande passante disponible pour la transmission par paquets. Il empêche l’apparition d’une congestion du réseau dont les capacités sont initialement inconnues.
diff --git a/files/fr/glossary/telnet/index.md b/files/fr/glossary/telnet/index.md
index c1231412af1407..72be129a6e5691 100644
--- a/files/fr/glossary/telnet/index.md
+++ b/files/fr/glossary/telnet/index.md
@@ -1,11 +1,7 @@
 ---
 title: Telnet
 slug: Glossary/Telnet
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/Telnet
-original_slug: Glossaire/Telnet
 ---
 
 **Telnet** est un outil en ligne de commandes et un protocole basé sur TCP/IP pour accéder à des ordinateurs distants.
diff --git a/files/fr/glossary/texel/index.md b/files/fr/glossary/texel/index.md
index b02498ecb2433a..81b4a5be16dcee 100644
--- a/files/fr/glossary/texel/index.md
+++ b/files/fr/glossary/texel/index.md
@@ -1,15 +1,7 @@
 ---
 title: Texel
 slug: Glossary/Texel
-tags:
-  - 3D
-  - Glossaire
-  - Texel
-  - Texture
-  - dessin
-  - graphique
 translation_of: Glossary/Texel
-original_slug: Glossaire/Texel
 ---
 
 Un **Texel** est un pixel unique dans une carte de texture, qui est une image qui est utilisée (en tout ou en partie) comme image présentée sur la surface d'un polygone dans une image rendue en part) 3D. Il ne doit pas être confondu avec le pixel qui est l'unité d'espace de l'écran. C'est l'une des principales différences entre Texel et pixels, les pixels sont des données d'image. Les composants Texel sont constitués de données subjecives, ils peuvent donc être une image aussi bien qu'une carte de profondeur.
diff --git a/files/fr/glossary/three_js/index.md b/files/fr/glossary/three_js/index.md
index 8bea124d35444f..05f1db9a075a07 100644
--- a/files/fr/glossary/three_js/index.md
+++ b/files/fr/glossary/three_js/index.md
@@ -1,14 +1,7 @@
 ---
 title: Three js
 slug: Glossary/Three_js
-tags:
-  - JavaScript
-  - Langage de programmation
-  - Navigateur
-  - Programmation
-  - three.js
 translation_of: Glossary/Three_js
-original_slug: Glossaire/Three_js
 ---
 three.js est un moteur {{Glossary("WebGL")}} en {{Glossary("JavaScript")}} capable d'exécuter directement dans le {{Glossary("Browser","navigateur")}} des jeux exploitant le GPU ainsi que d'autres applications graphiques. La bibliothèque three.js fournit de nombreuses fonctionnalités et {{Glossary("API")}} pour dessiner des scènes 3D dans votre navigateur.
 
diff --git a/files/fr/glossary/time_to_interactive/index.md b/files/fr/glossary/time_to_interactive/index.md
index c8e427e3c0a637..b0e5936a932778 100644
--- a/files/fr/glossary/time_to_interactive/index.md
+++ b/files/fr/glossary/time_to_interactive/index.md
@@ -2,7 +2,6 @@
 title: Time to interactive
 slug: Glossary/Time_to_interactive
 translation_of: Glossary/Time_to_interactive
-original_slug: Glossaire/Time_to_interactive
 ---
 
 Le **Time to Interactive** (TTI) est une métrique non standardisée des performances web indiquant la «&nbsp;progression&nbsp;» du chargement. Elle correspond au moment où la dernière [tâche longue](/fr/docs/Web/API/Long_Tasks_API) s'est terminée et a été suivie de 5 secondes d'inactivité du réseau et du fil de chargement principal.
diff --git a/files/fr/glossary/tld/index.md b/files/fr/glossary/tld/index.md
index 217ce705b2273c..b73cd6dc89507e 100644
--- a/files/fr/glossary/tld/index.md
+++ b/files/fr/glossary/tld/index.md
@@ -1,12 +1,7 @@
 ---
 title: TLD
 slug: Glossary/TLD
-tags:
-  - Glossaire
-  - Web
-  - WebMechanics
 translation_of: Glossary/TLD
-original_slug: Glossaire/TLD
 ---
 
 Un domaine de premier niveau ou TLD (_top-level domain_) est le {{Glossary("domaine")}} le plus générique de toute la hiérarchie {{Glossary("DNS")}} (système de noms de domaine) d'Internet. Un TLD est la composante finale d'un {{Glossary("nom de domaine")}}, par exemple, le "org" dans `developer.mozilla.org`.
diff --git a/files/fr/glossary/tls/index.md b/files/fr/glossary/tls/index.md
index 3177b28cb79310..f9309b97432fe5 100644
--- a/files/fr/glossary/tls/index.md
+++ b/files/fr/glossary/tls/index.md
@@ -1,13 +1,7 @@
 ---
 title: TLS
 slug: Glossary/TLS
-tags:
-  - Cryptographie
-  - Glossaire
-  - Infrastructure
-  - Sécurité
 translation_of: Glossary/TLS
-original_slug: Glossaire/TLS
 ---
 
 Transport Layer Security (TLS), comme son prédécesseur Secure Sockets Layer (SSL), est un {{Glossary("Protocol", "protocole")}} utilisé par les applications pour communiquer de manière sécurisée à travers un réseau, tout en prévenant la falsification et l'interception des courriels, navigations web, messageries et autres protocoles.
diff --git a/files/fr/glossary/tofu/index.md b/files/fr/glossary/tofu/index.md
index 993c9dee36434a..157ebfa4b1d37a 100644
--- a/files/fr/glossary/tofu/index.md
+++ b/files/fr/glossary/tofu/index.md
@@ -1,12 +1,7 @@
 ---
 title: TOFU
 slug: Glossary/TOFU
-tags:
-  - Glossaire
-  - HTTP
-  - Sécurité
 translation_of: Glossary/TOFU
-original_slug: Glossaire/TOFU
 ---
 
 **Trust On First Use** **(TOFU**) (_confiance à la première utilisation_) est un modèle de sécurité dans lequel un client doit créer une relation avec un serveur inconnu. Pour ce faire, les clients rechercheront des identifiants (par exemple des clés publiques) stockés localement. Si un identifiant est trouvé, le client peut établir la connexion. Si aucun identifiant n'est trouvé, le client peut demander à l'utilisateur de déterminer si le client doit approuver l'identifiant.
diff --git a/files/fr/glossary/tree_shaking/index.md b/files/fr/glossary/tree_shaking/index.md
index 8d746e311a808f..72198fe68cbef0 100644
--- a/files/fr/glossary/tree_shaking/index.md
+++ b/files/fr/glossary/tree_shaking/index.md
@@ -1,11 +1,7 @@
 ---
 title: Tree shaking
 slug: Glossary/Tree_shaking
-tags:
-  - Glossaire
-  - JavaScript
 translation_of: Glossary/Tree_shaking
-original_slug: Glossaire/Tree_shaking
 ---
 
 **Tree shaking** est un terme couramment utilisé dans un contexte JavaScript pour décrire la suppression du code mort.
diff --git a/files/fr/glossary/trident/index.md b/files/fr/glossary/trident/index.md
index 0cd544ff83755f..1145255f60fa43 100644
--- a/files/fr/glossary/trident/index.md
+++ b/files/fr/glossary/trident/index.md
@@ -1,13 +1,7 @@
 ---
 title: Trident
 slug: Glossary/Trident
-tags:
-  - Glossaire
-  - Infrastructure
-  - Navigateur
-  - Trident
 translation_of: Glossary/Trident
-original_slug: Glossaire/Trident
 ---
 
 Trident (ou MSHTML) est un moteur de rendu qui fait fonctionner {{Glossary("Microsoft Internet Explorer","Internet Explorer")}}. Un "{{Glossary("Fork","embranchement")}}" de Trident appelé _EdgeHTML_ a remplacé Trident dans le successeur d'Internet Explorer, {{Glossary("Microsoft Edge","Edge")}}.
diff --git a/files/fr/glossary/truthy/index.md b/files/fr/glossary/truthy/index.md
index c43230578106c2..eab4dc125dcf56 100644
--- a/files/fr/glossary/truthy/index.md
+++ b/files/fr/glossary/truthy/index.md
@@ -2,7 +2,6 @@
 title: Truthy
 slug: Glossary/Truthy
 translation_of: Glossary/Truthy
-original_slug: Glossaire/Truthy
 ---
 
 En [JavaScript](/fr/docs/Glossary/JavaScript), on dit en anglais qu'une valeur est **<i lang="en">truthy</i>** lorsqu'elle est considérée comme vraie (`true`) quand elle est évaluée dans un contexte [booléen](/fr/docs/Glossary/Boolean). Toutes les valeurs sont <i lang="en">truthy</i> sauf si elles sont définies comme [<i lang="en">falsy</i>](/fr/docs/Glossary/Falsy) (c'est-à-dire, sauf pour `false`, `0`, `-0`, `0n`, `""`, `null`, `undefined` et `NaN`).
diff --git a/files/fr/glossary/ttl/index.md b/files/fr/glossary/ttl/index.md
index d341b7996102ef..99ccf3a18f533f 100644
--- a/files/fr/glossary/ttl/index.md
+++ b/files/fr/glossary/ttl/index.md
@@ -1,11 +1,7 @@
 ---
 title: TTL
 slug: Glossary/TTL
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/TTL
-original_slug: Glossaire/TTL
 ---
 
 TTL peut se référer soit à :
diff --git a/files/fr/glossary/turn/index.md b/files/fr/glossary/turn/index.md
index 13f893d1aed77b..0d257a2028da89 100644
--- a/files/fr/glossary/turn/index.md
+++ b/files/fr/glossary/turn/index.md
@@ -1,13 +1,7 @@
 ---
 title: TURN
 slug: Glossary/TURN
-tags:
-  - Glossaire
-  - Infrastructure
-  - Mécanismes web
-  - WebRTC
 translation_of: Glossary/TURN
-original_slug: Glossaire/TURN
 ---
 
 **TURN** (Traversal Using Relays around NAT) est un {{Glossary("protocol","protocole")}} permettant à un ordinateur de recevoir et d'envoyer des données malgré l'utilisation de {{glossary("NAT", "translation d'adresse réseau")}} (NAT) ou le fait d'être derrière un pare-feu.
diff --git a/files/fr/glossary/type/index.md b/files/fr/glossary/type/index.md
index 735b0476864db8..84f2d88a0e31c8 100644
--- a/files/fr/glossary/type/index.md
+++ b/files/fr/glossary/type/index.md
@@ -1,13 +1,7 @@
 ---
 title: Type
 slug: Glossary/Type
-tags:
-  - Encodage
-  - Glossaire
-  - JavaScript
-  - Programmation
 translation_of: Glossary/Type
-original_slug: Glossaire/Type
 ---
 
 Le **type** (ou _type de donnée_) est une caractéristique d'une {{glossary("Value","valeur")}} qui détermine le genre de données qu'elle peut stocker - par exemple, en JavaScript, un {{domxref("Boolean")}} ne contient que des valeurs true (_vrai_) / false (_faux_), alors qu'une {{domxref("String")}} _(chaîne de caractères)_ contient des chaînes de texte, un {{domxref("Number")}} contient toute sorte de nombres, etc.
diff --git a/files/fr/glossary/type_coercion/index.md b/files/fr/glossary/type_coercion/index.md
index 07572bdfc65f23..d942dea63a0853 100644
--- a/files/fr/glossary/type_coercion/index.md
+++ b/files/fr/glossary/type_coercion/index.md
@@ -1,12 +1,7 @@
 ---
 title: Type coercion
 slug: Glossary/Type_coercion
-tags:
-  - Coercion
-  - JavaScript
-  - Type coercion
 translation_of: Glossary/Type_coercion
-original_slug: Glossaire/Type_coercion
 ---
 
 La _type coercion_ (en français, coercition de type) est la conversion automatique ou implicite de valeurs d'un type de données à un autre (par exemple : de string à nombre). La *{{Glossary("type conversion")}}* est similaire à la *type coercion* puisque les deux convertissent des valeurs d'un type de données à un autre. La différence fondamentale entre elles est que la _type coercion_ est implicite alors que la _type conversion_ peut être implicite ou explicite.
diff --git a/files/fr/glossary/type_conversion/index.md b/files/fr/glossary/type_conversion/index.md
index 98655cecc93d97..ef8ee0d5965e14 100644
--- a/files/fr/glossary/type_conversion/index.md
+++ b/files/fr/glossary/type_conversion/index.md
@@ -1,13 +1,7 @@
 ---
 title: Conversion de type
 slug: Glossary/Type_Conversion
-tags:
-  - CodingScripting
-  - Conversion de type
-  - Glossaire
-  - Transtypage
 translation_of: Glossary/Type_Conversion
-original_slug: Glossaire/Conversion_de_type
 ---
 
 La conversion de type (ou transtypage) est le transfert d'une donnée d'un type de donnée vers un autre. Une _conversion implicite_ se produit quand le compilateur affecte les types de donnée automatiquement, mais le code source peut aussi demander à ce qu'une conversion ait lieu de manière _explicite_. Exemples simples : étant donnée l'instruction `5+2.0`, l'entier `5` est converti implicitement en nombre à virgule flottante, mais avec l'instruction `Number("0x11")`, la chaîne "0x11" est explicitement convertie en valeur numérique 17.
diff --git a/files/fr/glossary/udp/index.md b/files/fr/glossary/udp/index.md
index 7b1f15bd439675..826e1df7ef0a80 100644
--- a/files/fr/glossary/udp/index.md
+++ b/files/fr/glossary/udp/index.md
@@ -1,12 +1,7 @@
 ---
 title: UDP
 slug: Glossary/UDP
-tags:
-  - Glossaire
-  - Infrastructure
-  - UDP
 translation_of: Glossary/UDP
-original_slug: Glossaire/UDP
 ---
 
 **UDP** (User Datagram Protocol) est un {{glossary("protocol","protocole")}} de longue date utilisé avec {{glossary("IPv6","IP")}} pour envoyer des données lorsque la vitesse de transmission et l'efficacité importent davantage que la sécurité et la fiabilitié.
diff --git a/files/fr/glossary/ui/index.md b/files/fr/glossary/ui/index.md
index 1a92f5ef4761ce..4179edb665f2a6 100644
--- a/files/fr/glossary/ui/index.md
+++ b/files/fr/glossary/ui/index.md
@@ -1,10 +1,7 @@
 ---
 title: UI
 slug: Glossary/UI
-tags:
-  - Glossaire
 translation_of: Glossary/UI
-original_slug: Glossaire/UI
 ---
 
 L'_interface utilisateur_ (ou UI pour _User Interface_ en anglais) est tout ce qui facilite l'interaction entre un utilisateur et une machine. Dans le domaine de l'informatique, cela peut correspondre à tout, du clavier au programme, en passant par la manette de jeu ou un écran. Dans le cas des logiciels informatiques, il peut s'agir d'une invite en ligne de commande, d'une page web, d'un formulaire de saisie utilisateur ou de l'interface d'une application.
diff --git a/files/fr/glossary/undefined/index.md b/files/fr/glossary/undefined/index.md
index d75621cb437f29..6f8a9efcbf40c9 100644
--- a/files/fr/glossary/undefined/index.md
+++ b/files/fr/glossary/undefined/index.md
@@ -1,11 +1,7 @@
 ---
 title: Undefined
 slug: Glossary/Undefined
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/undefined
-original_slug: Glossaire/undefined
 ---
 
 Une Valeur **{{Glossary("primitive")}}** affectée automatiquement aux **{{Glossary("Variable","variables")}}** qui viennent d'être déclarées ou aux **{{Glossary("Argument","arguments")}}** **formels** pour lesquels il n'y a pas d'**arguments réels**.
diff --git a/files/fr/glossary/unicode/index.md b/files/fr/glossary/unicode/index.md
index 68201050fbd468..0e7a4a552954d0 100644
--- a/files/fr/glossary/unicode/index.md
+++ b/files/fr/glossary/unicode/index.md
@@ -1,11 +1,7 @@
 ---
 title: Unicode
 slug: Glossary/Unicode
-tags:
-  - Caractères
-  - Glossaire
 translation_of: Glossary/Unicode
-original_slug: Glossaire/Unicode
 ---
 
 Unicode est une {{Glossary("Character set","police de caractères")}} standard qui énumère et définit les {{Glossary("Character","caractères")}} des différentes langues du monde, systèmes d'écriture et symboles. En attribuant un nombre à chaque caractère, les programmeurs peuvent {{Glossary("Character encoding", "encoder des caractères")}}, pour permettre aux ordinateurs de stocker, traiter et transmettre toute combinaison de langues dans le même fichier ou programme.
diff --git a/files/fr/glossary/uri/index.md b/files/fr/glossary/uri/index.md
index 08d8ec107d8f3a..97721db033c046 100644
--- a/files/fr/glossary/uri/index.md
+++ b/files/fr/glossary/uri/index.md
@@ -1,14 +1,7 @@
 ---
 title: URI
 slug: Glossary/URI
-tags:
-  - Glossaire
-  - HTTP
-  - Recherche
-  - URI
-  - URL
 translation_of: Glossary/URI
-original_slug: Glossaire/URI
 ---
 
 Un **URI** _(Uniform Resource Identifier)_ _(Identifiant de ressource uniforme )_ est une chaîne qui fait référence à une ressource. Les plus courantes sont les {{Glossary("URL")}}, qui identifient une ressource en donnant son emplacement sur le Web. Au contraire, les {{Glossary("URN")}} font référence à une ressource grâce à son nom, dans un environnement donné, par exemple le code ISBN d'un livre.
diff --git a/files/fr/glossary/url/index.md b/files/fr/glossary/url/index.md
index cc3267982e5cde..767f3118ce0225 100644
--- a/files/fr/glossary/url/index.md
+++ b/files/fr/glossary/url/index.md
@@ -1,11 +1,7 @@
 ---
 title: URL
 slug: Glossary/URL
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/URL
-original_slug: Glossaire/URL
 ---
 
 **Uniform Resource Locator** (**URL**) est une chaîne de texte qui spécifie où une ressource (telle qu'une page web, une image ou une vidéo) peut être trouvée sur Internet.
diff --git a/files/fr/glossary/urn/index.md b/files/fr/glossary/urn/index.md
index 6066f824af5adb..0bcc51ac8c9d04 100644
--- a/files/fr/glossary/urn/index.md
+++ b/files/fr/glossary/urn/index.md
@@ -1,13 +1,7 @@
 ---
 title: URN
 slug: Glossary/URN
-tags:
-  - Glossaire
-  - Intro
-  - Navigation
-  - urn
 translation_of: Glossary/URN
-original_slug: Glossaire/URN
 ---
 
 Un URN (Uniform Resource Name) est un {{Glossary("URI")}} dans un format standardisé faisant référence à une ressource sans spécifier son emplacement ni si elle existe. L'exemple suivant est issu de la [RFC3986](http://www.ietf.org/rfc/rfc3986.txt) : `urn:oasis:names:specification:docbook:dtd:xml:4.1.2`
diff --git a/files/fr/glossary/usenet/index.md b/files/fr/glossary/usenet/index.md
index 891557650dc068..8a4882c410084c 100644
--- a/files/fr/glossary/usenet/index.md
+++ b/files/fr/glossary/usenet/index.md
@@ -1,11 +1,7 @@
 ---
 title: Usenet
 slug: Glossary/Usenet
-tags:
-  - Glossaire
-  - WebMechanics
 translation_of: Glossary/Usenet
-original_slug: Glossaire/Usenet
 ---
 
 Usenet est un système de discussion sur internet où chaque message est dupliqué sur plusieurs serveurs. Équivalent aux forums Internet actuels, Usenet fonctionnait comme un bulletin board system.
diff --git a/files/fr/glossary/user_agent/index.md b/files/fr/glossary/user_agent/index.md
index baf0e662c86741..e817721e75ae1d 100644
--- a/files/fr/glossary/user_agent/index.md
+++ b/files/fr/glossary/user_agent/index.md
@@ -1,13 +1,7 @@
 ---
 title: Agent utilisateur
 slug: Glossary/User_agent
-tags:
-  - Glossaire
-  - Mécanismes web
-  - Web
-  - agent utilisateur
 translation_of: Glossary/User_agent
-original_slug: Glossaire/User_agent
 ---
 
 Un agent utilisateur est un programme informatique qui représente une personne, par exemple, un {{Glossary("Navigateur","navigateur")}} dans le cadre d'une utilisation sur le {{Glossary("World Wide Web", "Web")}}.
diff --git a/files/fr/glossary/utf-8/index.md b/files/fr/glossary/utf-8/index.md
index 5032f4e2c46339..00cbb55d6b8dbb 100644
--- a/files/fr/glossary/utf-8/index.md
+++ b/files/fr/glossary/utf-8/index.md
@@ -1,14 +1,7 @@
 ---
 title: UTF-8
 slug: Glossary/UTF-8
-tags:
-  - Encodage
-  - Glossaire
-  - HTML
-  - JavaScript
-  - Utf-8
 translation_of: Glossary/UTF-8
-original_slug: Glossaire/UTF-8
 ---
 
 UTF-8 (UCS Transformation Format 8) est le {{Glossary("Character encoding","codage de caractères")}} le plus répandu sur le world wide web. Chaque caractère est représenté par un à quatre octets. UTF-8 est rétro-compatible avec l'{{Glossary("ASCII")}} et peut représenter n'importe quel caractère Unicode.
diff --git a/files/fr/glossary/ux/index.md b/files/fr/glossary/ux/index.md
index 5cbea270759492..cfe0511e375672 100644
--- a/files/fr/glossary/ux/index.md
+++ b/files/fr/glossary/ux/index.md
@@ -1,15 +1,7 @@
 ---
 title: UX
 slug: Glossary/UX
-tags:
-  - Accessibilité
-  - Composition
-  - Design
-  - Glossaire
-  - Glossary
-  - Navigation
 translation_of: Glossary/UX
-original_slug: Glossaire/UX
 ---
 
 **UX** est un acronyme signifiant User eXperience (expérience utilisateur). Il s'agit de l'étude de l'interaction entre des utilisateurs et un système. Son objectif est de rendre l'interaction avec un système plus simple du point de vue de l'utilisateur.
diff --git a/files/fr/glossary/validator/index.md b/files/fr/glossary/validator/index.md
index 46d5c5582574f7..0cf14ebbb2fb92 100644
--- a/files/fr/glossary/validator/index.md
+++ b/files/fr/glossary/validator/index.md
@@ -1,11 +1,7 @@
 ---
 title: Validateur
 slug: Glossary/Validator
-tags:
-  - Glossaire
-  - Sécurité
 translation_of: Glossary/Validator
-original_slug: Glossaire/Validator
 ---
 
 Un validateur est un programme qui vérifie les erreurs de syntaxe d'un code informatique. Ils peuvent être créés pour tous les formats et langages, mais dans notre contexte on parle d'outils vérifiant le {{Glossary("HTML")}}, {{Glossary("CSS")}}, et {{Glossary("XML")}}.
diff --git a/files/fr/glossary/value/index.md b/files/fr/glossary/value/index.md
index 854fe383c41c39..e098842cb72b27 100644
--- a/files/fr/glossary/value/index.md
+++ b/files/fr/glossary/value/index.md
@@ -1,11 +1,7 @@
 ---
 title: Valeur
 slug: Glossary/Value
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Value
-original_slug: Glossaire/Valeur
 ---
 
 En ce qui concerne les données ou un objet **{{Glossary("Wrapper", "wrapper")}}** enveloppant cette donnée, la valeur est la **{{Glossary("Primitive","valeur primitive")}}** que cet objet wrapper contient. Pour les **{{Glossary("Variable","variables")}}** ou les **{{Glossary("</strong><strong>Property</strong><strong>","propriétés")}}**, la valeur peut être soit une primitive, soit une **{{Glossary("Object reference","référence d'objet")}}**.
diff --git a/files/fr/glossary/variable/index.md b/files/fr/glossary/variable/index.md
index 005cd31daf744b..6f9c5953758519 100644
--- a/files/fr/glossary/variable/index.md
+++ b/files/fr/glossary/variable/index.md
@@ -1,14 +1,7 @@
 ---
 title: Variable
 slug: Glossary/Variable
-tags:
-  - Encodage
-  - Glossaire
-  - JavaScript
-  - Programmation
-  - Variables
 translation_of: Glossary/Variable
-original_slug: Glossaire/Variable
 ---
 
 Une variable est un emplacement nommé pour conserver une {{Glossary("Value", "valeur")}}. Ainsi, il est possible d'accéder à une valeur quelconque par l'intermédiaire d'un nom prédéterminé.
diff --git a/files/fr/glossary/vendor_prefix/index.md b/files/fr/glossary/vendor_prefix/index.md
index abdb76304ff353..3f3aa5d8a7af60 100644
--- a/files/fr/glossary/vendor_prefix/index.md
+++ b/files/fr/glossary/vendor_prefix/index.md
@@ -1,13 +1,7 @@
 ---
 title: Préfixe vendeur
 slug: Glossary/Vendor_Prefix
-tags:
-  - CSS
-  - Encodage
-  - Glossaire
-  - Préfixes
 translation_of: Glossary/Vendor_Prefix
-original_slug: Glossaire/Préfixe_Vendeur
 ---
 
 Les vendeurs de navigateurs ajoutent parfois des préfixes aux propriétés CSS expérimentales ou non standards. Les développeurs peuvent ainsi les expérimenter sans que les changements de comportement du navigateur ne cassent le code pendant le processus de standardisation. Les développeurs sont supposés attendre que le comportement du navigateur soit standardisé pour inclure la propriété non préfixée.
diff --git a/files/fr/glossary/viewport/index.md b/files/fr/glossary/viewport/index.md
index 8cd66bbf69d8d0..80b1a3ab129a74 100644
--- a/files/fr/glossary/viewport/index.md
+++ b/files/fr/glossary/viewport/index.md
@@ -1,11 +1,7 @@
 ---
 title: Vue
 slug: Glossary/Viewport
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Viewport
-original_slug: Glossaire/Viewport
 ---
 
 Une vue représente une zone polygonale (normalement rectangulaire) dans les graphiques d'ordinateur en cours de visualisation. En termes de navigateur web, elle se réfère à la partie du document que vous visualisez, qui est actuellement visible dans la fenêtre (ou à l'écran, si le document est en cours d'affichage en mode plein écran). Le contenu en dehors de la fenêtre d'affichage n'est pas visible à l'écran jusqu'à ce qu'il défile dans la vue.
diff --git a/files/fr/glossary/voip/index.md b/files/fr/glossary/voip/index.md
index 97cf1bd33f97c8..b4f21ee8d0df67 100644
--- a/files/fr/glossary/voip/index.md
+++ b/files/fr/glossary/voip/index.md
@@ -1,12 +1,7 @@
 ---
 title: VoIP
 slug: Glossary/VoIP
-tags:
-  - Glossaire
-  - Infrastructure
-  - VoIP
 translation_of: Glossary/VoIP
-original_slug: Glossaire/VoIP
 ---
 
 La VoIP (Voice over Internet Protocol) est une technologie utilisée pour transmettre des messages vocaux via des réseaux IP (Internet Protocol). Parmi les logiciels de VoIP courants, on trouve Skype, Msn Messenger, Yahoo et beaucoup d'autres. Tout ce qui est transféré en VoIP est numérique. Cette technologie est aussi connue sous les noms de téléphonie IP ou téléphonie haut débit. La principale raison de l'utiliser est son coût.
diff --git a/files/fr/glossary/w3c/index.md b/files/fr/glossary/w3c/index.md
index c58ec6796727db..3656ad2152ec82 100644
--- a/files/fr/glossary/w3c/index.md
+++ b/files/fr/glossary/w3c/index.md
@@ -2,7 +2,6 @@
 title: W3C
 slug: Glossary/W3C
 translation_of: Glossary/W3C
-original_slug: Glossaire/W3C
 ---
 
 Le _World Wide Web Consortium_ (W3C) est un organisme international qui maintient les règles en {{Glossary("World Wide Web", "relation avec le Web")}} et les frameworks.
diff --git a/files/fr/glossary/wai/index.md b/files/fr/glossary/wai/index.md
index 74f3a9ae7a0b05..4dacd5a35d7c78 100644
--- a/files/fr/glossary/wai/index.md
+++ b/files/fr/glossary/wai/index.md
@@ -1,11 +1,7 @@
 ---
 title: WAI
 slug: Glossary/WAI
-tags:
-  - Accessibilité
-  - Glossaire
 translation_of: Glossary/WAI
-original_slug: Glossaire/WAI
 ---
 
 La WAI ou Web Accessibility Initiative a été lancée par le World Wide Web Consortium (W3C) pour rendre le web plus accessibie aux personnes handicapées, celles-ci pouvant avoir besoin d'un {{Glossary("navigateur")}} ou d'appareils non standards.
diff --git a/files/fr/glossary/wcag/index.md b/files/fr/glossary/wcag/index.md
index 1ce471c2a6040d..67feb8c41be27a 100644
--- a/files/fr/glossary/wcag/index.md
+++ b/files/fr/glossary/wcag/index.md
@@ -1,13 +1,7 @@
 ---
 title: WCAG
 slug: Glossary/WCAG
-tags:
-  - Accessibilité
-  - Directives web
-  - Glossaire
-  - WCAG
 translation_of: Glossary/WCAG
-original_slug: Glossaire/WCAG
 ---
 
 Les _Web Content Accessibility Guidelines_ (**WCAG**) sont une recommandation publiée par le groupe {{Glossary("WAI","Web Accessibility Initiative")}} du {{Glossary("W3C")}}. Ils définissent un ensemble de lignes de conduite à suivre pour rendre le contenu accessible principalement aux personnes avec des handicaps, mais aussi aux appareils aux ressources limitées comme les téléphones portables.
diff --git a/files/fr/glossary/web_server/index.md b/files/fr/glossary/web_server/index.md
index d3c1419a9a67ca..46b87b63fa627c 100644
--- a/files/fr/glossary/web_server/index.md
+++ b/files/fr/glossary/web_server/index.md
@@ -1,11 +1,7 @@
 ---
 title: Serveur Web
 slug: Glossary/Web_server
-tags:
-  - serveur web
-  - serveur-web
 translation_of: Glossary/Web_server
-original_slug: Glossaire/Serveur_Web
 ---
 
 Un serveur Web est un logiciel qui s'exécute souvent sur un serveur matériel offrant un service à un utilisateur, généralement appelé client. Un serveur, par contre, est un matériel qui vit dans une pièce remplie d'ordinateurs, communément appelée centre de données.
diff --git a/files/fr/glossary/web_standards/index.md b/files/fr/glossary/web_standards/index.md
index ea86a74e200775..9384f791476402 100644
--- a/files/fr/glossary/web_standards/index.md
+++ b/files/fr/glossary/web_standards/index.md
@@ -1,14 +1,7 @@
 ---
 title: Standards du Web
 slug: Glossary/Web_standards
-tags:
-  - Glossaire
-  - Infrastructure
-  - Standards du Web
-  - spécifications web
-  - standards
 translation_of: Glossary/Web_standards
-original_slug: Glossaire/Web_standards
 ---
 
 Les standards du Web sont des règles établies par des organismes de standardisation internationaux qui définissent la manière dont fonctionne le {{Glossary("World Wide Web", "Web")}} (et parfois qui contrôlent l'{{Glossary("Internet")}} également).
diff --git a/files/fr/glossary/webassembly/index.md b/files/fr/glossary/webassembly/index.md
index ed3bff3f7a9247..0935d07b1b3d5d 100644
--- a/files/fr/glossary/webassembly/index.md
+++ b/files/fr/glossary/webassembly/index.md
@@ -2,7 +2,6 @@
 title: WebAssembly
 slug: Glossary/WebAssembly
 translation_of: Glossary/WebAssembly
-original_slug: Glossaire/WebAssembly
 ---
 
 **WebAssembly** (abrégé *Wasm*) est un format ouvert [binaire](/fr/docs/Glossary/Binary) qui peut être exécuté dans des navigateurs web modernes afin d'améliorer la performance et/ou de fournir de nouvelles fonctionnalités pour des pages web.
diff --git a/files/fr/glossary/webdav/index.md b/files/fr/glossary/webdav/index.md
index cd612dbde62968..8a1ac9d4916c6d 100644
--- a/files/fr/glossary/webdav/index.md
+++ b/files/fr/glossary/webdav/index.md
@@ -1,11 +1,7 @@
 ---
 title: WebDAV
 slug: Glossary/WebDAV
-tags:
-  - Glossaire
-  - Infrastructure
 translation_of: Glossary/WebDAV
-original_slug: Glossaire/WebDAV
 ---
 
 **WebDAV** (_Web Distributed Authoring and Versioning_) est une extension {{Glossary("HTTP")}} qui permet aux développeurs web de faire des mises à jour de contenu à distance depuis un client.
diff --git a/files/fr/glossary/webextensions/index.md b/files/fr/glossary/webextensions/index.md
index 4939f5ea0c05fd..e5598f4561542a 100644
--- a/files/fr/glossary/webextensions/index.md
+++ b/files/fr/glossary/webextensions/index.md
@@ -1,11 +1,7 @@
 ---
 title: WebExtensions
 slug: Glossary/WebExtensions
-tags:
-  - Glossaire
-  - WebExtensions
 translation_of: Glossary/WebExtensions
-original_slug: Glossaire/WebExtensions
 ---
 
 Les WebExtensions constituent un système multinavigateur pour développer des extensions de navigateur dans Firefox. Ce système fournit des API qui sont dans une large mesure prises en charge dans différents navigateurs tels que Mozilla Firefox, Google Chrome, Opera et Microsoft Edge.
diff --git a/files/fr/glossary/webgl/index.md b/files/fr/glossary/webgl/index.md
index 5d86b7b8e4e2d2..d378c0ff266a87 100644
--- a/files/fr/glossary/webgl/index.md
+++ b/files/fr/glossary/webgl/index.md
@@ -1,14 +1,7 @@
 ---
 title: WebGL
 slug: Glossary/WebGL
-tags:
-  - Avancé
-  - CodingScripting
-  - Glossaire
-  - Graphismes Web
-  - WebGL
 translation_of: Glossary/WebGL
-original_slug: Glossaire/WebGL
 ---
 
 **WebGL** (_Web Graphics Library_) est une {{Glossary("API")}} {{Glossary("JavaScript")}} pour produire des graphismes 2D et 3D interactifs.
diff --git a/files/fr/glossary/webidl/index.md b/files/fr/glossary/webidl/index.md
index 0c99865ee483d2..fa7bcc07af07b1 100644
--- a/files/fr/glossary/webidl/index.md
+++ b/files/fr/glossary/webidl/index.md
@@ -1,12 +1,7 @@
 ---
 title: WebIDL
 slug: Glossary/WebIDL
-tags:
-  - Encodage
-  - Glossaire
-  - WebIDL
 translation_of: Glossary/WebIDL
-original_slug: Glossaire/WebIDL
 ---
 
 **WebIDL** est le langage de description d'interface utilisé pour décrire les {{Glossary("Type","types de données")}}, {{Glossary("interface","interfaces")}}, {{Glossary("Method","méthodes")}}, {{Glossary("Property","propriétés")}} et d'autres éléments qui composent une interface de programmation d'application Web ({{Glossary("API")}}). Il utilise une syntaxe quelque peu stylisée qui est indépendante de tout langage de programmation spécifique, de sorte que le code sous-jacent utilisé pour construire chaque API puisse être écrit dans le langage le plus approprié, tout en permettant de faire le plan des composants de l'API pour une construction compatible JavaScript
diff --git a/files/fr/glossary/webkit/index.md b/files/fr/glossary/webkit/index.md
index 8a9f866d12c64f..9c76d0172e5dc1 100644
--- a/files/fr/glossary/webkit/index.md
+++ b/files/fr/glossary/webkit/index.md
@@ -1,15 +1,7 @@
 ---
 title: WebKit
 slug: Glossary/WebKit
-tags:
-  - Glossaire
-  - Intro
-  - Navigateur
-  - Web
-  - WebKit
-  - WebMechanics
 translation_of: Glossary/WebKit
-original_slug: Glossaire/WebKit
 ---
 
 _WebKit_ est un framework destiné à afficher des pages web correctement formatées en se basant sur leur balisage. {{Glossary("Apple Safari")}} dépend de WebKit tout comme de nombreux navigateurs pour mobiles (car WebKit est hautement portable et personnalisable).
diff --git a/files/fr/glossary/webm/index.md b/files/fr/glossary/webm/index.md
index ba36b520b7b4de..07728a05f4b272 100644
--- a/files/fr/glossary/webm/index.md
+++ b/files/fr/glossary/webm/index.md
@@ -1,13 +1,7 @@
 ---
 title: WebM
 slug: Glossary/WebM
-tags:
-  - Composition
-  - Glossaire
-  - Infrastructure
-  - WebM
 translation_of: Glossary/webm
-original_slug: Glossaire/webm
 ---
 
 **WebM** est un format vidéo ouvert, destiné au web et libre de redevance. Il est supporté de manière native par Mozilla Firefox.
diff --git a/files/fr/glossary/webp/index.md b/files/fr/glossary/webp/index.md
index 75b8cd329c4f91..85e66690ce9374 100644
--- a/files/fr/glossary/webp/index.md
+++ b/files/fr/glossary/webp/index.md
@@ -1,14 +1,7 @@
 ---
 title: WebP
 slug: Glossary/WebP
-tags:
-  - Composing
-  - Débutant
-  - Glossaire
-  - Infrastructure
-  - WebP
 translation_of: Glossary/webp
-original_slug: Glossaire/webp
 ---
 
 **WebP** est un format d'image avec compression, avec ou sans perte, développé par Google.
diff --git a/files/fr/glossary/webrtc/index.md b/files/fr/glossary/webrtc/index.md
index ae70e03bc8cc6e..dbaa5fe5a87be6 100644
--- a/files/fr/glossary/webrtc/index.md
+++ b/files/fr/glossary/webrtc/index.md
@@ -1,16 +1,7 @@
 ---
 title: WebRTC
 slug: Glossary/WebRTC
-tags:
-  - Encodage
-  - Glossaire
-  - Infrastructure
-  - P2P
-  - VoIP
-  - Web
-  - WebRTC
 translation_of: Glossary/WebRTC
-original_slug: Glossaire/WebRTC
 ---
 
 **WebRTC** (_Web Real-Time Communication_) _(communication en temps réel web)_ est une {{Glossary("API")}} appelée par les applications web de tchat vidéo, d'appels vocaux et de partage de fichiers P2P.
diff --git a/files/fr/glossary/websockets/index.md b/files/fr/glossary/websockets/index.md
index fc130afabbd3f5..15998c76529a8f 100644
--- a/files/fr/glossary/websockets/index.md
+++ b/files/fr/glossary/websockets/index.md
@@ -1,16 +1,7 @@
 ---
 title: WebSockets
 slug: Glossary/WebSockets
-tags:
-  - Connexion
-  - Glossaire
-  - Infrastructure
-  - Protocoles
-  - Réseau
-  - Web
-  - WebSocket
 translation_of: Glossary/WebSockets
-original_slug: Glossaire/WebSockets
 ---
 
 _WebSocket_ est un {{Glossary("Protocol","protocole")}} servant à établir des connexions {{Glossary("TCP")}} persistantes entre des {{Glossary("Server", "serveurs")}} et des clients afin qu'ils puissent échanger des données à tout moment.
diff --git a/files/fr/glossary/webvtt/index.md b/files/fr/glossary/webvtt/index.md
index 3eb1a9ac0def49..f5295f31226d6d 100644
--- a/files/fr/glossary/webvtt/index.md
+++ b/files/fr/glossary/webvtt/index.md
@@ -1,10 +1,7 @@
 ---
 title: WebVTT
 slug: Glossary/WebVTT
-tags:
-  - Glossaire
 translation_of: Glossary/WebVTT
-original_slug: Glossaire/WebVTT
 ---
 
 WebVTT (Web Video Text Tracks) est une spécification {{Glossary("W3C")}} pour un format de fichier marquant des ressources de suivi de texte combinées avec l'élément HTML {{HTMLElement("track")}}.
diff --git a/files/fr/glossary/whatwg/index.md b/files/fr/glossary/whatwg/index.md
index 61ecfc26ba75a3..f6d31f0116259a 100644
--- a/files/fr/glossary/whatwg/index.md
+++ b/files/fr/glossary/whatwg/index.md
@@ -1,15 +1,7 @@
 ---
 title: WHATWG
 slug: Glossary/WHATWG
-tags:
-  - Communauté
-  - Glossaire
-  - HTML
-  - HTML5
-  - WHATWG
-  - Web
 translation_of: Glossary/WHATWG
-original_slug: Glossaire/WHATWG
 ---
 
 Le WHATWG (_Web Hypertext Application Technology Working Group_) est une organisation qui maintient et développe le {{Glossary("HTML")}} et les {{Glossary("API", "APIs")}} des applications Web. Le WHATWG a été mis en place en 2004 par d'anciens employés d'Apple, Mozilla et Opera.
diff --git a/files/fr/glossary/whitespace/index.md b/files/fr/glossary/whitespace/index.md
index 5541240e3ae2f2..017b3b21f7595a 100644
--- a/files/fr/glossary/whitespace/index.md
+++ b/files/fr/glossary/whitespace/index.md
@@ -1,13 +1,7 @@
 ---
 title: Whitespace
 slug: Glossary/Whitespace
-tags:
-  - Glossaire
-  - Grammaire lexicale
-  - espace blanc
-  - whitespace
 translation_of: Glossary/Whitespace
-original_slug: Glossaire/Whitespace
 ---
 
 **Whitespace** sont un ensemble de {{Glossary("Character", "characters")}} qui est utilisé pour afficher des espaces horizontaux ou verticaux entre d'autres caractères. Ils sont souvent utilisés pour séparer les jetons dans {{Glossary("HTML")}}, {{Glossary("CSS")}}, {{Glossary("JavaScript")}}, et dans d'autres langages informatiques. Les caractères whitespace et leur utilisation varient selon les langages.
diff --git a/files/fr/glossary/world_wide_web/index.md b/files/fr/glossary/world_wide_web/index.md
index ff87baa42c3764..c9cc5b9ae2d4f0 100644
--- a/files/fr/glossary/world_wide_web/index.md
+++ b/files/fr/glossary/world_wide_web/index.md
@@ -1,13 +1,7 @@
 ---
 title: World Wide Web
 slug: Glossary/World_Wide_Web
-tags:
-  - Glossaire
-  - Infrastructure
-  - WWW
-  - World Wide Web
 translation_of: Glossary/World_Wide_Web
-original_slug: Glossaire/World_Wide_Web
 ---
 
 Le _World Wide Web_ — communément appelé **WWW**, **W3**, ou **le web** — est un système de pages web publiques interconnectées à travers l'{{Glossary("Internet")}}. Le web et l'internet ne sont pas la même chose : le web est l'une des nombreuses applications bâties au-dessus de l'internet.
diff --git a/files/fr/glossary/wrapper/index.md b/files/fr/glossary/wrapper/index.md
index d30b400cc7fa8a..cbae9d2fb43269 100644
--- a/files/fr/glossary/wrapper/index.md
+++ b/files/fr/glossary/wrapper/index.md
@@ -1,11 +1,7 @@
 ---
 title: Wrapper
 slug: Glossary/Wrapper
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/Wrapper
-original_slug: Glossaire/Wrapper
 ---
 
 Dans les langages de programmation tels que JavaScript, un wrapper est une fonction qui est destinée à appeler une ou plusieurs autres fonctions, parfois purement par commodité, et parfois en les adaptant pour faire une tâche légèrement différente dans le processus.
diff --git a/files/fr/glossary/xforms/index.md b/files/fr/glossary/xforms/index.md
index 55b59a4e78d87b..c964888d61dfcc 100644
--- a/files/fr/glossary/xforms/index.md
+++ b/files/fr/glossary/xforms/index.md
@@ -1,13 +1,7 @@
 ---
 title: XForm
 slug: Glossary/XForms
-tags:
-  - CodingScripting
-  - Glossaire
-  - Obsolete
-  - XForms
 translation_of: Glossary/XForms
-original_slug: Glossaire/XForm
 ---
 
 **XForms** est une convention pour la construction de formulaires Web et pour le traitement de leurs données dans un format {{glossary("XML")}}. Plus aucun navigateur majeur ne supporte XForms—nous suggérons d'utiliser les [formulaires HTML5](/fr/docs/Web/Guide/HTML/Formulaires) à la place.
diff --git a/files/fr/glossary/xhtml/index.md b/files/fr/glossary/xhtml/index.md
index fd58b6d69da838..a091eeb2dc3b88 100644
--- a/files/fr/glossary/xhtml/index.md
+++ b/files/fr/glossary/xhtml/index.md
@@ -1,12 +1,7 @@
 ---
 title: XHTML
 slug: Glossary/XHTML
-tags:
-  - Encodage
-  - Glossaire
-  - XHTML
 translation_of: Glossary/XHTML
-original_slug: XHTML
 ---
 
 [HTML](/fr/docs/Web/HTML) peut voyager sur le réseau vers un navigateur soit en syntaxe HTML soit en syntaxe XML appelée XHTML.
diff --git a/files/fr/glossary/xinclude/index.md b/files/fr/glossary/xinclude/index.md
index 031e84c5dc8875..1d05349bf98cae 100644
--- a/files/fr/glossary/xinclude/index.md
+++ b/files/fr/glossary/xinclude/index.md
@@ -1,11 +1,7 @@
 ---
 title: XInclude
 slug: Glossary/XInclude
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/XInclude
-original_slug: Glossaire/XInclude
 ---
 
 [XML Inclusions (XInclude)](http://www.w3.org/TR/xinclude/#text-included-items) est une recommandation du W3C pour permettre l'inclusion de différentes sources XML d'une manière plus pratique que les entités externes XML. Lorsqu'il est utilisé conjointement avec XPointer (Firefox prend en charge un sous-ensemble et est utilisé dans l'exemple de code ci-dessous), XInclude peut également cibler uniquement des portions spécifiques d'un document à inclure. Firefox ne le supporte pas nativement, mais la fonction suivante a pour but de permettre son utilisation avec les documents qui y sont passés.
diff --git a/files/fr/glossary/xlink/index.md b/files/fr/glossary/xlink/index.md
index 7cc1221b029f46..d54e1370534694 100644
--- a/files/fr/glossary/xlink/index.md
+++ b/files/fr/glossary/xlink/index.md
@@ -1,11 +1,7 @@
 ---
 title: XLink
 slug: Glossary/XLink
-tags:
-  - Encodage
-  - Glossaire
 translation_of: Glossary/XLink
-original_slug: Glossaire/XLink
 ---
 
 XLink est un standard du W3C qui sert à décrire des liens entre documents XML ou entre XML et d'autres documents. Un certain nombre de ses comportements est laissé à l'implémentation qui détermine comment ils doivent être gérés.
diff --git a/files/fr/glossary/xml/index.md b/files/fr/glossary/xml/index.md
index be816611e4e6ba..29fb396e4fb1d6 100644
--- a/files/fr/glossary/xml/index.md
+++ b/files/fr/glossary/xml/index.md
@@ -1,12 +1,7 @@
 ---
 title: XML
 slug: Glossary/XML
-tags:
-  - Encodage
-  - Glossaire
-  - XML
 translation_of: Glossary/XML
-original_slug: Glossaire/XML
 ---
 
 eXtensible Markup Language (XML) est un langage de balisage générique définit par le W3C. Le secteur IT utilise de nombreux langages basés sur XML comme langages de description de données.
diff --git a/files/fr/glossary/xmlhttprequest/index.md b/files/fr/glossary/xmlhttprequest/index.md
index 30b6b2482d9573..9ef388a39a139e 100644
--- a/files/fr/glossary/xmlhttprequest/index.md
+++ b/files/fr/glossary/xmlhttprequest/index.md
@@ -1,10 +1,7 @@
 ---
 title: XHR (XMLHttpRequest)
 slug: Glossary/XMLHttpRequest
-tags:
-  - Glossaire
 translation_of: Glossary/XHR_(XMLHttpRequest)
-original_slug: Glossary/XHR_(XMLHttpRequest)
 ---
 
 {{domxref("XMLHttpRequest")}} (XHR) est une {{Glossary("API")}} {{Glossary("JavaScript")}} pour créer des requêtes {{Glossary("AJAX")}}. Ses méthodes permettent d'envoyer des requêtes réseau entre le {{Glossary("Browser","navigateur")}} et un {{Glossary("Server","serveur")}}.
diff --git a/files/fr/glossary/xpath/index.md b/files/fr/glossary/xpath/index.md
index db6458f26332e3..2258d5723d3ea4 100644
--- a/files/fr/glossary/xpath/index.md
+++ b/files/fr/glossary/xpath/index.md
@@ -1,13 +1,7 @@
 ---
 title: XPath
 slug: Glossary/XPath
-tags:
-  - Encodage
-  - Glossaire
-  - XML
-  - XPath
 translation_of: Glossary/XPath
-original_slug: Glossaire/XPath
 ---
 
 **XPath** est un langage de requêtes permettant d'accéder aux sections et contenus d'un document {{glossary("XML")}}.
diff --git a/files/fr/glossary/xquery/index.md b/files/fr/glossary/xquery/index.md
index 0b3a47c3151a4c..0a696a7f7581a2 100644
--- a/files/fr/glossary/xquery/index.md
+++ b/files/fr/glossary/xquery/index.md
@@ -1,13 +1,7 @@
 ---
 title: XQuery
 slug: Glossary/XQuery
-tags:
-  - Encodage
-  - Glossaire
-  - XML
-  - XQuery
 translation_of: Glossary/XQuery
-original_slug: Glossaire/XQuery
 ---
 
 **XQuery** est un langage informatique pour mettre à jour, récupérer, et effectuer des calculs sur les données de bases de données {{glossary("XML")}}.
diff --git a/files/fr/glossary/xslt/index.md b/files/fr/glossary/xslt/index.md
index e11a203acf21a1..759648776e21b0 100644
--- a/files/fr/glossary/xslt/index.md
+++ b/files/fr/glossary/xslt/index.md
@@ -1,13 +1,7 @@
 ---
 title: XSLT
 slug: Glossary/XSLT
-tags:
-  - CodingScripting
-  - Glossaire
-  - XML
-  - XSLT
 translation_of: Glossary/XSLT
-original_slug: Glossaire/XSLT
 ---
 
 _eXtensible Stylesheet Language Transformations_ (**XSLT**) est un langage déclaratif utilisé pour convertir des documents {{Glossary("XML")}} en d'autres documents XML, {{Glossary("HTML")}}, {{Glossary("PDF")}}, text brut etc.

From df66324f0af6a4676da3e6ece526bec724d05076 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Thu, 29 Jun 2023 08:08:10 +0200
Subject: [PATCH 140/146] [zh-cn] sync translated content (#13972)

---
 files/zh-cn/_redirects.txt                    |  5 +++--
 files/zh-cn/_wikihistory.json                 | 20 +++++++++----------
 .../js13kgames/{introduction => }/index.md    |  4 ++--
 3 files changed, 15 insertions(+), 14 deletions(-)
 rename files/zh-cn/web/progressive_web_apps/tutorials/js13kgames/{introduction => }/index.md (98%)

diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt
index 9c07c786d0d84d..02d18146926b88 100644
--- a/files/zh-cn/_redirects.txt
+++ b/files/zh-cn/_redirects.txt
@@ -2038,7 +2038,7 @@
 /zh-CN/docs/Web/Apps/Fundamentals/Performance/Optimizing_startup_performance	/zh-CN/docs/Web/Performance/Optimizing_startup_performance
 /zh-CN/docs/Web/Apps/Progressive	/zh-CN/docs/Web/Progressive_web_apps
 /zh-CN/docs/Web/Apps/Progressive/App_structure	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/App_structure
-/zh-CN/docs/Web/Apps/Progressive/Introduction	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Introduction
+/zh-CN/docs/Web/Apps/Progressive/Introduction	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames
 /zh-CN/docs/Web/CSS/边框分割	/zh-CN/docs/Web/CSS/border-collapse
 /zh-CN/docs/Web/CSS/-moz-appearance	/zh-CN/docs/Web/CSS/appearance
 /zh-CN/docs/Web/CSS/-moz-outline-radius	/zh-CN/docs/Web/CSS/outline
@@ -2658,12 +2658,13 @@
 /zh-CN/docs/Web/Progressive_web_apps/Add_to_home_screen	/zh-CN/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable
 /zh-CN/docs/Web/Progressive_web_apps/App_structure	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/App_structure
 /zh-CN/docs/Web/Progressive_web_apps/Installable_PWAs	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Installable_PWAs
-/zh-CN/docs/Web/Progressive_web_apps/Introduction	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Introduction
+/zh-CN/docs/Web/Progressive_web_apps/Introduction	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames
 /zh-CN/docs/Web/Progressive_web_apps/Loading	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Loading
 /zh-CN/docs/Web/Progressive_web_apps/Offline_Service_workers	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Offline_Service_workers
 /zh-CN/docs/Web/Progressive_web_apps/Re-engageable_Notifications_Push	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Re-engageable_Notifications_Push
 /zh-CN/docs/Web/Progressive_web_apps/Responsive/Media_types	/zh-CN/docs/Web/CSS/CSS_media_queries/Using_media_queries
 /zh-CN/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks	/zh-CN/docs/Learn/CSS/CSS_layout/Responsive_Design
+/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Introduction	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames
 /zh-CN/docs/Web/Progressive_web_apps/加载	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Loading
 /zh-CN/docs/Web/Progressive_web_apps/添加到主屏幕	/zh-CN/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable
 /zh-CN/docs/Web/SVG/Attribute/文本锚点	/zh-CN/docs/Web/SVG/Attribute/text-anchor
diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
index 67e07b90457944..f698d7c7cbcd0c 100644
--- a/files/zh-cn/_wikihistory.json
+++ b/files/zh-cn/_wikihistory.json
@@ -32180,6 +32180,16 @@
     "modified": "2019-11-13T02:27:54.714Z",
     "contributors": ["JC-Ge"]
   },
+  "Web/Progressive_web_apps/Tutorials/js13kGames": {
+    "modified": "2019-08-21T09:58:46.102Z",
+    "contributors": [
+      "jackupdown",
+      "zjffun",
+      "chrisdavidmills",
+      "eightHundreds",
+      "yijie_sun"
+    ]
+  },
   "Web/Progressive_web_apps/Tutorials/js13kGames/App_structure": {
     "modified": "2020-05-31T18:38:01.454Z",
     "contributors": [
@@ -32206,16 +32216,6 @@
       "deping_chen"
     ]
   },
-  "Web/Progressive_web_apps/Tutorials/js13kGames/Introduction": {
-    "modified": "2019-08-21T09:58:46.102Z",
-    "contributors": [
-      "jackupdown",
-      "zjffun",
-      "chrisdavidmills",
-      "eightHundreds",
-      "yijie_sun"
-    ]
-  },
   "Web/Progressive_web_apps/Tutorials/js13kGames/Loading": {
     "modified": "2019-08-31T10:29:37.985Z",
     "contributors": ["githubxiaominge"]
diff --git a/files/zh-cn/web/progressive_web_apps/tutorials/js13kgames/introduction/index.md b/files/zh-cn/web/progressive_web_apps/tutorials/js13kgames/index.md
similarity index 98%
rename from files/zh-cn/web/progressive_web_apps/tutorials/js13kgames/introduction/index.md
rename to files/zh-cn/web/progressive_web_apps/tutorials/js13kgames/index.md
index f2d2ad9932b831..8b9c2221e5761a 100644
--- a/files/zh-cn/web/progressive_web_apps/tutorials/js13kgames/introduction/index.md
+++ b/files/zh-cn/web/progressive_web_apps/tutorials/js13kgames/index.md
@@ -1,7 +1,7 @@
 ---
 title: 渐进式 Web 应用介绍
-slug: Web/Progressive_web_apps/Tutorials/js13kGames/Introduction
-original_slug: Web/Progressive_web_apps/Introduction
+slug: Web/Progressive_web_apps/Tutorials/js13kGames
+original_slug: Web/Progressive_web_apps/Tutorials/js13kGames/Introduction
 ---
 
 {{PWASidebar}} {{NextMenu("Web/Progressive_web_apps/Tutorials/js13kGames/App_structure", "Web/Progressive_web_apps/Tutorials/js13kGames")}}

From 2f89b6040aa8d52bb4a2baa8236dd94a5c5ef35b Mon Sep 17 00:00:00 2001
From: lfl976 <32660840+lfl976@users.noreply.github.com>
Date: Thu, 29 Jun 2023 22:52:48 +0900
Subject: [PATCH 141/146] initial zh-cn translation of EyeDropper API (#13957)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../web/api/eyedropper/eyedropper/index.md    |  31 +++++
 files/zh-cn/web/api/eyedropper/index.md       | 115 ++++++++++++++++++
 files/zh-cn/web/api/eyedropper/open/index.md  |  53 ++++++++
 files/zh-cn/web/api/eyedropper_api/index.md   |  40 ++++++
 4 files changed, 239 insertions(+)
 create mode 100644 files/zh-cn/web/api/eyedropper/eyedropper/index.md
 create mode 100644 files/zh-cn/web/api/eyedropper/index.md
 create mode 100644 files/zh-cn/web/api/eyedropper/open/index.md
 create mode 100644 files/zh-cn/web/api/eyedropper_api/index.md

diff --git a/files/zh-cn/web/api/eyedropper/eyedropper/index.md b/files/zh-cn/web/api/eyedropper/eyedropper/index.md
new file mode 100644
index 00000000000000..8fc762c78b26c1
--- /dev/null
+++ b/files/zh-cn/web/api/eyedropper/eyedropper/index.md
@@ -0,0 +1,31 @@
+---
+title: EyeDropper：EyeDropper() 构造函数
+short-title: EyeDropper()
+slug: Web/API/EyeDropper/EyeDropper
+---
+
+{{APIRef("EyeDropper API")}}{{SeeCompatTable}}
+
+**`EyeDropper()`** 构造函数返回一个新的 {{DOMxRef("EyeDropper")}} 对象。
+
+## 语法
+
+```js-nolint
+new EyeDropper()
+```
+
+### 参数
+
+无。
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- 它属于 {{DOMxRef("EyeDropper")}} 接口。
diff --git a/files/zh-cn/web/api/eyedropper/index.md b/files/zh-cn/web/api/eyedropper/index.md
new file mode 100644
index 00000000000000..b56ce7885e2b90
--- /dev/null
+++ b/files/zh-cn/web/api/eyedropper/index.md
@@ -0,0 +1,115 @@
+---
+title: EyeDropper
+slug: Web/API/EyeDropper
+---
+
+{{securecontext_header}}{{APIRef("EyeDropper API")}}{{SeeCompatTable}}
+
+**`EyeDropper`** 接口表示一个拾色器工具的实例，用户可以打开并使用它从屏幕上选择颜色。
+
+## 构造函数
+
+- {{DOMxRef("EyeDropper.EyeDropper", "EyeDropper()")}} {{Experimental_Inline}}
+  - : 返回一个新的 `EyeDropper` 实例。
+
+## 实例方法
+
+_`EyeDropper` 接口不继承任何方法_。
+
+- {{DOMxRef("EyeDropper.open()")}} {{Experimental_Inline}}
+  - : 返回一个 Promise，该 Promise 会兑现一个可以访问所选颜色的对象。
+
+## 示例
+
+### 打开拾色器工具并进行颜色采样
+
+以下示例演示如何打开拾色器工具，并等待用户选择屏幕上的像素，或按下 <kbd>Escape</kbd> 键取消拾色器模式。
+
+#### HTML
+
+```html
+<button id="start-button">打开拾色器</button> <span id="result"></span>
+```
+
+#### JavaScript
+
+```js
+document.getElementById("start-button").addEventListener("click", () => {
+  const resultElement = document.getElementById("result");
+
+  if (!window.EyeDropper) {
+    resultElement.textContent =
+      "你的浏览器不支持 EyeDropper API";
+    return;
+  }
+
+  const eyeDropper = new EyeDropper();
+
+  eyeDropper
+    .open()
+    .then((result) => {
+      resultElement.textContent = result.sRGBHex;
+      resultElement.style.backgroundColor = result.sRGBHex;
+    })
+    .catch((e) => {
+      resultElement.textContent = e;
+    });
+});
+```
+
+#### 结果
+
+{{EmbedLiveSample("打开拾色器工具并进行颜色采样")}}
+
+### 中止拾色器模式
+
+以下示例演示如何打开拾色器工具，并等待用户选择屏幕上的像素或按下 <kbd>Escape</kbd> 键来取消拾色器模式。
+
+#### HTML
+
+```html
+<button id="start-button">打开拾色器</button> <span id="result"></span>
+```
+
+#### JavaScript
+
+```js
+document.getElementById("start-button").addEventListener("click", () => {
+  const resultElement = document.getElementById("result");
+
+  if (!window.EyeDropper) {
+    resultElement.textContent =
+      "你的浏览器不支持 EyeDropper API";
+    return;
+  }
+
+  const eyeDropper = new EyeDropper();
+  const abortController = new AbortController();
+
+  eyeDropper
+    .open({ signal: abortController.signal })
+    .then((result) => {
+      resultElement.textContent = result.sRGBHex;
+      resultElement.style.backgroundColor = result.sRGBHex;
+    })
+    .catch((e) => {
+      resultElement.textContent = e;
+    });
+
+  setTimeout(() => {
+    abortController.abort();
+  }, 2000);
+});
+```
+
+#### 结果
+
+{{EmbedLiveSample("中止拾色器模式")}}
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
diff --git a/files/zh-cn/web/api/eyedropper/open/index.md b/files/zh-cn/web/api/eyedropper/open/index.md
new file mode 100644
index 00000000000000..e63e9da1855c9d
--- /dev/null
+++ b/files/zh-cn/web/api/eyedropper/open/index.md
@@ -0,0 +1,53 @@
+---
+title: EyeDropper：open() 方法
+short-title: open()
+slug: Web/API/EyeDropper/open
+---
+
+{{APIRef("EyeDropper API")}}{{SeeCompatTable}}
+
+**`EyeDropper.open()`** 方法启动拾色器模式，返回一个 Promise，在用户选择颜色而退出拾色器模式后兑现。
+
+## 语法
+
+```js-nolint
+open()
+open(options)
+```
+
+### 参数
+
+- `options` {{optional_inline}}
+
+  - : 一个用于传递 {{domxref("AbortSignal")}} 信号的对象：
+
+    - `signal`
+      - : 一个 {{domxref("AbortSignal")}} 对象。当调用 `AbortSignal` 的 {{domxref("AbortController/abort()", "abort()")}} 方法时，拾色器模式将被中止。
+
+### 返回值
+
+一个 {{jsxref("Promise")}}，最终在用户从屏幕上选择一个像素颜色时解决。
+
+该 Promise 会兑现一个带有以下属性的对象：
+
+- `sRGBHex`
+  - : 代表所选颜色的字符串，采用十六进制 sRGB 格式（`#aabbcc`）。
+
+### 异常
+
+在 {{jsxref("Promise")}} 被拒绝（rejected）时，不会抛出异常，而是返回一个错误对象。Promise 在以下两种情况下被拒绝：
+
+- 当用户通过按下 <kbd>Escape</kbd> 键来取消拾色器模式时。
+- 当通过作为参数传递给 `open()` 方法的 {{domxref("AbortController")}} 来中止拾色器模式时。
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- 它属于 {{DOMxRef("EyeDropper")}} 接口。
diff --git a/files/zh-cn/web/api/eyedropper_api/index.md b/files/zh-cn/web/api/eyedropper_api/index.md
new file mode 100644
index 00000000000000..6a59c32fe30faf
--- /dev/null
+++ b/files/zh-cn/web/api/eyedropper_api/index.md
@@ -0,0 +1,40 @@
+---
+title: EyeDropper API
+slug: Web/API/EyeDropper_API
+---
+
+{{DefaultAPISidebar("EyeDropper API")}}{{SeeCompatTable}}
+
+**EyeDropper API** 提供了一种创建拾色器工具的机制。使用该工具，用户可以从屏幕上取样颜色，包括浏览器窗口之外的区域。
+
+## 概念
+
+创意应用通常允许用户从应用程序中的绘图或形状中取样颜色以便重用。Web 应用程序可以利用 **EyeDropper API**，通过浏览器提供类似的拾色器模式。
+
+使用该 API，Web 应用程序可以启动拾色器模式。一旦启动，光标会变化以提示用户拾色器模式处于活动状态。用户可以从屏幕上的任意位置选择颜色，或者按下 <kbd>Escape</kbd> 键取消拾色器模式。
+
+## 安全和隐私措施
+
+为了防止恶意网站在用户不知情的情况下获取其屏幕上的像素数据，**EyeDropper API** 实施了以下措施：
+
+- 该 API 不允许在没有用户意图的情况下启动拾色器模式。只能在用户操作（例如按钮点击）的响应中调用 {{domxref("EyeDropper.prototype.open()")}} 方法。
+- 在没有用户新的意图的情况下，无法再次获取任何像素信息。由 {{domxref("EyeDropper.prototype.open()")}} 返回的 Promise 只会在用户操作（例如点击像素）的响应中返回一个颜色值。因此，无法在用户不知情的情况下在后台使用拾色器。
+- 为了帮助用户更容易地注意到拾色器模式，浏览器会提供明显的提示。在启动拾色器模式后，正常的鼠标光标会在短暂延迟后消失，取而代之的是一个放大镜图标。此外，拾色器模式开始和用户能够选择像素之间存在一段延迟，以确保用户有足够的时间看到放大镜图标。
+- 用户还可以随时取消拾色器模式（通过按下 <kbd>Escape</kbd> 键）。
+
+## 接口
+
+- {{DOMxRef("EyeDropper")}} {{Experimental_Inline}}
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- [使用 EyeDropper API，可以选择屏幕上任意像素的颜色。](https://web.dev/eyedropper/)
+- [EyeDropper API W3C/SMPTE 联合研讨会](https://www.w3.org/2021/03/media-production-workshop/talks/patrick-brosset-eyedropper-api.html)

From ff4cfb4f9e31cb626a84afa702db36d0f8d7fcda Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Thu, 29 Jun 2023 22:25:32 +0800
Subject: [PATCH 142/146] [zh-cn] update [copy|cut|paste] event of element
 (#13966)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../zh-cn/web/api/element/copy_event/index.md |  98 ++++++++++-------
 .../zh-cn/web/api/element/cut_event/index.md  | 101 ++++++++++++------
 .../web/api/element/paste_event/index.md      |  94 ++++++++--------
 3 files changed, 179 insertions(+), 114 deletions(-)

diff --git a/files/zh-cn/web/api/element/copy_event/index.md b/files/zh-cn/web/api/element/copy_event/index.md
index e56356e2fcfd4c..d5ab52391c399c 100644
--- a/files/zh-cn/web/api/element/copy_event/index.md
+++ b/files/zh-cn/web/api/element/copy_event/index.md
@@ -1,52 +1,74 @@
 ---
-title: copy
+title: Element：copy 事件
+short-title: copy
 slug: Web/API/Element/copy_event
 ---
 
-当用户通过浏览器 UI（例如，使用 <kbd>Ctrl</kbd>/<kbd>⌘</kbd>+<kbd>C</kbd> 键盘快捷方式或从菜单中选择“复制”）启动复制操作并响应允许的{{domxref("Document.execCommand","document.execCommand('copy')")}}调用时触发`copy`事件。
+{{APIRef}}
 
-## 基本信息
+当用户通过浏览器的用户界面发起复制动作时，将触发 **`copy`** 事件。
 
-- Specification
-  - : [Clipboard](https://www.w3.org/TR/clipboard-apis/#the-copy-action)
-- Interface
-  - : {{domxref("ClipboardEvent")}}
-- Bubbles
-  - : Yes
-- Cancelable
-  - : Yes
-- Target
-  - : {{domxref("Element")}}：获得焦点的元素（如{{domxref("HTMLElement.contentEditable","contentEditable")}}内容能编辑或者可以选中的元素），或{{HTMLElement("body")}}。
-- Default Action
-  - : 见下文。
+该事件的默认行为是将当前选中的内容（如有）复制到系统剪贴板。
 
-调用{{domxref("DataTransfer.setData","setData(format, data)")}}可以修改{{domxref("ClipboardEvent.clipboardData")}}事件的默认行为：
+事件处理器可以通过调用 {{domxref("ClipboardEvent.clipboardData")}} 属性上的 {{domxref("DataTransfer.setData", "setData(format, data)")}} *修改*剪贴板内容，并通过 {{domxref("Event/preventDefault", "event.preventDefault()")}} 取消默认行为。
+
+然而，事件处理器不可以*读取*剪贴板数据。
+
+可以构建和派发一个[合成](/zh-CN/docs/Web/Events/Creating_and_triggering_events) `copy` 事件，但这不会影响系统剪贴板。
+
+## 语法
+
+在类似于 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 这样的方法中使用事件名，或设置事件处理器属性。
 
 ```js
-document.addEventListener('copy', function(e){
-    e.clipboardData.setData('text/plain', 'Hello, world!');
-    e.clipboardData.setData('text/html', '<b>Hello, world!</b>');
-    e.preventDefault(); // We want our data, not data from any selection, to be written to the clipboard
-});
+addEventListener("copy", (event) => {});
+
+oncopy = (event) => {};
+```
+
+## 事件类型
+
+{{domxref("ClipboardEvent")}}。继承自 {{domxref("Event")}}。
+
+{{InheritanceDiagram("ClipboardEvent")}}
+
+## 示例
+
+### 实时示例
+
+#### HTML
+
+```html
+<div class="source" contenteditable="true">从这个盒子复制文字</div>
+<div class="target" contenteditable="true">在这里粘贴</div>
+```
+
+```css hidden
+div.source,
+div.target {
+  border: 1px solid gray;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  height: 1rem;
+  background-color: #e9eef1;
+}
 ```
 
-不能使用{{domxref("DataTransfer.getData", "clipboardData.getData()")}}在事件处理函数中获取剪切板数据。
+#### JavaScript
 
-事件的默认行为与事件的来源和事件处理函数相关：
+```js
+const source = document.querySelector("div.source");
 
-- [synthetic](/zh-CN/docs/Web/Guide/Events/Creating_and_triggering_events) copy 事件没有默认行为，除非：
-- 如果默认事件没有取消，就复制到选区（如果有选中内容）到剪切板；
-- 如果取消了默认事件，但是调用了`setData()`方法：就复制`clipboardData`的内容到到剪切板；
-- 如果取消了默认行为，而且没有调用`setData()`方法，就没有任何行为。
+source.addEventListener("copy", (event) => {
+  const selection = document.getSelection();
+  event.clipboardData.setData("text/plain", selection.toString().toUpperCase());
+  event.preventDefault();
+});
+```
 
-## 属性
+#### 结果
 
-| Property                              | Type                                 | Description                                            |
-| ------------------------------------- | ------------------------------------ | ------------------------------------------------------ |
-| `target` {{readonlyInline}}     | {{domxref("EventTarget")}} | The event target (the topmost target in the DOM tree). |
-| `type` {{readonlyInline}}       | {{domxref("DOMString")}}     | The type of event.                                     |
-| `bubbles` {{readonlyInline}}    | {{jsxref("Boolean")}}         | Whether the event normally bubbles or not.             |
-| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}}         | Whether the event is cancellable or not.               |
+{{ EmbedLiveSample('实时示例', '100%', '120px') }}
 
 ## 规范
 
@@ -58,8 +80,6 @@ document.addEventListener('copy', function(e){
 
 ## 参见
 
-- {{domxref("HTMLElement.oncopy")}}
-- Related events
-
-  - [`cut`](/zh-CN/docs/Web/API/Element/cut_event)
-  - [`paste`](/zh-CN/docs/Web/API/Element/paste_event)
+- 相关联事件：{{domxref("Element/cut_event", "cut")}}、{{domxref("Element/paste_event", "paste")}}
+- {{domxref("Document")}} 目标上的这个事件：{{domxref("Document/copy_event", "copy")}}
+- {{domxref("Window")}} 目标上的这个事件：{{domxref("Window/copy_event", "copy")}}
diff --git a/files/zh-cn/web/api/element/cut_event/index.md b/files/zh-cn/web/api/element/cut_event/index.md
index b33d403b57823a..ca10cfad8fed16 100644
--- a/files/zh-cn/web/api/element/cut_event/index.md
+++ b/files/zh-cn/web/api/element/cut_event/index.md
@@ -1,38 +1,79 @@
 ---
-title: cut
+title: Element：cut 事件
+short-title: cut
 slug: Web/API/Element/cut_event
 ---
 
-> **警告：** This page needs to be updated to match the currently specified behaviour. In the meantime please refer to the specification: [https://www.w3.org/TR/clipboard-apis/#the-cut-action](https://www.w3.org/TR/clipboard-apis/#the-paste-action)
+{{APIRef}}
 
-**`cut`** 事件在将选中内容从文档中删除并将其添加到剪贴板后触发。
+当用户通过浏览器的用户界面发起“剪切”动作时，将触发 **`cut`** 事件。
 
-如果用户尝试对不可编辑内容执行剪切操作，则`cut`事件仍会触发，但事件对象不包含任何数据。
+如果用户尝试对不可编辑内容执行剪切操作，则 `cut` 事件仍会触发，但事件对象不包含任何数据。
 
-## 基本信息
+该事件的默认行为是将当前选中的内容（如有）复制到系统剪贴板，并从当前文档中移除。
 
-- 规范
-  - : [Clipboard](http://www.w3.org/TR/clipboard-apis/#cut-event)
-- 接口
-  - : {{domxref("ClipboardEvent")}}
-- 是否冒泡
-  - : Yes
-- 可取消默认行为
-  - : Yes
-- 目标对象
-  - : {{domxref("DefaultView")}}, {{domxref("Document")}}, {{domxref("Element")}}
-- 默认行为
-  - : None
+事件处理器可以通过调用 {{domxref("ClipboardEvent.clipboardData")}} 属性上的 {{domxref("DataTransfer.setData", "setData(format, data)")}} *修改*剪贴板内容，并通过 {{domxref("Event/preventDefault", "event.preventDefault()")}} 取消默认行为。
 
-## 属性
+但是请注意，取消默认动作也会阻止文档被更新。所以一个事件处理器想要在修改剪贴板时模仿默认动作“剪切”，也必须手动从文档中删除选择。
 
-| Property                               | Type                                 | Description                                  |
-| -------------------------------------- | ------------------------------------ | -------------------------------------------- |
-| `target` {{readonlyInline}}      | {{domxref("EventTarget")}} | 事件对象（DOM 树的顶层对象）。               |
-| `type` {{readonlyInline}}        | {{domxref("DOMString")}}     | 事件的类型。                                 |
-| `bubbles` {{readonlyInline}}     | {{jsxref("Boolean")}}         | 事件是否冒泡。                               |
-| `cancelable` {{readonlyInline}}  | {{jsxref("Boolean")}}         | 事件是否可以取消。                           |
-| clipboardData {{readonlyInline}} | {{domxref("DataTransfer")}} | 剪贴板的内容。不仅仅是文本，还有文件和图片。 |
+事件处理器不可以*读取*剪贴板数据。
+
+可以构建和派发一个[合成](/zh-CN/docs/Web/Events/Creating_and_triggering_events) `cut` 事件，但这不会影响系统剪贴板或文档内容。
+
+## 语法
+
+在类似于 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 这样的方法中使用事件名，或设置事件处理器属性。
+
+```js
+addEventListener("cut", (event) => {});
+
+oncut = (event) => {};
+```
+
+## 事件类型
+
+{{domxref("ClipboardEvent")}}。继承自 {{domxref("Event")}}。
+
+{{InheritanceDiagram("ClipboardEvent")}}
+
+## 示例
+
+### 实时示例
+
+#### HTML
+
+```html
+<div class="source" contenteditable="true">从这个盒子剪切文字</div>
+<div class="target" contenteditable="true">在这里粘贴</div>
+```
+
+```css hidden
+div.source,
+div.target {
+  border: 1px solid gray;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  height: 1rem;
+  background-color: #e9eef1;
+}
+```
+
+#### JavaScript
+
+```js
+const source = document.querySelector("div.source");
+
+source.addEventListener("cut", (event) => {
+  const selection = document.getSelection();
+  event.clipboardData.setData("text/plain", selection.toString().toUpperCase());
+  selection.deleteFromDocument();
+  event.preventDefault();
+});
+```
+
+#### 结果
+
+{{ EmbedLiveSample('实时示例', '100%', '120px') }}
 
 ## 规范
 
@@ -42,10 +83,8 @@ slug: Web/API/Element/cut_event
 
 {{Compat}}
 
-## 相关
-
-- {{domxref("HTMLElement.oncut")}}
-- Related events
+## 参见
 
-  - [`copy`](/zh-CN/docs/Web/API/Element/copy_event)
-  - [`paste`](/zh-CN/docs/Web/API/Element/paste_event)
+- 相关联事件：{{domxref("Element/copy_event", "copy")}}、{{domxref("Element/paste_event", "paste")}}
+- {{domxref("Document")}} 目标上的这个事件：{{domxref("Document/cut_event", "cut")}}
+- {{domxref("Window")}} 目标上的这个事件：{{domxref("Window/cut_event", "cut")}}
diff --git a/files/zh-cn/web/api/element/paste_event/index.md b/files/zh-cn/web/api/element/paste_event/index.md
index 03b53262d0e103..02fdeb6a658c7b 100644
--- a/files/zh-cn/web/api/element/paste_event/index.md
+++ b/files/zh-cn/web/api/element/paste_event/index.md
@@ -1,74 +1,80 @@
 ---
-title: 'Element: paste 事件'
+title: Element：paste 事件
+short-title: paste
 slug: Web/API/Element/paste_event
 ---
 
 {{APIRef}}
 
-当用户在浏览器用户界面发起“粘贴”操作时，会触发 **`paste`** 事件。
+当用户通过浏览器的用户界面发起“粘贴”动作时，将触发 **`paste`** 事件。
 
-```
-冒泡                 是
+如果光标处于可编辑的上下文中（例如，在 {{HTMLElement("textarea")}} 或 [`contenteditable`](/zh-CN/docs/Web/HTML/Global_attributes/contenteditable) 属性设置为 `true` 的元素中），那么默认动作是将剪贴板的内容插入光标位置的文档中。
 
-可取消               是
+事件处理器可以通过调用事件 `clipboardData` 属性的 {{domxref("DataTransfer/getData", "getData()")}} 方法来访问剪贴板内容。
 
-接口                 {{domxref("ClipboardEvent")}}
+要覆盖默认行为（例如插入一些不同的数据或转换剪贴板内容），事件处理程序必须使用 {{domxref("Event/preventDefault", "event.preventDefault()")}} 取消默认动作，然后手动插入其想要的数据。
 
-事件处理属性          {{domxref("HTMLElement/onpaste", "onpaste")}}
-```
+可以构建和派发一个[合成](/zh-CN/docs/Web/Events/Creating_and_triggering_events) `paste` 事件，但这不会影响系统剪贴板或文档内容。
+
+## 语法
 
-如果光标位于可编辑的上下文中（例如，在 {{HTMLElement("textarea")}} 或者 [`contenteditable`](/zh-CN/docs/Web/HTML/Global_attributes/contenteditable) 属性设置为 `true 的元素`），则默认操作是将剪贴板的内容插入光标所在位置的文档中。
+在类似于 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 这样的方法中使用事件名，或设置事件处理器属性。
 
-事件处理程序可以通过调用事件的 `clipboardData` 属性上的 {{domxref("DataTransfer/getData", "getData()")}}访问剪贴板内容。
+```js
+addEventListener("paste", (event) => {});
+
+onpaste = (event) => {};
+```
 
-要覆盖默认行为（例如，插入一些不同的数据或转换剪贴板的内容），事件处理程序必须使用 {{domxref("Event/preventDefault", "event.preventDefault()")}}，取消默认操作，然后手动插入想要的数据。
+## 事件类型
 
-可以构造和分派[合成的](/zh-CN/docs/Web/Guide/Events/Creating_and_triggering_events)`paste`事件，但这不会影响文档内容。
+{{domxref("ClipboardEvent")}}。继承自 {{domxref("Event")}}。
 
-## 举例
+{{InheritanceDiagram("ClipboardEvent")}}
 
-### Live example
+## 示例
+
+### 实时示例
 
 #### HTML
 
 ```html
-<div class="source" contenteditable="true">Try copying text from this box...</div>
-<div class="target" contenteditable="true">...and pasting it into this one</div>
+<div class="source" contenteditable="true">从这个盒子复制文字</div>
+<div class="target" contenteditable="true">在这里粘贴</div>
 ```
 
-#### CSS
-
-```css
-div.source, div.target {
-    border: 1px solid gray;
-    margin: .5rem;
-    padding: .5rem;
-    height: 1rem;
-    background-color: #e9eef1;
+```css hidden
+div.source,
+div.target {
+  border: 1px solid gray;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  height: 1rem;
+  background-color: #e9eef1;
 }
 ```
 
-#### JS
+#### JavaScript
 
 ```js
-const target = document.querySelector('div.target');
-
-target.addEventListener('paste', (event) => {
-    let paste = (event.clipboardData || window.clipboardData).getData('text');
-    paste = paste.toUpperCase();
-
-    const selection = window.getSelection();
-    if (!selection.rangeCount) return false;
-    selection.deleteFromDocument();
-    selection.getRangeAt(0).insertNode(document.createTextNode(paste));
-
-    event.preventDefault();
+const target = document.querySelector("div.target");
+
+target.addEventListener("paste", (event) => {
+  event.preventDefault();
+
+  let paste = (event.clipboardData || window.clipboardData).getData("text");
+  paste = paste.toUpperCase();
+  const selection = window.getSelection();
+  if (!selection.rangeCount) return;
+  selection.deleteFromDocument();
+  selection.getRangeAt(0).insertNode(document.createTextNode(paste));
+  selection.collapseToEnd();
 });
 ```
 
-#### Result
+#### 结果
 
-{{EmbedLiveSample('Live_example', '100%', '100px')}}
+{{ EmbedLiveSample('实时示例', '100%', '120px') }}
 
 ## 规范
 
@@ -78,8 +84,8 @@ target.addEventListener('paste', (event) => {
 
 {{Compat}}
 
-## 另见
+## 参见
 
-- Related events: {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}
-- This event on {{domxref("Document")}} targets: {{domxref("Document/paste_event", "paste")}}
-- This event on {{domxref("Window")}} targets: {{domxref("Window/paste_event", "paste")}}
+- 相关联事件：{{domxref("Element/cut_event", "cut")}}、{{domxref("Element/copy_event", "copy")}}
+- {{domxref("Document")}} 目标上的这个事件：{{domxref("Document/paste_event", "paste")}}
+- {{domxref("Window")}} 目标上的这个事件：{{domxref("Window/paste_event", "paste")}}

From e636f9fc90a1c7421bebdd923734fe59feb46b60 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Thu, 29 Jun 2023 12:25:24 -0600
Subject: [PATCH 143/146] es: Remove Document.registerElement from MDN as en-US
 (#13861)

* es: Remove Document.registerElement from MDN as en-US

* fix-redirect
---
 files/es/_redirects.txt                       |  3 +-
 files/es/_wikihistory.json                    |  4 --
 .../api/customelementregistry/define/index.md | 57 -------------------
 3 files changed, 2 insertions(+), 62 deletions(-)
 delete mode 100644 files/es/conflicting/web/api/customelementregistry/define/index.md

diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index 400bd8db9619ad..062e3344eed42e 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -1625,7 +1625,7 @@
 /es/docs/Web/API/Document/height	/es/docs/web/api/element/clientheight
 /es/docs/Web/API/Document/keydown_event	/es/docs/Web/API/Element/keydown_event
 /es/docs/Web/API/Document/keyup_event	/es/docs/Web/API/Element/keyup_event
-/es/docs/Web/API/Document/registerElement	/es/docs/conflicting/Web/API/CustomElementRegistry/define
+/es/docs/Web/API/Document/registerElement	/es/docs/Web/API/CustomElementRegistry/define
 /es/docs/Web/API/Document/selectstart_event	/es/docs/Web/API/Node/selectstart_event
 /es/docs/Web/API/DocumentOrShadowRoot/getSelection	/es/docs/Web/API/Document/getSelection
 /es/docs/Web/API/DocumentOrShadowRoot/pointerLockElement	/es/docs/Web/API/Document/pointerLockElement
@@ -2931,6 +2931,7 @@
 /es/docs/XSLT:with-param	/es/docs/Web/XSLT/Element/with-param
 /es/docs/Zoom_a_página_completa	/es/docs/Mozilla/Firefox/Releases/3/Full_page_zoom
 /es/docs/conflicting/Web/API/CanvasRenderingContext2D	/es/docs/web/api/canvasrenderingcontext2d
+/es/docs/conflicting/Web/API/CustomElementRegistry/define	/es/docs/Web/API/CustomElementRegistry/define
 /es/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries	/es/docs/Web/CSS/CSS_media_queries/Using_media_queries
 /es/docs/conflicting/web/api/blob	/es/docs/web/api/blob
 /es/docs/conflicting/web/api/element/clientheight	/es/docs/web/api/element/clientheight
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index 3e4460b26abe30..4c96bd877e149e 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -14435,10 +14435,6 @@
     "modified": "2019-03-23T22:25:15.548Z",
     "contributors": ["Jeremie"]
   },
-  "conflicting/Web/API/CustomElementRegistry/define": {
-    "modified": "2019-03-23T22:58:15.536Z",
-    "contributors": ["SphinxKnight", "AlePerez92", "mclo", "chrisdavidmills"]
-  },
   "conflicting/Web/API/Document_Object_Model": {
     "modified": "2019-03-24T00:02:47.149Z",
     "contributors": ["fscholz", "Mgjbot", "Nathymig", "Jorolo"]
diff --git a/files/es/conflicting/web/api/customelementregistry/define/index.md b/files/es/conflicting/web/api/customelementregistry/define/index.md
deleted file mode 100644
index 2b4ab75f510eee..00000000000000
--- a/files/es/conflicting/web/api/customelementregistry/define/index.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Document.registerElement()
-slug: conflicting/Web/API/CustomElementRegistry/define
-original_slug: Web/API/Document/registerElement
----
-
-{{APIRef("DOM")}}{{Deprecated_header}}
-
-El **`Document.registerElement()`** registra un nuevo [elemento personalizado](/es/docs/Web/Web_Components/Custom_Elements) en el navegador y devuelve un constructor para el nuevo elemento.
-
-> **Nota:** Esta es una tecnología experimental. El navegador que utilice debe ser compatible con Web Components. Ver [Web Components habilitados en Firefox](/es/docs/Web/Web_Components#Enabling_Web_Components_in_Firefox).
-
-## Sintaxis
-
-```js
-var constructor = document.registerElement(tag-name, options);
-```
-
-### Parámetros
-
-- _tag-name_
-  - : El nombre del elemento personalizado. El nombre debe contener un guión (-), por ejemplo `my-tag`.
-- _options {{optional_inline}}_
-  - : Un objeto que da nombre al prototipo que sirve de base para el elemento personalizado, y una etiqueta existente para extender. Ambos son opcionales.
-
-## Ejemplo
-
-Aquí hay un ejemplo muy simple:
-
-```js
-var Mytag = document.registerElement('my-tag');
-```
-
-Ahora el nuevo tag se ha registrado en el navegador. La variable MyTag contiene un constructor que lo puedes usar para crear un elemento my-tag en el documento de la siguiente manera:
-
-```js
-document.body.appendChild(new Mytag());
-```
-
-Esto inserta un elemento my-tag vacío que será visible si utiliza las herramientas de desarrollo del navegador. No será visible si usa la capacidad de ver el código fuente del navegador. Y no será visible en el navegador a menos que agregue algún contenido para la etiqueta. Esta es la manera de agregar contenido a la nueva etiqueta:
-
-```js
-var mytag = document.getElementsByTagName("my-tag")[0];
-mytag.textContent = "I am a my-tag element.";
-```
-
-## Especificaciones
-
-{{Specifications}}
-
-## Compatibilidad del Navegador
-
-{{Compat}}
-
-## Ver también
-
-- [Custom Elements](/es/docs/Web/Web_Components/Custom_Elements)

From f01aba15a869c38876ebaa846f027d95b13f58fe Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Thu, 29 Jun 2023 13:22:20 -0600
Subject: [PATCH 144/146] es: Remove PositionOptions dictionary from MDN as
 en-US (#13862)

---
 files/es/_redirects.txt                       |  3 +-
 files/es/_wikihistory.json                    |  4 --
 .../geolocation/getcurrentposition/index.md   | 37 -------------------
 3 files changed, 2 insertions(+), 42 deletions(-)
 delete mode 100644 files/es/conflicting/web/api/geolocation/getcurrentposition/index.md

diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index 062e3344eed42e..e68b0909745b23 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -1702,7 +1702,7 @@
 /es/docs/Web/API/Notifications_API/Usando_la_API_de_Notificaciones	/es/docs/Web/API/Notifications_API/Using_the_Notifications_API
 /es/docs/Web/API/ParentNode/childElementCount	/es/docs/Web/API/Element/childElementCount
 /es/docs/Web/API/Position	/es/docs/Web/API/GeolocationPosition
-/es/docs/Web/API/PositionOptions	/es/docs/conflicting/Web/API/Geolocation/getCurrentPosition
+/es/docs/Web/API/PositionOptions	/es/docs/Web/API/Geolocation/getCurrentPosition
 /es/docs/Web/API/PushManager/supportedContentEncodings	/es/docs/Web/API/PushManager/supportedContentEncodings_static
 /es/docs/Web/API/RandomSource/Obtenervaloresaleatorios	/es/docs/Web/API/Crypto/getRandomValues
 /es/docs/Web/API/SubtleCrypto/encrypt	/es/docs/Web/HTTP/Headers/Digest
@@ -2932,6 +2932,7 @@
 /es/docs/Zoom_a_página_completa	/es/docs/Mozilla/Firefox/Releases/3/Full_page_zoom
 /es/docs/conflicting/Web/API/CanvasRenderingContext2D	/es/docs/web/api/canvasrenderingcontext2d
 /es/docs/conflicting/Web/API/CustomElementRegistry/define	/es/docs/Web/API/CustomElementRegistry/define
+/es/docs/conflicting/Web/API/Geolocation/getCurrentPosition	/es/docs/Web/API/Geolocation/getCurrentPosition
 /es/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries	/es/docs/Web/CSS/CSS_media_queries/Using_media_queries
 /es/docs/conflicting/web/api/blob	/es/docs/web/api/blob
 /es/docs/conflicting/web/api/element/clientheight	/es/docs/web/api/element/clientheight
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index 4c96bd877e149e..451b7e82ff9ca8 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -14492,10 +14492,6 @@
     "modified": "2019-03-23T23:01:31.642Z",
     "contributors": ["fscholz"]
   },
-  "conflicting/Web/API/Geolocation/getCurrentPosition": {
-    "modified": "2019-03-23T23:16:28.831Z",
-    "contributors": ["fscholz", "LeoHirsch", "lupomontero"]
-  },
   "conflicting/Web/API/HTMLElement/change_event": {
     "modified": "2019-03-23T22:18:11.571Z",
     "contributors": ["gama"]
diff --git a/files/es/conflicting/web/api/geolocation/getcurrentposition/index.md b/files/es/conflicting/web/api/geolocation/getcurrentposition/index.md
deleted file mode 100644
index 262cd26850fce3..00000000000000
--- a/files/es/conflicting/web/api/geolocation/getcurrentposition/index.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: PositionOptions
-slug: conflicting/Web/API/Geolocation/getCurrentPosition
-original_slug: Web/API/PositionOptions
----
-
-{{APIRef("Geolocation API")}}
-
-La interfaz **`PositionOptions`** describe las opciones disponibles cuando invocamos el "backend" de geolocalización. El navegador no crea este objeto directamente: es el script que invoca quien lo crea y usa como un parámetro de {{domxref("Geolocation.getCurrentPosition()")}} y {{domxref("Geolocation.watchPosition()")}}.
-
-## Propiedades
-
-_La interfaz `PositionOptions` no hereda ninguna propiedad_.
-
-- {{domxref("PositionOptions.enableHighAccuracy")}}
-  - : Es un {{domxref("Boolean")}} que indica que la aplicación quiere recibir los mejores resultados posibles. Si es `true` y si el dispositivo es capaz de proporcionar una posición más precisa, así lo hará. Ten en cuenta que esto puede resultar en tiempos de respuesta más lentos o en un incremento del uso de energía (con un chip GPS en un teléfono móvil por ejemplo). Por otro lado, si es `false` (el valor por defecto), el dispositivo tiene libertad para decidir ahorrar recursos respondiendo más rápido y/o usando menos energía.
-- {{domxref("PositionOptions.timeout")}}
-  - : Es un valor `long` positivo que representa el máximo período de tiempo (en millisegundos) que se le permite tomar al dispositivo para retornar a una posición. El valor por defecto es [`Infinity`](/es/docs/JavaScript/Reference/Global_Objects/Infinity), y significa que `getCurrentPosition()` no retornará hasta que esté disponible la posición.
-- {{domxref("PositionOptions.maximumAge")}}
-  - : Es un valor `long` positivo que indica la edad máxima en milisegundos de una posible posición "cacheada" que es aceptable retornar. Si es `0`, significa que el dispositivo no puede usar posiciones "cacheadas" y debe intentar conseguir la posición real actual. Si es [`Infinity`](/es/docs/JavaScript/Reference/Global_Objects/Infinity) el dispositivo debe retornar una posición previamente "cacheada" independientemente de su edad.
-
-## Métodos
-
-**La interfaz `PositionOptions` no implementa ni hereda ningún método*.***
-
-## Especificaciones
-
-{{Specifications}}
-
-## Compatibilidad de Navegadores
-
-{{Compat}}
-
-## Ver también
-
-- [Using geolocation](/es/docs/WebAPI/Using_geolocation)
-- La interfaz {{domxref("Geolocation")}} que la usa.

From 7216f097f5145885211de5be0e90afb8c329ec19 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Thu, 29 Jun 2023 13:32:59 -0600
Subject: [PATCH 145/146] es: Remove -moz-outline-radius as en-US (#13863)

---
 files/es/_redirects.txt                       |  3 +-
 files/es/_wikihistory.json                    | 10 --
 files/es/conflicting/web/css/outline/index.md | 98 -------------------
 3 files changed, 2 insertions(+), 109 deletions(-)
 delete mode 100644 files/es/conflicting/web/css/outline/index.md

diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index e68b0909745b23..aec2c3d84f0319 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -1777,7 +1777,7 @@
 /es/docs/Web/CSS/-moz-box-pack	/es/docs/Web/CSS/box-pack
 /es/docs/Web/CSS/-moz-context-properties	/es/docs/orphaned/Web/CSS/-moz-context-properties
 /es/docs/Web/CSS/-moz-font-language-override	/es/docs/Web/CSS/font-language-override
-/es/docs/Web/CSS/-moz-outline-radius	/es/docs/conflicting/Web/CSS/outline
+/es/docs/Web/CSS/-moz-outline-radius	/es/docs/Web/CSS/outline
 /es/docs/Web/CSS/-moz-outline-radius-bottomleft	/es/docs/conflicting/Web/CSS/outline_114f9fa8b3569c03001b69bd5bf197b2
 /es/docs/Web/CSS/-moz-outline-radius-bottomright	/es/docs/conflicting/Web/CSS/outline_59c3f549fecef9ba8337c3b924fa8ae9
 /es/docs/Web/CSS/-moz-outline-radius-topleft	/es/docs/conflicting/Web/CSS/outline_cb050209a619bd4beea569386863d484
@@ -2934,6 +2934,7 @@
 /es/docs/conflicting/Web/API/CustomElementRegistry/define	/es/docs/Web/API/CustomElementRegistry/define
 /es/docs/conflicting/Web/API/Geolocation/getCurrentPosition	/es/docs/Web/API/Geolocation/getCurrentPosition
 /es/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries	/es/docs/Web/CSS/CSS_media_queries/Using_media_queries
+/es/docs/conflicting/Web/CSS/outline	/es/docs/Web/CSS/outline
 /es/docs/conflicting/web/api/blob	/es/docs/web/api/blob
 /es/docs/conflicting/web/api/element/clientheight	/es/docs/web/api/element/clientheight
 /es/docs/conflicting/web/api/file/name	/es/docs/web/api/file/name
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index 451b7e82ff9ca8..219ef079e15862 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -14659,16 +14659,6 @@
     "modified": "2019-03-23T23:50:19.746Z",
     "contributors": ["teoli", "FredB", "HenryGR"]
   },
-  "conflicting/Web/CSS/outline": {
-    "modified": "2019-03-23T22:35:49.017Z",
-    "contributors": [
-      "BubuAnabelas",
-      "teoli",
-      "Simplexible",
-      "Prinz_Rana",
-      "pekechis"
-    ]
-  },
   "conflicting/Web/CSS/outline_114f9fa8b3569c03001b69bd5bf197b2": {
     "modified": "2019-03-23T22:35:52.557Z",
     "contributors": ["pekechis"]
diff --git a/files/es/conflicting/web/css/outline/index.md b/files/es/conflicting/web/css/outline/index.md
deleted file mode 100644
index ce62092893d53d..00000000000000
--- a/files/es/conflicting/web/css/outline/index.md
+++ /dev/null
@@ -1,98 +0,0 @@
----
-title: '-moz-outline-radius'
-slug: conflicting/Web/CSS/outline
-original_slug: Web/CSS/-moz-outline-radius
----
-
-{{Non-standard_header}}{{CSSRef}}
-
-## Resumen
-
-En aplicaciones de Mozilla como Firefox, la propiedad CSS `-moz-outline-radius` puede ser usada para a los contornos de esquinas redondeadas. Un {{cssxref("outline")}} es una línea que es dibujada alrededor de los elementos, fuera del límite del borde, para hacer que el elemento destaque.
-
-`-moz-outline-radius` es un atajo para establecer las cuatro propiedades{{cssxref("-moz-outline-radius-topleft")}}, {{cssxref("-moz-outline-radius-topright")}}, {{cssxref("-moz-outline-radius-bottomright")}} y {{cssxref("-moz-outline-radius-bottomleft")}}.
-
-{{cssinfo}}
-
-## Síntaxis
-
-```css
-/* Un valor */
--moz-outline-radius: 25px;
-
-/* Dos valores */
--moz-outline-radius: 25px 1em;
-
-/* Tres valores */
--moz-outline-radius: 25px 1em 12%;
-
-/* Cuator valores */
--moz-outline-radius: 25px 1em 12% 4mm;
-
-/* valores globales */
--moz-outline-radius: inherit;
--moz-outline-radius: initial;
--moz-outline-radius: unset;
-```
-
-### Valores
-
-> **Nota:** Los contornos elípticos y los valores `<porcentaje>` se expresan de acuerdo a la síntaxis descrita en {{cssxref("border-radius")}}.
-
-Uno, dos,tres o cuatro valores `<outline-radius>` , representan uno de los siguientes casos:
-
-- {{cssxref("&lt;length&gt;")}}
-  - : Ver {{cssxref("&lt;length&gt;")}} para ver los posibles valores.1234567
-- {{cssxref("&lt;percentage&gt;")}}
-  - : Un {{cssxref("&lt;percentage&gt;")}}; ver {{cssxref("border-radius")}} para más detalles.
-    - Si se establece un único valor se aplica a las cuatro esquinas-
-    - Si se establecen dos valores, el primero se aplica a la esquina superior-izquierda e inferior-derecha y el segundo a las esquinas superior-derecha e inferior-izquierda
-    - Si se establecen tres valores el primero se aplica a la esquina superior-izquierda, el segundo a las esquinas superior-derecha e inferior-izquierda y el tercero a la esquina inferior-derecha.
-    - Si se establecen cautro valores el primero se aplica a la esquina superior-izquierda, el segundo a la esquina superior-derecha, el tercero la esquina inferior-derecha y el cuarto a la esquina inferior-izquierda.
-
-### Síntaxis Formal
-
-{{csssyntax}}
-
-## Ejemplo
-
-### HTML
-
-```html
-<style>
-p {
-border: 1px solid black;
-outline: dotted red; -moz-outline-radius: 12% 1em 25px;
-}
-</style> </head>
-
-<body> <p>La propiedad  outline-style usando -moz-outline-radius</p> </body>
-
-<head> <style>
-p1 {
-border: 1px solid black; outline: dotted red;
--moz-outline-radius-topleft: 12%;
--moz-outline-radius-topright: 1em;
--moz-outline-radius-bottomright: 35px;
--moz-outline-radius-bottomleft: 1em; }
-</style> </head>
-
-<body> <p1>La propiedad outline-style usando un -moz-outline-radius-xxx más complicado</p1> </body>
-```
-
-### Result
-
-{{EmbedLiveSample('', '', '')}}
-
-## Notas
-
-- `Las esquinas con radio dotted` o `dashed` se muestran como solid, [Error 382721 en Firefox](https://bugzil.la/382721)
-- Existe la posibilidad de que futuras versiones del motor Gecko/Firefox eliminen esta propiedad completamente. Ver [Error 593717 en Firefox](https://bugzil.la/593717).
-
-## Especificaciones
-
-Esta propiedad no se define es ningún estándar CSS.
-
-## Compatibilidad con navegadores
-
-{{Compat}}

From e015b9c890ebf51937a68114dd2968d9880a98ed Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Thu, 29 Jun 2023 13:45:15 -0600
Subject: [PATCH 146/146] es: Remove <bgsound>; redirect to <audio> as en-US
 (#13864)

---
 files/es/_redirects.txt                       |  5 +-
 files/es/_wikihistory.json                    |  4 --
 .../web/html/element/audio/index.md           | 52 -------------------
 3 files changed, 3 insertions(+), 58 deletions(-)
 delete mode 100644 files/es/conflicting/web/html/element/audio/index.md

diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index aec2c3d84f0319..a006a8adddf6dc 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -1997,7 +1997,7 @@
 /es/docs/Web/HTML/Consejos_para_la_creación_de_páginas_HTML_de_carga_rápida	/es/docs/Learn/HTML/Howto/Author_fast-loading_HTML_pages
 /es/docs/Web/HTML/Element/applet	/es/docs/orphaned/Web/HTML/Element/applet
 /es/docs/Web/HTML/Element/basefont	/es/docs/conflicting/Web/CSS/CSS_Fonts
-/es/docs/Web/HTML/Element/bgsound	/es/docs/conflicting/Web/HTML/Element/audio
+/es/docs/Web/HTML/Element/bgsound	/es/docs/Web/HTML/Element/audio
 /es/docs/Web/HTML/Element/blink	/es/docs/orphaned/Web/HTML/Element/blink
 /es/docs/Web/HTML/Element/content	/es/docs/conflicting/Web/HTML/Element/slot
 /es/docs/Web/HTML/Element/input/datetime	/es/docs/Web/HTML/Element/input/datetime-local
@@ -2020,7 +2020,7 @@
 /es/docs/Web/HTML/Elemento/basefont	/es/docs/conflicting/Web/CSS/CSS_Fonts
 /es/docs/Web/HTML/Elemento/bdi	/es/docs/Web/HTML/Element/bdi
 /es/docs/Web/HTML/Elemento/bdo	/es/docs/Web/HTML/Element/bdo
-/es/docs/Web/HTML/Elemento/bgsound	/es/docs/conflicting/Web/HTML/Element/audio
+/es/docs/Web/HTML/Elemento/bgsound	/es/docs/Web/HTML/Element/audio
 /es/docs/Web/HTML/Elemento/big	/es/docs/Web/HTML/Element/big
 /es/docs/Web/HTML/Elemento/blink	/es/docs/orphaned/Web/HTML/Element/blink
 /es/docs/Web/HTML/Elemento/blockquote	/es/docs/Web/HTML/Element/blockquote
@@ -2935,6 +2935,7 @@
 /es/docs/conflicting/Web/API/Geolocation/getCurrentPosition	/es/docs/Web/API/Geolocation/getCurrentPosition
 /es/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries	/es/docs/Web/CSS/CSS_media_queries/Using_media_queries
 /es/docs/conflicting/Web/CSS/outline	/es/docs/Web/CSS/outline
+/es/docs/conflicting/Web/HTML/Element/audio	/es/docs/Web/HTML/Element/audio
 /es/docs/conflicting/web/api/blob	/es/docs/web/api/blob
 /es/docs/conflicting/web/api/element/clientheight	/es/docs/web/api/element/clientheight
 /es/docs/conflicting/web/api/file/name	/es/docs/web/api/file/name
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index 219ef079e15862..480b0aea7f554d 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -14699,10 +14699,6 @@
       "on3_g"
     ]
   },
-  "conflicting/Web/HTML/Element/audio": {
-    "modified": "2019-10-10T16:35:21.119Z",
-    "contributors": ["jcr4"]
-  },
   "conflicting/Web/HTML/Element/slot": {
     "modified": "2019-03-23T22:36:12.624Z",
     "contributors": ["jcr4"]
diff --git a/files/es/conflicting/web/html/element/audio/index.md b/files/es/conflicting/web/html/element/audio/index.md
deleted file mode 100644
index ad4396c28c2304..00000000000000
--- a/files/es/conflicting/web/html/element/audio/index.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: <bgsound>
-slug: conflicting/Web/HTML/Element/audio
-original_slug: Web/HTML/Element/bgsound
----
-
-{{non-standard_header}}
-
-## Resumen
-
-El elemento HTML de sonido de fondo (\<bgsound>) es un elemento de Internet Explorer que asocia un sonido de fondo con un página .
-
-> **Nota:** Para incrustar un elemento en una página web , se debe de usar el elemento {{HTMLElement("audio")}}
-
-## Atributos
-
-- `balance`
-  - : Este atributo define un número entre -10,000 y + 10,000 que determina como el volumen será dividido entre los altavoces .
-- `loop`
-  - : Este atributo indica el número de veces que un soinido será reproducido ya sea como un valor numérico o la palabra clave _infinite_ .
-- `src`
-  - : Este atributo especifica la URL del archivo de sonido que será reproducido , el cual debe ser uno de los siguientes tipos : wav, .au, o .mid.
-- `volume`
-  - : Este atributo define un número entre -10,000 y 0 que determina la fuerza del sonido de fondo de una página .
-
-## Ejemplo
-
-```html
-<bgsound src="sound1.mid">
-
-<bgsound src="sound2.au" loop="infinite">
-```
-
-## Notas
-
-Funcionalidad similar puede ser lograda en algunas versiones de Netscape usando la etiqueta \<embed> para invocar un reproductor de audio .
-
-Puedes escribir bgsound con una etiqueta de cierre automático \<bgsound /> . Ahora bien , desde que este elemento no es parte de un estándar , haciendolo como XHTML no lo hará valido.
-
-## Especificaciones
-
-{{Specifications}}
-
-## Compatibilidad con navegadores
-
-{{Compat}}
-
-## Ver también
-
-- {{htmlelement("audio")}}, el cual es el elemento estándar para incrustar audio en un documento.
-
-{{HTMLSidebar}}